:root{color-scheme:dark;--bg: #0c0c0f;--bg-elevated: #14141a;--bg-soft: #1a1a22;--border: #2a2a35;--text: #e8e6e3;--text-muted: #9a9690;--accent: #c4a574;--accent-dim: #8a734f;--danger: #c97070;--ok: #7a9e7e;--radius: 14px;--font-ui: "Noto Sans SC", system-ui, sans-serif;--font-story: "Literata", "Noto Serif SC", Georgia, serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--max: 42rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:radial-gradient(1200px 600px at 50% -10%,#1a1820 0%,var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}.app-shell{height:100%;max-height:100%;max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden}.page{flex:1;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-play{position:relative;overflow:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;padding:calc(.65rem + var(--safe-top)) .85rem .65rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.topbar h1{flex:1;margin:0;font-size:.95rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn,.btn{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.45rem .85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.icon-btn{min-width:2.4rem;padding-inline:.7rem}.icon-btn:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#1a140c;border-color:transparent;font-weight:600}.btn-ghost{background:transparent}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.stage{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1rem 1.25rem;-webkit-overflow-scrolling:touch;overflow-anchor:none}.stage-end-spacer{height:4.5rem}.action-bar{position:sticky;bottom:0;z-index:20;padding:.65rem .85rem calc(.75rem + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);transition:padding .2s ease}.page-play .action-bar{position:absolute;left:0;right:0;bottom:0;max-height:min(70vh,28rem);overflow-y:auto}.action-bar-collapsed{padding:.2rem .85rem calc(.35rem + var(--safe-bottom))}.action-peek{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;flex-direction:row;border:none;background:transparent;color:var(--text-muted);font-size:.72rem;cursor:pointer;padding:.35rem 0}.action-peek-bar{width:2.2rem;height:.28rem;border-radius:999px;background:var(--border)}.action-peek-label{color:var(--accent);font-size:.72rem;letter-spacing:.02em}.action-peek-count{color:var(--accent);font-size:.72rem}.action-collapse{display:flex;justify-content:center;width:100%;border:none;background:transparent;padding:.15rem 0 .45rem;cursor:pointer}.action-bar-expanded{animation:action-up .2s ease}@keyframes action-up{0%{transform:translateY(8%);opacity:.7}to{transform:translateY(0);opacity:1}}.gen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.gen-overlay-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;min-width:11rem;max-width:18rem;padding:1.35rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);box-shadow:0 12px 40px #00000073;text-align:center}.gen-overlay-card p{margin:0;font-size:.95rem;letter-spacing:.04em;color:var(--text)}.gen-overlay-pulse{width:1.35rem;height:1.35rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);animation:gen-spin .85s linear infinite}@keyframes gen-spin{to{transform:rotate(360deg)}}.options-grid{display:grid;gap:.45rem;margin-bottom:.55rem}.turn-head{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.turn-head .phase{display:inline-block;font-size:.72rem;letter-spacing:.04em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;padding:.15rem .55rem;margin-bottom:.4rem}.turn-head h2{margin:0 0 .25rem;font-size:1.15rem;font-family:var(--font-story)}.turn-head .time{color:var(--text-muted);font-size:.85rem}.block{margin:0 0 1rem}.block-narrative{font-family:var(--font-story);font-size:1.05rem;white-space:pre-wrap}.block-dialogue{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem}.block-dialogue .speaker{font-size:.78rem;color:var(--accent);margin-bottom:.25rem;font-weight:600}.block-system{color:var(--text-muted);font-size:.88rem;border-left:2px solid var(--border);padding-left:.75rem;white-space:pre-wrap}.block-plaintext{background:#0a0a0c;border:1px solid var(--border);border-radius:10px;overflow:hidden}.block-plaintext .pt-title{font-size:.75rem;color:var(--text-muted);padding:.45rem .7rem;border-bottom:1px solid var(--border);background:var(--bg-soft)}.block-plaintext pre{margin:0;padding:.75rem .8rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:#d2d0cc}.block-meta{font-size:.85rem;color:var(--text-muted)}.option-btn{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:.65rem .8rem;cursor:pointer}.option-btn .key{display:inline-block;min-width:1.35rem;color:var(--accent);font-weight:700;margin-right:.35rem}.option-btn:disabled{opacity:.5}.custom-row{display:flex;gap:.45rem}.custom-row input{flex:1;border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;padding:.65rem .95rem;outline:none}.custom-row input:focus{border-color:var(--accent-dim)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,var(--max));max-height:62vh;background:var(--bg-elevated);border-radius:18px 18px 0 0;border:1px solid var(--border);border-bottom:none;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-handle{width:2.4rem;height:.28rem;border-radius:999px;background:var(--border);margin:.55rem auto .35rem}.sheet h3{margin:0;padding:.35rem 1rem .6rem;font-size:.95rem}.sheet-list{overflow-y:auto;padding:0 .55rem .85rem}.sheet-item{width:100%;text-align:left;border:none;background:transparent;border-radius:10px;padding:.7rem .65rem;cursor:pointer}.sheet-item:hover,.sheet-item.active{background:var(--bg-soft)}.sheet-item .t{font-weight:600;font-size:.92rem}.sheet-item .s{color:var(--text-muted);font-size:.78rem;margin-top:.15rem}.panel{padding:1rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.75rem}.card h3{margin:0 0 .5rem;font-size:.95rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.pref-options{display:flex;flex-direction:column;gap:.45rem}.pref-chip{display:flex;gap:.55rem;align-items:flex-start;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);cursor:pointer}.pref-chip input{margin-top:.2rem}.pref-chip strong{display:block;font-size:.9rem}.pref-chip small{display:block;color:var(--text-muted);font-size:.75rem;margin-top:.15rem;line-height:1.4}.pref-checks{display:flex;flex-wrap:wrap;gap:.45rem}.pref-check{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);font-size:.82rem;cursor:pointer}.field label{font-size:.82rem;color:var(--text-muted)}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:.65rem .75rem;outline:none}.field textarea{min-height:6rem;resize:vertical}.row-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.muted{color:var(--text-muted);font-size:.85rem}.error{color:var(--danger);font-size:.88rem;margin:.5rem 0}.error-block{margin:.5rem 0 .75rem}.skeleton{border-radius:10px;background:linear-gradient(90deg,var(--bg-soft) 0%,#242430 50%,var(--bg-soft) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite;height:5rem;margin-bottom:.75rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.collapsible>summary{cursor:pointer;list-style:none;font-weight:600;padding:.55rem 0;color:var(--text)}.collapsible>summary::-webkit-details-marker{display:none}.collapsible>summary:before{content:"▸ ";color:var(--accent)}.collapsible[open]>summary:before{content:"▾ "}.home-hero{padding:2rem 1.25rem 1rem;text-align:center}.home-hero h2{font-family:var(--font-story);font-weight:600;font-size:1.6rem;margin:0 0 .4rem}.save-item{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left}.fill-template{display:block;width:100%;text-align:left;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--bg-soft);border-radius:var(--radius);padding:0;cursor:pointer;overflow:hidden;color:inherit}.fill-template:active{transform:scale(.995)}.fill-template-hint{font-size:.75rem;color:var(--accent);padding:.45rem .75rem;border-bottom:1px dashed var(--border);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.fill-template pre{margin:0;padding:.75rem .85rem;font-family:var(--font-ui);font-size:.88rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text);max-height:40vh;overflow-y:auto}.fill-area{min-height:14rem!important;font-size:.95rem;line-height:1.55}.guide-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-muted);font-size:.85rem;line-height:1.55}.guide-list li{margin-bottom:.55rem}.guide-list code{font-size:.78rem;color:var(--accent);word-break:break-all}.check-row{display:flex;align-items:flex-start;gap:.45rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.65rem;cursor:pointer}.check-row input{margin-top:.2rem}