:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--surface:#14141c;--surface-elevated:#1c1c28;--border:#2a2a3a;--text:#ececf4;--text-muted:#9a9ab0;--accent:#8b7cf8;--accent-hover:#a594ff;--danger:#f87171;--success:#6ee7b7;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--transition:.22s ease}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0}.app-root{min-height:100vh}.screen{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 3rem;animation:.4s screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-screen{text-align:center}.home-screen .screen-header{margin-bottom:2rem}.home-screen code{color:var(--accent-hover);font-size:.88em}.screen-header h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:650}.screen-lead{color:var(--text-muted);margin:0 0 1.75rem;line-height:1.55}.field-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.novel-textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;min-height:280px;transition:border-color var(--transition), box-shadow var(--transition);padding:1rem 1.1rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.82rem;line-height:1.5}.novel-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8b7cf838}.generator-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.btn{cursor:pointer;transition:background var(--transition), border-color var(--transition), transform .12s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1.1rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#0a0a0f}.btn.primary:hover{background:var(--accent-hover)}.btn.secondary{background:var(--surface-elevated);border-color:var(--border);color:var(--text)}.btn.secondary:hover{border-color:var(--accent)}.btn.ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn.ghost:hover{color:var(--text);border-color:var(--text-muted)}.status{min-height:1.5rem;color:var(--text-muted);margin:1rem 0 0;font-size:.9rem}.status[data-tone=error]{color:var(--danger)}.status[data-tone=success]{color:var(--success)}.generator-actions{margin-bottom:1.25rem}.story-index{text-align:left;width:100%;max-width:36rem;margin:1.5rem 0}.story-index h2{margin-bottom:.75rem;font-size:1.1rem}.story-index-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.story-index-link{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:inherit;flex-direction:column;gap:.15rem;padding:.75rem 1rem;text-decoration:none;display:flex}.story-index-link:hover{border-color:var(--accent,#e887a8)}.story-index-slug{color:var(--text-muted);font-size:.8rem}.link-result{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.link-row{gap:.5rem;margin-bottom:1rem;display:flex}.share-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);flex:1;padding:.65rem .85rem;font-size:.85rem}.open-link{width:100%}.error-screen{text-align:center}.error-screen p{color:var(--text-muted)}.theater-mount{width:100%;min-height:100vh}.vn-stage{--vn-accent:#e887a8;--vn-accent-deep:#d45f84;--vn-accent-deep-rgb:212 95 132;--vn-surface-rgb:226 118 152;--vn-dialogue-text:#fff;--vn-narration-text:#fff8fc;--vn-nameplate-text:#e56b8a;--vn-dialogue-stack:clamp(10.5rem, 30vh, 15rem);--vn-floor:calc(var(--vn-dialogue-stack) + max(.25rem, env(safe-area-inset-bottom,0px)));cursor:pointer;-webkit-user-select:none;user-select:none;background:#87ceeb;width:100%;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow:clip}.vn-bg{filter:brightness(1.02)saturate(1.08);background-position:50%;background-size:cover;transition:filter .6s;position:absolute;inset:0}.vn-bg:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a 0%,#0000 50%,#00000008 100%);position:absolute;inset:0}.vn-fade{opacity:0;z-index:3;background:#000;display:none;position:absolute;inset:0;pointer-events:none!important}.vn-fade.is-active{z-index:10;display:block}.vn-sprites{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.vn-sprite{bottom:var(--vn-sprite-bottom,var(--vn-floor));max-height:var(--vn-sprite-max-h,calc(100dvh - var(--vn-floor) - .5rem));object-fit:contain;object-position:bottom center;width:auto;max-width:min(42vw,520px);height:auto;z-index:var(--vn-sprite-z,2);filter:drop-shadow(0 8px 24px #00000038);opacity:0;transform:translateX(var(--vn-sprite-tx,0)) translateY(var(--vn-enter-y,10px)) scale(var(--vn-sprite-scale,1));transform-origin:bottom;transition:opacity .42s,transform .42s,filter .32s;position:absolute}.vn-sprite.is-active{opacity:1;--vn-enter-y:0}.vn-sprite[data-sprite=left]{left:4%}.vn-sprite[data-sprite=center]{--vn-sprite-tx:-50%;max-width:min(48vw,580px);left:50%}.vn-sprite[data-sprite=right]{right:4%}.vn-sprite--depth-far{--vn-sprite-scale:.84;--vn-sprite-bottom:calc(var(--vn-floor) + .85rem);--vn-sprite-max-h:calc(100dvh - var(--vn-floor) - 3.5rem)}.vn-sprite--depth-normal{--vn-sprite-scale:1;--vn-sprite-bottom:calc(var(--vn-floor) - 2rem)}.vn-sprite--depth-near{--vn-sprite-scale:1.48;--vn-sprite-bottom:calc(var(--vn-floor) - 50rem);--vn-sprite-max-h:min(96vh, 1020px);--vn-sprite-z:4;filter:drop-shadow(0 10px 28px #00000047)}.vn-sprite--placeholder{background:linear-gradient(#0000 0%,#ffffff1f 100%);border-radius:12px;min-width:200px;min-height:55vh}.vn-sprite--placeholder[data-mood=neutral]{background:linear-gradient(#6d7894 0%,#2c3344 100%)}.vn-sprite--placeholder[data-mood=happy]{background:linear-gradient(#ffe08a 0%,#e8899a 100%)}.vn-stage.is-world [data-dialogue-toolbar],.vn-stage.is-stream .vn-hud,.vn-stage.is-stream [data-dialogue-toolbar]{display:none}.vn-click-layer{z-index:4;pointer-events:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;position:absolute;inset:0}.vn-click-layer.is-active{pointer-events:auto;cursor:pointer}.vn-click-layer:focus-visible{outline-offset:-4px;outline:2px solid #8b7cf88c}.vn-dialogue-wrap{z-index:5;pointer-events:none;padding:0 clamp(.5rem, 3vw, 1.5rem) max(.65rem, env(safe-area-inset-bottom,0px));max-width:1120px;margin:0 auto;animation:.35s dialogue-in;position:absolute;bottom:0;left:0;right:0}@keyframes dialogue-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vn-nameplate{z-index:2;background:#fff;border:3px solid #fff;border-radius:14px;margin:0 0 -.35rem 1.75rem;padding:.45rem 1.35rem;display:inline-block;position:relative;box-shadow:0 4px 14px #0000001f}.vn-nameplate-text{color:var(--vn-nameplate-text);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.vn-panel{background-color:rgb(var(--vn-surface-rgb) / 86%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-image:radial-gradient(circle at 12px 12px,#ffffff59 2px,#0000 2px);background-size:22px 22px;border:3px solid #ffffffeb;border-radius:18px;box-shadow:0 12px 40px #0000002e}.vn-dialogue-box{padding:1.35rem 1.5rem 2.65rem;position:relative}.vn-modal-shell{width:min(100%,420px);max-width:100%}.vn-modal-nameplate{margin-bottom:-.35rem;margin-left:1rem}.vn-btn-vn{width:100%;color:var(--vn-nameplate-text);letter-spacing:.03em;cursor:pointer;transition:transform .12s ease, background var(--transition), color var(--transition);background:#fff;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.7rem 1.35rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0000001f}.vn-btn-vn:hover{background:var(--vn-accent-deep);color:#fff}.vn-btn-vn:active{transform:scale(.98)}.vn-dialogue-wrap.is-narration .vn-nameplate{display:none}.vn-dialogue-wrap.is-narration .vn-dialogue-box{background-color:#1e2234b8;background-image:none}.vn-dialogue.is-narration .vn-text,.vn-dialogue-wrap.is-narration .vn-text{color:var(--vn-narration-text);font-style:italic}.vn-text{min-height:3.2em;color:var(--vn-dialogue-text);text-shadow:0 1px 2px #00000047;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.55}.vn-dialogue-toolbar{pointer-events:auto;flex-wrap:wrap;gap:.35rem .75rem;display:flex;position:absolute;bottom:.55rem;left:1rem;right:3rem}.vn-toolbar-btn{color:#ffffffe0;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 2px #00000040;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600}.vn-toolbar-btn:hover:not(:disabled){color:#fff}.vn-toolbar-btn:disabled{opacity:.45;cursor:default}.vn-toolbar-btn.is-active{color:#fff;text-decoration:underline}.vn-dialogue-wrap.is-thought .vn-dialogue-box{border-style:dashed}.vn-sprite--dim{opacity:.55;filter:saturate(.75)}.vn-sprite--shake{animation:.45s ease-in-out vn-shake}.vn-sprite--slide-in{animation:.5s ease-out vn-slide-in}.vn-sprite--crossfade{animation:.45s vn-crossfade}@keyframes vn-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes vn-slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes vn-crossfade{0%{opacity:.2}to{opacity:1}}.vn-system-modal:not([hidden]){z-index:40;background:#0808108c;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.vn-system-panel{flex-direction:column;gap:.65rem;max-height:min(70vh,520px);display:flex;overflow:auto}.vn-history-list{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.vn-history-list li{flex-direction:column;gap:.2rem;display:flex}.vn-settings-form{flex-direction:column;gap:.65rem;display:flex}.vn-settings-form label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.vn-settings-form input[type=number],.vn-settings-form input[type=text]{color:inherit;background:#00000040;border:1px solid #ffffff59;border-radius:8px;padding:.45rem .55rem}.vn-settings-check{align-items:center;flex-direction:row!important;gap:.45rem!important}.vn-system-hint{opacity:.85;margin:0;font-size:.78rem}.vn-slot-btn{text-align:left;width:100%}@media (prefers-reduced-motion:reduce){.vn-sprite--shake,.vn-sprite--slide-in,.vn-sprite--crossfade{animation:none!important}.vn-fade.is-active{transition:none!important}}.vn-continue{color:#ffffffeb;text-shadow:0 1px 2px #0000004d;font-size:.85rem;animation:1.4s infinite pulse;position:absolute;bottom:.65rem;right:1.1rem}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.vn-choices{z-index:8;padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px));background:rgb(var(--vn-surface-rgb) / 24%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;animation:.4s screen-in;display:none;position:absolute;inset:0}.vn-choices:not([hidden]){pointer-events:auto;display:flex}.vn-choice-btn{background-color:rgb(var(--vn-surface-rgb) / 90%);color:#fff;text-shadow:0 1px 2px #00000038;cursor:pointer;min-width:min(100%,360px);transition:background var(--transition), transform .12s ease;background-image:radial-gradient(circle at 10px 10px,#ffffff52 2px,#0000 2px);background-size:20px 20px;border:3px solid #ffffffeb;border-radius:999px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;box-shadow:0 10px 28px #00000029}.vn-choice-btn:hover{background-color:rgb(var(--vn-accent-deep-rgb) / 94%);transform:translateY(-1px)}.vn-hud{z-index:9;pointer-events:none;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.vn-title{color:#ffffffeb;text-shadow:0 1px 4px #00000073;font-size:.85rem;font-weight:600}.vn-link-btn{pointer-events:auto;color:var(--text);cursor:pointer;background:#00000059;border:1px solid #fff3;border-radius:999px;padding:.4rem .75rem;font-size:.78rem}.vn-ended:not([hidden]){z-index:7;background:rgb(var(--vn-surface-rgb) / 24%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;text-align:center;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:absolute;inset:0}.vn-ended[hidden]{pointer-events:none!important;display:none!important}.vn-ended-shell{text-align:center}.vn-ended-panel{flex-direction:column;align-items:stretch;gap:.65rem;padding:1.25rem 1.35rem 1rem;display:flex}.vn-ended-btn{font-size:1.05rem}.vn-ended-hint{color:#ffffffe0;text-shadow:0 1px 2px #00000040;font-size:.8rem}.vn-error{left:1rem;right:1rem;bottom:calc(var(--vn-dialogue-stack) + .5rem);z-index:7;color:#fff;text-align:center;text-shadow:0 1px 2px #00000038;background-color:#dc6478e0;background-image:radial-gradient(circle at 12px 12px,#ffffff47 2px,#0000 2px);background-size:22px 22px;border:3px solid #ffffffe0;border-radius:18px;padding:1rem 1.15rem;position:absolute;box-shadow:0 10px 32px #0000002e}.vn-inspect:not([hidden]),.vn-input:not([hidden]){z-index:11;padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom,0px));background:rgb(var(--vn-surface-rgb) / 26%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vn-inspect[hidden],.vn-input[hidden]{pointer-events:none!important;display:none!important}.vn-inspect-panel,.vn-input-panel{padding:1.25rem 1.35rem 1.35rem}.vn-inspect-art{background-position:50%;background-size:cover;border:3px solid #ffffffbf;border-radius:12px;width:100%;height:140px;margin-bottom:1rem;box-shadow:inset 0 0 0 1px #0000000f}.vn-inspect-body{color:#fff;text-shadow:0 1px 2px #00000038;margin:0 0 1.1rem;line-height:1.55}.vn-input-panel{flex-direction:column;gap:.75rem;display:flex}.vn-input-prompt{color:#fff;text-shadow:0 1px 2px #00000038;margin:0;font-size:1.02rem;font-weight:600;line-height:1.5}.vn-input-field{color:#4a3050;background:#ffffffeb;border:3px solid #ffffffe0;border-radius:12px;width:100%;padding:.75rem .9rem;font-size:1rem;font-weight:600}.vn-input-field::placeholder{color:#4a305073}.vn-input-field:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #ffffff73}@media (max-width:900px){.vn-stage{--vn-dialogue-stack:clamp(11rem, 34vh, 16rem)}.vn-sprite{max-width:min(56vw,440px)}.vn-sprite[data-sprite=center]{max-width:min(78vw,480px)}.vn-sprite[data-sprite=left]{max-width:min(50vw,360px);left:0}.vn-sprite[data-sprite=right]{max-width:min(50vw,360px);right:0}.vn-hud{padding-top:max(.65rem, env(safe-area-inset-top,0px))}}@media (max-width:600px){.vn-stage{--vn-dialogue-stack:clamp(12rem, 38vh, 17rem)}.vn-nameplate{margin-left:.65rem;padding:.35rem 1rem}.vn-nameplate-text{font-size:.95rem}.vn-dialogue-box{border-radius:14px;padding:1rem 1rem 2.35rem}.vn-text{min-height:2.6em;font-size:1rem}.vn-dialogue-toolbar{gap:.25rem .45rem;left:.65rem;right:2.25rem}.vn-toolbar-btn{font-size:.62rem}.vn-sprite[data-sprite=center]{max-width:min(92vw,400px)}.vn-sprite[data-sprite=left],.vn-sprite[data-sprite=right]{opacity:.95;max-width:min(46vw,280px)}.vn-title{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;font-size:.75rem;overflow:hidden}.link-row{flex-direction:column}}@media (min-width:1280px){.vn-sprite[data-sprite=center]{max-width:min(40vw,620px)}.vn-dialogue-wrap{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:600px){.vn-choices{padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));justify-content:flex-end}.vn-choice-btn{min-width:100%;font-size:.95rem}.vn-modal-shell{width:100%}.vn-modal-nameplate{margin-left:.5rem}.vn-inspect-panel,.vn-input-panel,.vn-ended-panel{padding:1rem 1.05rem 1.1rem}.vn-input-field{font-size:16px}}.vn-stage.is-stream .vn-hud,.vn-stage.is-stream .vn-dialogue-toolbar,.vn-stage.is-stream .vn-continue{display:none}.world-shell{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;position:relative}.world-shell .world-stage{flex:1;min-height:0;position:relative}.world-shell .vn-stage{height:100%;min-height:100%}.world-devaneio{z-index:6;color:#f4f0ff;pointer-events:none;background:#0c0a12b8;border-radius:12px;max-width:min(18rem,46vw);padding:.75rem .85rem;font-size:.82rem;line-height:1.4;position:absolute;top:.85rem;right:.85rem}.world-devaneio strong{margin-bottom:.35rem;font-size:.95rem;display:block}.world-devaneio p{margin:.2rem 0}.world-shell.is-stream .world-devaneio{display:none}.world-demo-bar{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.world-demo-status{color:var(--danger);flex:12rem;margin:0;font-size:.9rem}