@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Spectral:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{color-scheme:dark;--void: #0b0c10;--stone: #15161d;--stone-lift: #1d1e27;--iron: #34323e;--iron-soft: #26252f;--parch: #e8ddc6;--parch-dim: #b8ad97;--muted: #8b8475;--ember: #e0973f;--ember-soft: #c98a45;--rust: #b1503a;--measure: 64ch}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Spectral,Georgia,serif;background:var(--void);color:var(--parch);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 50% -8%,rgba(224,151,63,.13),transparent 58%),radial-gradient(80% 60% at 50% 38%,transparent 52%,rgba(0,0,0,.62) 100%);animation:torch 7s ease-in-out infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes torch{0%,to{opacity:1}42%{opacity:.9}58%{opacity:1.05}77%{opacity:.95}}::selection{background:#e0973f52;color:#fff}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--iron-soft);border:3px solid var(--void);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--iron)}main{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.1rem,4vw,3.6rem) clamp(.85rem,3vw,2rem);min-height:100vh}.panel{width:100%;max-width:620px;display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.4rem,3.5vw,2.6rem);background:linear-gradient(180deg,var(--stone) 0%,#121319 100%);border:1px solid var(--iron-soft);border-top-color:#e0973f38;border-radius:4px;box-shadow:0 30px 70px -40px #000,inset 0 1px #ffffff08}.panel.story{max-width:940px;background:none;border:none;box-shadow:none;padding:clamp(.5rem,2vw,1rem) 0 0;gap:1.4rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.panel>*:nth-child(1){animation-delay:.04s}.panel>*:nth-child(2){animation-delay:.11s}.panel>*:nth-child(3){animation-delay:.18s}.panel>*:nth-child(4){animation-delay:.25s}.panel>*:nth-child(5){animation-delay:.32s}.panel>*:nth-child(6){animation-delay:.39s}.panel>*:nth-child(7){animation-delay:.46s}.panel>*:nth-child(n+8){animation-delay:.5s}h1{font-family:IM Fell English,Georgia,serif;font-weight:400;font-size:clamp(2.1rem,6.5vw,3.5rem);line-height:1.04;letter-spacing:.012em;margin:0;color:var(--parch);text-shadow:0 1px 0 #000,0 0 38px rgba(224,151,63,.1)}h1:after{content:"";display:block;width:4rem;height:2px;margin-top:.85rem;background:linear-gradient(90deg,var(--ember),rgba(224,151,63,0))}.hint{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted);font-style:italic}label{display:flex;flex-direction:column;gap:.5rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}input,textarea{background:#00000057;color:var(--parch);border:1px solid var(--iron);border-radius:3px;padding:.72rem .8rem;font-family:Spectral,Georgia,serif;font-size:1rem;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#5f5b50;font-style:italic}input:focus,textarea:focus{outline:none;border-color:var(--ember-soft);box-shadow:0 0 0 1px #e0973f40,0 0 22px -8px #e0973f66}button{font-family:Spectral,Georgia,serif;font-size:.92rem;letter-spacing:.04em;color:var(--parch-dim);background:#ffffff09;border:1px solid var(--iron);border-radius:3px;padding:.62rem 1.1rem;min-height:42px;cursor:pointer;text-align:center;transition:color .16s,background .16s,border-color .16s,transform .12s}button:hover:not(:disabled){color:var(--parch);background:#e0973f12;border-color:var(--ember-soft)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.34;cursor:not-allowed}.themes,.choices{display:flex;flex-direction:column;gap:.6rem}.themes button,.choices button{display:flex;flex-direction:column;gap:.28rem;width:100%;text-align:left;font-size:1.04rem;letter-spacing:.005em;color:var(--parch);padding:.95rem 1.15rem .95rem 1.3rem;background:linear-gradient(180deg,var(--stone-lift),#16171f);border:1px solid var(--iron);border-left:2px solid rgba(224,151,63,.28);position:relative;overflow:hidden}.themes button:before,.choices button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(224,151,63,.09),transparent 42%);opacity:0;transition:opacity .2s}.themes button:hover:not(:disabled),.choices button:hover:not(:disabled){border-color:var(--iron);border-left-color:var(--ember);background:linear-gradient(180deg,#23232e,#181922);transform:translate(3px);box-shadow:-14px 0 30px -22px var(--ember)}.themes button:hover:not(:disabled):before,.choices button:hover:not(:disabled):before{opacity:1}.choices button strong{font-family:IM Fell English,Georgia,serif;font-weight:400;font-size:1.32rem;letter-spacing:.015em;color:var(--parch)}.choices button .hint{font-size:.86rem;color:var(--parch-dim);font-style:italic}.link{background:none;border:none;padding:.3rem 0;min-height:0;color:var(--muted);align-self:flex-start;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.link:hover:not(:disabled){background:none;border:none;color:var(--ember)}.row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:12rem}.log{display:flex;flex-direction:column;gap:1.5rem;max-height:56vh;overflow-y:auto;padding-right:.6rem}.turn{display:flex;flex-direction:column;gap:.5rem}.action{margin:0;font-style:italic;color:var(--ember-soft);letter-spacing:.02em}.narrative{margin:0;line-height:1.6;color:var(--parch)}.loading{margin:0;color:var(--ember-soft);font-style:italic;letter-spacing:.03em;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.status{margin:0;font-size:.86rem;letter-spacing:.04em;color:var(--parch-dim)}.status.error{color:var(--rust)}.story-prose .narrative{font-size:clamp(1.04rem,1.5vw,1.18rem);line-height:1.86;max-width:var(--measure);margin:0 auto}.story-prose .narrative:first-letter{font-family:IM Fell English,Georgia,serif;font-size:3.5em;line-height:.78;float:left;margin:.06em .14em 0 0;color:var(--ember);text-shadow:0 0 30px rgba(224,151,63,.4)}.story-image{display:block;max-width:100%;max-height:72vh;height:auto;margin:0 auto 1.4rem;border-radius:3px;border:1px solid var(--iron);box-shadow:0 26px 64px -28px #000,inset 0 0 90px -34px #000}.story-actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:.65rem;background:var(--void);padding:1rem 0 .5rem}.story-actions:before{content:"";position:absolute;left:0;right:0;top:-3rem;height:3rem;background:linear-gradient(to bottom,rgba(11,12,16,0),var(--void));pointer-events:none}.kicker{margin:0;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ember-soft)}.panel.splash{text-align:center;align-items:center;gap:1.3rem}.panel.splash .hint{max-width:44ch}.panel.splash h1:after{display:none}.splash-title{font-family:IM Fell English,Georgia,serif;font-weight:400;font-size:clamp(3.4rem,13vw,6rem);line-height:.95;letter-spacing:.02em;margin:0;color:var(--parch);text-shadow:0 2px 0 #000,0 0 60px rgba(224,151,63,.28)}.gsi-button{display:flex;justify-content:center;min-height:44px}.slab-action{align-self:center;font-size:1.04rem;letter-spacing:.04em;color:var(--parch);padding:.85rem 1.9rem;background:linear-gradient(180deg,var(--stone-lift),#16171f);border:1px solid var(--iron);border-bottom-color:#e0973f66;box-shadow:0 0 32px -14px var(--ember)}.slab-action:hover:not(:disabled){color:var(--parch);background:linear-gradient(180deg,#23232e,#181922);border-color:var(--ember-soft)}.menu-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.3rem;padding-top:1rem;border-top:1px solid var(--iron-soft)}.menu-foot .link{align-self:auto}.user-tag{font-size:.8rem;letter-spacing:.04em;color:var(--muted)}.link-mini{display:inline;margin-left:.6rem;padding:0;font-size:.66rem;vertical-align:baseline}.slot-row{display:flex;gap:.5rem}.slot-row .slot-main{flex:1 1 auto;width:auto}.slot-row .slot-delete{flex:0 0 46px;width:46px;align-self:stretch;flex-direction:row;justify-content:center;padding:0;color:var(--muted);border-left-color:var(--iron)}.slot-row .slot-delete:before{display:none}.slot-row .slot-delete:hover:not(:disabled){color:var(--rust);background:#b1503a1a;border-color:var(--rust);border-left-color:var(--rust);transform:none;box-shadow:none}.audio-toggle{position:fixed;top:clamp(.7rem,2vw,1.2rem);right:clamp(.7rem,2vw,1.2rem);z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:0;padding:0;border-radius:50%;color:var(--muted);background:#0b0c10b3;border:1px solid var(--iron-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audio-toggle:hover:not(:disabled){color:var(--ember);background:#0b0c10d9;border-color:var(--ember-soft)}@media(max-width:560px){.panel{gap:1rem}.row{gap:.5rem}.row .link{align-self:center}.choices button strong{font-size:1.18rem}.story-prose .narrative:first-letter{font-size:3em}}@media(prefers-reduced-motion:reduce){body:before{animation:none}.panel>*,.loading{animation:none}}