:root{--bg: #0d0a14;--bg2: #16111f;--panel: #1c1526;--panel2: #241a31;--violet: #7c5cff;--violet2: #a48bff;--gold: #e6b85c;--cream: #f4edfa;--muted: #9d90b5;--line: #332a45;--rose: #ff7d9c;--cyan: #5cc8ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;background:radial-gradient(1400px 900px at 70% -10%,#241733 0%,var(--bg) 55%,#08060d 100%);color:var(--cream);min-height:100vh;background-attachment:fixed}.app{min-height:100vh;display:flex;flex-direction:column}.masthead{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;background:#0d0a14cc}.masthead-inner{max-width:1080px;margin:0 auto;padding:18px 20px;display:flex;align-items:baseline;gap:14px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-mark{color:var(--violet2);font-size:1.3rem}.brand-word{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,var(--violet2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{color:var(--muted);font-size:.85rem;font-style:italic}.library{max-width:1080px;margin:0 auto;padding:40px 20px 60px;flex:1;width:100%}.library-hero{text-align:center;margin-bottom:40px}.hero-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;background:linear-gradient(90deg,#f4edfa,var(--violet2) 50%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.hero-sub{color:var(--muted);font-size:1.05rem;max-width:620px;margin:0 auto;line-height:1.6}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:20px;color:var(--violet2);font-size:.92rem}.hero-features span{white-space:nowrap}.compose-btn{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;border:1px solid transparent;background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 24px #7c5cff59;transition:transform .15s ease,box-shadow .2s ease}.compose-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px #7c5cff80}.compose-btn-mark{font-size:1.1rem}.state{text-align:center;color:var(--muted);padding:40px;font-size:1.05rem}.state-error{color:var(--rose)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06040cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{position:relative;width:100%;max-width:520px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 60px #0000008c}.modal-close{position:absolute;top:14px;right:16px;background:transparent;border:none;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}.modal-close:hover{color:var(--cream)}.modal-title{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;margin-bottom:8px}.modal-sub{color:var(--muted);font-size:.95rem;line-height:1.55;margin-bottom:18px}.compose-input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--cream);padding:14px;font-size:1rem;line-height:1.5;font-family:inherit;resize:vertical;min-height:90px}.compose-input:focus{outline:none;border-color:var(--violet)}.compose-input::placeholder{color:var(--muted)}.compose-email{width:100%;margin-top:10px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--cream);padding:12px 14px;font-size:.92rem;font-family:inherit}.compose-email:focus{outline:none;border-color:var(--violet)}.compose-email::placeholder{color:var(--muted)}.compose-submit{margin-top:18px;width:100%;padding:13px;border-radius:12px;border:1px solid transparent;background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14;font-weight:700;font-size:1rem;cursor:pointer}.compose-submit:disabled{opacity:.5;cursor:not-allowed}.compose-status{margin-top:14px;color:var(--violet2);font-size:.9rem;display:flex;align-items:center;gap:8px}.compose-status-spin{display:inline-block;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compose-email-wrap{margin-top:6px}.compose-email-saved{margin-top:6px;color:var(--gold);font-size:.82rem}.compose-error{margin-top:14px;color:var(--rose);font-size:.9rem}.compose-done{text-align:center}.compose-done-mark{font-size:2.6rem;color:var(--gold);margin-bottom:8px}.compose-done-title{color:var(--gold);font-style:italic;margin-top:10px}.compose-done-premise{color:var(--muted);margin-top:10px;line-height:1.6}.compose-text-ready{margin-top:16px;padding:14px 16px;border:1px dashed var(--gold);border-radius:12px;background:#d4af3712;text-align:center}.compose-text-ready-note{color:var(--muted);font-size:.85rem;font-style:italic;margin-bottom:10px}.compose-read-now{display:inline-block;padding:11px 22px;border-radius:999px;border:1px solid transparent;background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.compose-read-now:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7c5cff80}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.story-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 6px 20px #0000004d}.story-card:hover{transform:translateY(-4px);border-color:var(--violet);box-shadow:0 12px 30px #7c5cff33}.story-card-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.story-icon{font-size:1.6rem;margin-right:auto}.story-badge{font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--violet2);border:1px solid var(--violet);border-radius:20px;padding:3px 10px}.story-badge-open{color:var(--rose);border-color:var(--rose)}.story-title{font-family:Georgia,serif;font-size:1.3rem;font-weight:700;margin-bottom:4px}.story-native{color:var(--gold);font-style:italic;font-size:.9rem;margin-bottom:10px}.story-premise{color:var(--muted);font-size:.9rem;line-height:1.55;margin-bottom:16px}.story-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.8rem;margin-bottom:16px}.story-cta{color:var(--violet2);font-weight:600;font-size:.9rem}.card-share-btn{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);width:30px;height:30px;font-size:1rem;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease}.card-share-btn:hover{border-color:var(--violet2);color:var(--violet2)}.story-card-pending{cursor:default;border-style:dashed;border-color:var(--violet);background:linear-gradient(180deg,#7c5cff14,#1c152699);opacity:.92}.story-card-pending:hover{transform:none;box-shadow:0 6px 20px #0000004d;border-color:var(--violet2)}.story-badge-pending,.story-badge-text-ready{color:var(--gold);border-color:var(--gold)}.story-card-readable{cursor:pointer;border-color:var(--gold)}.story-card-readable:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 26px #d4af372e}.story-title-pending{color:var(--muted);font-style:italic}.pending-bar{margin-top:14px;height:6px;border-radius:999px;background:var(--panel2);overflow:hidden}.pending-bar-fill{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--violet2),var(--gold));animation:pending-slide 1.6s ease-in-out infinite}@keyframes pending-slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.progress-status{margin-top:14px;display:flex;flex-direction:column;gap:6px}.progress-line{color:var(--cream);font-size:.85rem;font-weight:600}.progress-scene-title{color:var(--gold);font-style:italic;font-size:.82rem}.progress-bar{height:6px;border-radius:999px;background:var(--panel2);overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--gold));transition:width .5s ease}.compose-progress{margin-top:14px;display:flex;flex-direction:column;gap:10px}.stage-stepper{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel2),var(--panel))}.stage-step{display:flex;flex-direction:column;gap:2px}.stage-row{display:flex;align-items:center;gap:10px;padding:3px 0}.stage-check{flex:0 0 auto;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;line-height:1}.stage-spin{animation:spin 1.2s linear infinite}.stage-label{font-size:.9rem;line-height:1.35}.stage-sub{display:flex;flex-direction:column;gap:6px;margin:2px 0 4px 30px}.stage-sub-line{color:var(--cream);font-size:.82rem;font-weight:600}.stage-step.done .stage-check{color:var(--gold);border:1px solid var(--gold)}.stage-step.done .stage-label{color:var(--gold)}.stage-step.current .stage-check{color:var(--violet2);border:1px solid var(--violet2);box-shadow:0 0 10px #7c5cff59}.stage-step.current .stage-label{color:var(--cream);font-weight:600}.stage-step.pending .stage-check{color:var(--muted);border:1px solid var(--line)}.stage-step.pending .stage-label{color:var(--muted)}.footer{text-align:center;color:var(--muted);padding:30px 20px;border-top:1px solid var(--line);font-size:.85rem}.footer strong{color:var(--violet2)}.reader{min-height:100vh;display:flex;flex-direction:column}.reader-nav{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d0a14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.back-btn{background:transparent;color:var(--violet2);border:1px solid var(--line);border-radius:10px;padding:7px 14px;cursor:pointer;font-size:.9rem;font-weight:600;transition:border-color .15s ease}.back-btn:hover{border-color:var(--violet)}.reader-nav-title{flex:1;text-align:center;font-family:Georgia,serif;color:var(--muted)}.reader-nav-spacer{width:90px}.reader-nav-actions{width:90px;display:flex;justify-content:flex-end}.nav-share-btn{background:transparent;color:var(--violet2);border:1px solid var(--line);border-radius:10px;padding:7px 14px;cursor:pointer;font-size:.9rem;font-weight:600;transition:border-color .15s ease}.nav-share-btn:hover{border-color:var(--violet)}.reader-layout{max-width:1080px;margin:0 auto;width:100%;padding:32px 20px 60px;display:grid;grid-template-columns:1fr 320px;gap:28px;flex:1;align-items:start}@media (max-width: 860px){.reader-layout{grid-template-columns:1fr}}.reader-main{min-width:0}.reader-header{margin-bottom:24px}.reader-title{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.15}.reader-native{color:var(--gold);font-style:italic;margin-top:6px}.reader-premise{color:var(--muted);margin-top:14px;line-height:1.6;font-size:1rem}.reader-toc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:16px;box-shadow:0 6px 18px #00000040}.toc-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.toc-title{font-family:Georgia,serif;color:var(--gold);font-size:.9rem;font-weight:700}.toc-count{color:var(--muted);font-size:.75rem}.toc-list{display:flex;flex-wrap:wrap;gap:6px}.toc-item{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .12s ease;max-width:100%}.toc-item:hover{border-color:var(--violet);color:var(--cream)}.toc-item.active{border-color:var(--gold);color:var(--gold);background:#e6b85c1a}.toc-num{color:var(--violet2);font-weight:700;font-size:.72rem}.toc-item.active .toc-num{color:var(--gold)}.toc-name{line-height:1.3}.player{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:28px;box-shadow:0 6px 18px #00000040}.player-audio{width:100%}.player-audio-pending{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px 14px;border:1px dashed var(--violet);border-radius:14px;background:#7c5cff0f;color:var(--violet2);font-size:.92rem;text-align:center;letter-spacing:.3px}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.player-scene-label{font-size:.82rem;color:var(--muted);letter-spacing:.2px}.voice-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:3px}.voice-toggle button{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:600;padding:5px 12px;cursor:pointer;transition:background .15s ease,color .15s ease}.voice-toggle button:hover{color:var(--cream)}.voice-toggle button.active{background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14}.continue-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14;border:1px solid transparent;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 4px 14px #7c5cff59}.continue-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #7c5cff80}.continue-btn:disabled{opacity:.6;cursor:not-allowed}.continue-spin{display:inline-block;animation:spin 1.2s linear infinite}.continue-direction{width:100%;margin-top:10px}.continue-direction-input{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--cream);font-size:.85rem;font-family:inherit;padding:9px 13px;outline:none;transition:border-color .15s ease,box-shadow .2s ease}.continue-direction-input::placeholder{color:var(--muted)}.continue-direction-input:focus{border-color:var(--violet2);box-shadow:0 0 0 3px #7c5cff33}.continue-direction-input:disabled{opacity:.6;cursor:not-allowed}.continue-status{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--violet2);font-size:.85rem;font-style:italic}.orator-pause{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:var(--violet2);font-size:.85rem;font-style:italic;letter-spacing:.4px;animation:pause-breathe 1.2s ease-in-out infinite}.orator-pause .pause-dots{color:var(--gold);font-size:1.15rem;line-height:1;letter-spacing:2px}@keyframes pause-breathe{0%,to{opacity:.45}50%{opacity:1}}.reader-body{min-width:0}.manuscript{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:32px 34px;line-height:1.85}@media (max-width: 640px){.manuscript{padding:20px 18px}}.ms-heading{font-family:Georgia,serif;color:var(--gold);font-size:1.35rem;margin:28px 0 12px;font-weight:700}.ms-heading:first-child{margin-top:0}.ms-text{color:var(--cream);font-size:1.02rem;margin-bottom:18px;font-family:Georgia,Times New Roman,serif}.sentence{border-radius:3px;transition:background-color .18s ease,box-shadow .18s ease}.sentence-active{background:#e6b85c38;box-shadow:0 0 0 3px #e6b85c1f;border-radius:4px}.ms-text.ms-timed{line-height:2.05}.ms-active-note{margin-top:24px;padding:12px 14px;border:1px dashed var(--violet);border-radius:10px;color:var(--violet2);font-size:.85rem;font-style:italic}.hl-word{position:relative;color:var(--gold);border-bottom:1px dotted var(--gold);cursor:help}.hl-tip{position:absolute;bottom:130%;left:50%;transform:translate(-50%);background:#0a0712;border:1px solid var(--violet);color:var(--cream);font-family:-apple-system,sans-serif;font-size:.78rem;line-height:1.4;padding:8px 12px;border-radius:8px;width:240px;display:none;z-index:20;box-shadow:0 8px 24px #00000080;pointer-events:none}.hl-word:hover .hl-tip{display:block}.reader-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:70px}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.side-title{font-family:Georgia,serif;color:var(--gold);font-size:.95rem;margin-bottom:14px}.scene-list{display:flex;flex-direction:column;gap:6px}.scene-item{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 10px;color:var(--muted);cursor:pointer;text-align:left;font-size:.88rem;transition:all .12s ease}.scene-item:hover{background:var(--panel2);color:var(--cream)}.scene-item.active{background:var(--panel2);border-color:var(--violet);color:var(--cream)}.scene-num{color:var(--violet2);font-weight:700;font-size:.78rem}.scene-name{flex:1;line-height:1.3}.dict-list{display:flex;flex-direction:column;gap:12px}.dict-item{border-bottom:1px solid var(--line);padding-bottom:10px}.dict-item:last-child{border-bottom:none;padding-bottom:0}.dict-word{color:var(--gold);font-weight:700;font-size:.9rem;margin-bottom:3px}.dict-meaning{color:var(--muted);font-size:.8rem;line-height:1.5}.scene-block{position:relative;padding:6px 0 20px}.scene-block+.scene-block{border-top:1px solid var(--line);margin-top:22px}.scene-heading{margin-top:0!important}.scene-block.scene-active{box-shadow:inset 3px 0 0 var(--violet);border-radius:4px}.scene-block.scene-breathed{border-left:2px solid rgba(230,184,92,.35);border-radius:4px}.ms-text.ms-breathed-para{background:#e6b85c24;border-left:3px solid rgba(230,184,92,.55);border-radius:8px;padding:10px 14px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.ms-text.ms-breathed-para:hover{background:#e6b85c3d}.para-meta{display:flex;align-items:center;gap:8px;margin:6px 0 16px 14px}.viewing-version-tag{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:.78rem;color:var(--gold);font-family:-apple-system,sans-serif;vertical-align:middle}.breathed-inline-badge{display:inline-block;margin-left:10px;padding:2px 9px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-family:-apple-system,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.5px;vertical-align:middle;text-transform:uppercase}.ms-empty{color:var(--muted);font-style:italic}.scene-working .ms-text{opacity:.3;filter:blur(.4px);pointer-events:none;-webkit-user-select:none;user-select:none}.scene-working .scene-heading{opacity:.5}.scene-working-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#241a3140,#0d0a1499);border-radius:12px;z-index:5;pointer-events:none}.scene-working-spin{display:inline-block;color:var(--gold);font-size:1.6rem;animation:spin 1.2s linear infinite}.scene-working-label{color:var(--gold);font-style:italic;font-family:Georgia,serif;font-size:1rem;letter-spacing:.4px;text-shadow:0 2px 12px rgba(230,184,92,.35)}.scene-working:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(100deg,transparent 30%,rgba(164,139,255,.09) 50%,transparent 70%);background-size:200% 100%;animation:scene-shimmer 2.4s linear infinite;pointer-events:none;z-index:4}@keyframes scene-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.expand-toolbar{position:fixed;z-index:60;width:300px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--violet);border-radius:14px;padding:12px;box-shadow:0 18px 50px #0009,0 0 0 1px #7c5cff26}.expand-toolbar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.expand-toolbar-scene{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.expand-toolbar-close{background:transparent;border:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 4px}.expand-toolbar-close:hover{color:var(--rose)}.expand-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.expand-preset{background:var(--bg2);color:var(--cream);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:.78rem;cursor:pointer;transition:all .12s ease}.expand-preset:hover{border-color:var(--violet);color:var(--violet2)}.expand-prompt-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.expand-pill{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.74rem;cursor:pointer;transition:all .12s ease}.expand-pill:hover{color:var(--cream);border-color:var(--violet)}.expand-pill.active{color:var(--gold);border-color:var(--gold);background:#e6b85c14}.expand-custom{display:flex;gap:6px}.expand-custom-input{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--cream);padding:7px 10px;font-size:.82rem;font-family:inherit}.expand-custom-input:focus{outline:none;border-color:var(--violet)}.expand-custom-input::placeholder{color:var(--muted)}.expand-ask{background:linear-gradient(90deg,var(--violet),var(--violet2));border:none;border-radius:8px;color:#0d0a14;font-weight:700;padding:7px 12px;font-size:.82rem;cursor:pointer;white-space:nowrap}.expand-ask:disabled{opacity:.5;cursor:not-allowed}.expand-notify{margin-top:8px}.expand-notify-input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:10px 12px;font-size:.85rem;font-family:inherit}.expand-notify-input:focus{outline:none;border-color:var(--violet)}.expand-notify-input::placeholder{color:var(--muted)}.scene-meta{display:flex;align-items:center;gap:8px;margin-top:14px}.version-badge{display:inline-flex;align-items:center;gap:4px;background:#7c5cff24;border:1px solid var(--violet);color:var(--violet2);border-radius:999px;font-size:.72rem;padding:3px 10px;font-weight:600}.history-chip{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;font-size:.72rem;padding:3px 10px;cursor:pointer;transition:all .12s ease}.history-chip:hover{border-color:var(--gold);color:var(--gold)}.history-chip.open{border-color:var(--gold);color:var(--gold);background:#e6b85c14}.version-history{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#0d0a1480;padding:10px 12px;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.version-history.version-history-inline{margin-top:0;margin-bottom:18px}.version-history-title{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.version-entry{border-bottom:1px solid var(--line);padding-bottom:8px;display:block;width:100%;text-align:left;background:transparent;border-top:none;border-left:none;border-right:none;cursor:pointer}.version-entry:last-child{border-bottom:none;padding-bottom:0}.version-entry.active{background:#e6b85c12;border-radius:8px;padding:8px}.version-entry-current{border-bottom:1px dashed var(--line)!important}.version-entry-current .version-entry-v{color:var(--cream)}.version-entry-head{display:flex;gap:8px;align-items:baseline;font-size:.75rem;margin-bottom:4px}.version-entry-v{color:var(--gold);font-weight:700}.version-entry-note{color:var(--violet2);font-style:italic}.version-entry-date{color:var(--muted);margin-left:auto;font-size:.7rem}.version-entry-text{color:var(--muted);font-size:.8rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.viewing-version-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding:8px 12px;border:1px dashed var(--gold);border-radius:8px;margin-bottom:14px}.viewing-version-note strong{color:var(--gold)}.viewing-version-back{background:transparent;border:none;color:var(--violet2);font-size:.78rem;cursor:pointer;font-weight:600;padding:0}.viewing-version-back:hover{color:var(--gold)}.scene-block.scene-viewing-version{outline:2px solid rgba(230,184,92,.5);outline-offset:2px}.expand-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel2);border:1px solid var(--rose);color:var(--cream);padding:10px 18px;border-radius:999px;font-size:.85rem;z-index:70;box-shadow:0 10px 30px #00000080;max-width:90vw;text-align:center}.story-social{margin-top:34px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#7c5cff0f,#1c15268c)}.social-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.social-title{font-family:Georgia,serif;font-size:1.15rem;font-weight:700}.social-sub{color:var(--muted);font-size:.85rem}.social-actions{margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.like-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--cream);font-size:.95rem;font-weight:600;cursor:pointer}.like-btn:hover{border-color:var(--rose)}.like-btn.liked{border-color:var(--rose);background:#ff6c911f;color:#ffb3c6}.like-btn:disabled{opacity:.6;cursor:default}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--violet2);font-size:.95rem;font-weight:600;cursor:pointer}.share-btn:hover{border-color:var(--violet)}.social-error{color:var(--rose);font-size:.85rem;margin-bottom:10px}.social-comments-title{font-size:.95rem;font-weight:700;margin-bottom:10px;color:var(--cream)}.social-empty{color:var(--muted);font-size:.85rem;font-style:italic;margin-bottom:12px}.social-comment{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:9px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);margin-bottom:8px}.social-comment-name{font-weight:700;font-size:.85rem;color:var(--violet2)}.social-comment-text{font-size:.92rem;color:var(--cream);flex:1 1 220px}.social-comment-date{font-size:.72rem;color:var(--muted)}.social-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.social-name,.social-text{background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:10px 12px;font-size:.9rem;font-family:inherit}.social-name:focus,.social-text:focus{outline:none;border-color:var(--violet)}.social-name::placeholder,.social-text::placeholder{color:var(--muted)}.social-name{max-width:260px}.social-form-row{display:flex;gap:8px}.social-form-row .social-text{flex:1}.social-send{padding:10px 18px;border-radius:10px;border:1px solid transparent;background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14;font-weight:700;font-size:.9rem;cursor:pointer}.social-send:disabled{opacity:.5;cursor:not-allowed}.share-modal{max-width:580px}.share-preview{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-bottom:16px;background:var(--bg2)}.share-preview img{display:block;width:100%;height:auto}.share-preview-loading{padding:44px 20px;text-align:center;color:var(--muted);font-style:italic;font-size:.9rem}.share-platforms{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}.share-platform{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--cream);text-decoration:none;font-size:.9rem;font-weight:600;transition:border-color .15s ease}.share-platform:hover{border-color:var(--violet2)}.share-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--violet);color:#fff;font-size:.78rem;font-weight:700;flex-shrink:0}.share-platform-twitter .share-platform-icon{background:#1d9bf0}.share-platform-facebook .share-platform-icon{background:#1877f2}.share-platform-linkedin .share-platform-icon{background:#0a66c2}.share-platform-whatsapp .share-platform-icon{background:#25d366}.share-platform-telegram .share-platform-icon{background:#229ed9}.share-actions{display:flex;gap:10px}.share-copy,.share-download{flex:1;padding:11px 14px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.92rem;cursor:pointer}.share-copy{background:var(--panel2);border-color:var(--line);color:var(--cream)}.share-copy:hover{border-color:var(--violet2)}.share-download{background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14}.share-download:disabled{opacity:.5;cursor:not-allowed}.reader-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#100c18f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -8px 28px #00000073;padding-bottom:env(safe-area-inset-bottom,0px)}.dock-inner{max-width:640px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dock-transport{display:flex;align-items:center;gap:6px}.dock-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--cream);font-size:1.05rem;cursor:pointer;transition:all .12s ease;line-height:1}.dock-btn:hover:not(:disabled){border-color:var(--violet2)}.dock-btn:disabled{opacity:.35;cursor:not-allowed}.dock-play{width:52px;height:52px;font-size:1.25rem;background:linear-gradient(135deg,var(--violet),var(--violet2));border-color:transparent;color:#0d0a14}.dock-label{display:flex;flex-direction:column;min-width:0;flex:1 1 130px}.dock-scene-num{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.4px}.dock-scene-name{color:var(--cream);font-family:Georgia,serif;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-voice{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px}.dock-voice-btn{border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .12s ease}.dock-voice-btn.active{background:var(--panel2);color:var(--gold)}.alive-story-btn{border:none;border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:800;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,var(--gold),#f4d28a);color:#241a08;box-shadow:0 6px 18px #e6b85c59;transition:all .12s ease}.alive-story-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #e6b85c80}.alive-story-btn.open{background:var(--panel2);color:var(--gold);box-shadow:none}.dock-no-audio .dock-play,.dock-no-audio .dock-prev,.dock-no-audio .dock-next{opacity:.4;cursor:not-allowed}.dock-no-audio .dock-play{background:var(--panel2);color:var(--muted)}.reader{padding-bottom:96px}.alive-panel{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 78px);z-index:61;width:min(560px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 -12px 40px #0000008c;padding:16px}.alive-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.alive-panel-title{font-family:Georgia,serif;font-size:1.1rem;font-weight:700;color:var(--gold)}.alive-panel-close{border:none;background:var(--bg2);color:var(--muted);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.05rem}.alive-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.alive-tab{border:none;background:transparent;color:var(--muted);font-size:.8rem;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .12s ease}.alive-tab:hover{color:var(--cream)}.alive-tab.active{background:var(--panel2);color:var(--gold)}.alive-panel-body{display:flex;flex-direction:column;gap:10px}.alive-hint{color:var(--muted);font-size:.85rem;line-height:1.5}.alive-hint-muted{color:var(--muted);font-size:.76rem;opacity:.85}.alive-input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:10px 12px;font-size:.9rem}.alive-input:focus{outline:none;border-color:var(--violet)}.alive-primary,.alive-secondary{width:100%;padding:12px 14px;border-radius:12px;border:none;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .12s ease}.alive-primary{background:linear-gradient(90deg,var(--violet),var(--violet2));color:#0d0a14}.alive-primary:disabled{opacity:.55;cursor:not-allowed}.alive-secondary{background:var(--panel2);border:1px solid var(--line);color:var(--cream);margin-top:6px}.alive-secondary:hover{border-color:var(--violet2)}.alive-inline-status{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:.85rem}.alive-presets{display:flex;flex-wrap:wrap;gap:8px}.alive-chip{border:1px solid var(--line);background:var(--bg2);color:var(--cream);border-radius:999px;padding:8px 14px;font-size:.82rem;cursor:pointer;transition:all .12s ease}.alive-chip:hover{border-color:var(--violet2)}.alive-empty{color:var(--muted);font-size:.85rem}.alive-version-list,.alive-toc-list{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.alive-version-entry,.alive-toc-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--cream);cursor:pointer;font-size:.85rem;transition:all .12s ease}.alive-version-entry:hover,.alive-toc-item:hover{border-color:var(--violet2)}.alive-version-beat,.alive-toc-num{color:var(--gold);font-weight:700;font-size:.78rem}.alive-version-count,.alive-toc-name{color:var(--muted);font-size:.82rem}.alive-toc-item.active{border-color:var(--gold)}.alive-toc-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.dock-scene-name{max-width:42vw}.alive-story-btn{padding:10px 14px;font-size:.82rem}.dock-voice{display:none}}