*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#667eea;--accent-dark:#5a6fd8;--accent2:#764ba2;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-sm:0 2px 8px #00000014;--shadow:0 6px 24px #0000001f;--shadow-lg:0 12px 40px #0000002e;--transition:0.25s ease;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body.light-mode{--surface:#fff;--surface-alt:#f8f9ff;--border:#00000014;--text:#1a1a2e;--text-muted:#6b7280;--card-bg:#fff;--prompt-bg:linear-gradient(135deg,#667eea14,#764ba214);--prompt-border:#667eea40}body.dark-mode{--surface:#1e1e30;--surface-alt:#16162a;--border:#ffffff14;--text:#e8eaed;--text-muted:#9ca3af;--card-bg:#252538;--prompt-bg:linear-gradient(135deg,#667eea26,#764ba226);--prompt-border:#667eea59;background:radial-gradient(circle farthest-side at 0 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0) 0 0 #282828;background-size:40px 60px}body.light-mode{background:radial-gradient(circle farthest-side at 0 50%,#dde1f0 23.5%,#fff0 0) 21px 30px,radial-gradient(circle farthest-side at 0 50%,#e8ecf8 24%,#fff0 0) 19px 30px,linear-gradient(#dde1f0 14%,#fff0 0,#fff0 85%,#dde1f0 0) 0 0,linear-gradient(150deg,#dde1f0 24%,#e8ecf8 0,#e8ecf8 26%,#fff0 0,#fff0 74%,#e8ecf8 0,#e8ecf8 76%,#dde1f0 0) 0 0,linear-gradient(30deg,#dde1f0 24%,#e8ecf8 0,#e8ecf8 26%,#fff0 0,#fff0 74%,#e8ecf8 0,#e8ecf8 76%,#dde1f0 0) 0 0,linear-gradient(90deg,#e8ecf8 2%,#dde1f0 0,#dde1f0 98%,#e8ecf8 0) 0 0 #dde1f0;background-size:40px 60px}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);transition:color .25s ease;transition:color var(--transition)}.App,body{min-height:100vh}.App{margin:0 auto;max-width:860px;padding:20px 16px 60px}main{display:flex;flex-direction:column;gap:24px}header{background:var(--surface);border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 24px #0000001f;box-shadow:var(--shadow);margin-bottom:24px;padding:24px 28px}.header-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.title-section{flex:1 1}.title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.2}.title-section p{color:var(--text-muted);font-size:.95rem;margin-top:4px}.header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.offline-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#92400e;font-size:.78rem;font-weight:600;padding:4px 10px}.dark-mode .offline-badge{background:#fef3c726;border-color:#fcd34d4d;color:#fcd34d}.toggle-cont{--primary:#54a8fc;--light:#d9d9d9;--dark:#121212;--gray:#414344;border-radius:9999px;height:50px;position:relative;width:fit-content;z-index:10}.toggle-cont .toggle-input{display:none}.toggle-cont .toggle-label{--gap:5px;--width:50px;background-color:var(--dark);border:1px solid #777;border-bottom:0;border-radius:9999px;box-sizing:initial;cursor:pointer;display:inline-block;height:100%;padding:.5rem;position:relative;transition:all .3s ease-in-out;width:calc((var(--width) + var(--gap))*2)}.toggle-label:before{background-color:var(--gray);border:1px solid #777;border-bottom:0;height:calc(100% + 1.5rem);transition:all .3s ease-in-out;width:calc(100% + 1.5rem)}.toggle-label:after,.toggle-label:before{border-radius:9999px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-10}.toggle-label:after{background-image:radial-gradient(circle at 50% -100%,#3a9bfc 0,#0c0c0c 80%);height:100%;width:100%}.toggle-cont .toggle-label .cont-icon{align-items:center;background-image:radial-gradient(circle at 50% 0,#666 0,var(--gray) 100%);border:1px solid #aaa;border-bottom:0;border-radius:9999px;box-shadow:inset 0 -.15rem .15rem var(--primary);display:flex;height:50px;justify-content:center;overflow:clip;position:relative;transition:transform .3s ease-in-out;width:var(--width)}.cont-icon .sparkle{animation:sparkle-anim calc(100s/var(--duration)) linear calc(0s/var(--duration)) infinite;aspect-ratio:1;background-color:var(--light);border-radius:50%;display:block;left:50%;position:absolute;rotate:calc(1deg*var(--deg));top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:calc(var(--width)*1px)}@keyframes sparkle-anim{to{transform:translate(2000%,-50%);width:calc(var(--width)*.5px)}}.cont-icon .toggle-icon{fill:var(--light);width:1.1rem}.toggle-cont:has(.toggle-input:checked) .toggle-label{background-color:initial;border:1px solid #3d6970;border-bottom:0}.toggle-cont:has(.toggle-input:checked) .toggle-label:before{box-shadow:0 1rem 2.5rem -2rem #0080ff}.toggle-cont:has(.toggle-input:checked) .toggle-label .cont-icon{background-image:radial-gradient(circle at 50% 0,#045ab1 0,var(--primary) 100%);border:1px solid var(--primary);border-bottom:0;overflow:visible;transform:translateX(calc(var(--gap)*2 + 100%)) rotate(-225deg)}.toggle-cont:has(.toggle-input:checked) .cont-icon .sparkle{animation:sparkle-checked calc(100s/var(--duration)) linear calc(10s/var(--duration)) infinite;background-color:#acacac;width:calc(var(--width)*1.5px);z-index:-10}@keyframes sparkle-checked{to{transform:translate(5000%,-50%);width:calc(var(--width)*1px)}}.btn{align-items:center;border:none;border-radius:14px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);font-size:.95rem;font-weight:600;gap:6px;padding:12px 22px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,opacity .25s ease;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn:not(:disabled):hover{box-shadow:0 6px 24px #0000001f;box-shadow:var(--shadow);transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 4px 14px #667eea59;color:#fff}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);background:linear-gradient(135deg,var(--accent-dark),#6a4190)}.btn-secondary{background:var(--surface-alt);color:var(--text)}.btn-ghost,.btn-secondary{border:1px solid var(--border)}.btn-ghost{background:#0000;color:var(--text-muted)}.btn-ghost:not(:disabled):hover{background:var(--surface-alt);color:var(--text)}.btn-lg{border-radius:20px;border-radius:var(--radius-lg);font-size:1.05rem;padding:15px 32px}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:.85rem;padding:8px 14px}.home-hero{display:flex;justify-content:center;padding:8px 0 4px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--text);font-size:1.3rem;font-weight:700}.story-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.story-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:20px;transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition),box-shadow var(--transition)}.story-card:hover{box-shadow:0 6px 24px #0000001f;box-shadow:var(--shadow);transform:translateY(-4px)}.story-card-header{align-items:center;display:flex;justify-content:space-between}.story-id{font-size:.8rem;font-weight:700;letter-spacing:.05em}.sentence-badge,.story-id{color:#667eea;color:var(--accent)}.sentence-badge{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid #667eea33;border-radius:20px;font-size:.75rem;font-weight:600;padding:3px 10px}.story-preview{color:var(--text-muted);flex:1 1;font-size:.9rem;font-style:italic;line-height:1.55}.story-card-actions{display:flex;gap:8px}.story-card-actions .btn{flex:1 1;justify-content:center}.state-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center}.empty-icon{font-size:3rem;line-height:1}.empty-state h3{color:var(--text);font-size:1.15rem}.empty-state p{font-size:.9rem}.view-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 24px #0000001f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;padding:28px}.panel-header{align-items:center;display:flex;gap:14px}.panel-header h2{font-size:1.4rem;font-weight:700}.panel-hint{color:var(--text-muted);font-size:.9rem;margin-top:-8px}.panel-actions{display:flex;flex-wrap:wrap;gap:12px}.textarea-wrap{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;flex-direction:column;gap:0;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;transition:border-color var(--transition),box-shadow var(--transition)}.textarea-wrap:focus-within{border-color:#667eea;border-color:var(--accent);box-shadow:0 0 0 3px #667eea26}textarea{background:#0000;border:none;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);font-size:.97rem;line-height:1.65;min-height:130px;outline:none;padding:16px;resize:vertical;width:100%}textarea::placeholder{color:var(--text-muted);font-style:italic}.textarea-footer{align-items:center;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.dice-btn{font-size:.82rem}.char-counter{color:var(--text-muted);font-size:.78rem;font-weight:600;transition:color .25s ease;transition:color var(--transition)}.char-counter.warn{color:#d97706}.char-counter.danger{color:#dc2626}.prompt-box{background:var(--prompt-bg);border:1.5px solid var(--prompt-border);border-radius:14px;border-radius:var(--radius);overflow:hidden;padding:18px 20px;position:relative}.prompt-box:before{background:linear-gradient(180deg,#667eea,#764ba2);background:linear-gradient(180deg,var(--accent),var(--accent2));bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.prompt-label{color:#667eea;color:var(--accent);display:block;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.prompt-text{color:var(--text);font-size:1.05rem;font-style:italic;line-height:1.65}.full-story-meta{color:var(--text-muted);font-size:.85rem;font-weight:600;margin-top:-12px}.story-scroll{display:flex;flex-direction:column;gap:2px;max-height:55vh;overflow-y:auto;padding-right:4px;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.story-line{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:12px 0}.story-line:last-child{border-bottom:none}.line-num{color:#667eea;color:var(--accent);font-size:.78rem;font-weight:700;min-width:22px;opacity:.7;padding-top:3px}.story-line p{color:var(--text);font-size:.97rem;line-height:1.7}.toast{animation:slideUp .3s ease;border-radius:14px;border-radius:var(--radius);bottom:28px;box-shadow:0 12px 40px #0000002e;box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:600;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:1000}.toast-error{background:#dc2626;color:#fff}.toast-success{background:#16a34a;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.spinner{border-top-color:#667eea;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}.spinner,.spinner-sm{animation:spin .7s linear infinite}.spinner-sm{border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.App{padding:12px 12px 48px}header{padding:18px}.view-panel{padding:20px 16px}.story-grid{grid-template-columns:1fr}.panel-actions{flex-direction:column}.panel-actions .btn{justify-content:center;width:100%}.story-card-actions{flex-direction:column}}.ad-banner{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin-top:8px;overflow:hidden;padding:10px 0}.ad-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;opacity:.6;padding-bottom:6px;text-transform:uppercase}@media (max-width:728px){.ad-banner ins{height:60px!important;width:100%!important}}
/*# sourceMappingURL=main.669d5340.css.map*/