@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(./im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(./im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff")}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(./im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2"),url(./im-fell-english-latin-400-italic-hN89MLGX.woff)format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(./spectral-latin-300-normal-Csl9mA3s.woff2)format("woff2"),url(./spectral-latin-300-normal-BMSND_f1.woff)format("woff")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:300;src:url(./spectral-latin-300-italic-naRpDz_b.woff2)format("woff2"),url(./spectral-latin-300-italic-DyKGil11.woff)format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:400;src:url(./spectral-latin-400-normal-CTVgUekv.woff2)format("woff2"),url(./spectral-latin-400-normal-D34IWA1h.woff)format("woff")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:400;src:url(./spectral-latin-400-italic-CDO25mTW.woff2)format("woff2"),url(./spectral-latin-400-italic-Ds-NcNVC.woff)format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:500;src:url(./spectral-latin-500-normal-nNjq7_Cd.woff2)format("woff2"),url(./spectral-latin-500-normal-PrYyf_gG.woff)format("woff")}:root{--night:#0a0908;--wood:#12110f;--wood-2:#181614;--wood-edge:#2a2622;--lamp:#d6a35a;--lamp-soft:#e3c28f;--lamp-dim:#8f7346;--parchment:#d8cfbf;--parchment-dim:#a59c8d;--ash:#6e675e;--voice:#e0bf8e;--ember:#bf5f3d;--moss:#a1ab6b;--serif:"Spectral", Georgia, "Times New Roman", serif;--display:"IM Fell English", "Spectral", Georgia, serif;--t-small:.875rem;--t-body:1.0625rem;--t-read:1.18rem;--t-h2:1.6rem;--t-h1:2.6rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night)}body{min-height:100vh;color:var(--parchment);font-family:var(--serif);font-size:var(--t-body);-webkit-font-smoothing:antialiased;background:radial-gradient(70% 55% at 30% 0%, #d6a35a12, transparent 65%), radial-gradient(140% 120% at 50% 40%, transparent 50%, #0009 100%), var(--night);background-attachment:fixed;margin:0;line-height:1.6}body:after{content:"";pointer-events:none;z-index:50;opacity:.05;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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[hidden]{display:none!important}h1,h2,.gate-tagline,.page-lede{text-wrap:balance}::selection{background:#d6a35a36}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:3px}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.logo{color:var(--lamp);line-height:0;display:inline-block}.logo svg{width:100%;height:auto;display:block;overflow:visible}.logo-mark{filter:drop-shadow(0 0 6px #d6a35a3d);width:2rem}.logo.spins>svg{will-change:transform}.logo.is-thinking{color:var(--lamp-soft);filter:drop-shadow(0 0 14px #d6a35a7d);transition:color .6s,filter .6s}.button{color:var(--lamp-soft);cursor:pointer;font-size:var(--t-body);background:0 0;border:1px solid #d6a35a52;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.15rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .2s;display:inline-flex}.button:hover{border-color:var(--lamp);background:#d6a35a12}.button.primary{background:linear-gradient(180deg, #ddb072, var(--lamp));border-color:var(--lamp);color:#1a130b;font-weight:500;box-shadow:0 0 #d6a35a00}.button.primary:hover{box-shadow:0 0 22px #d6a35a3d}.button.quiet{color:var(--ash);border-color:#0000}.button.quiet:hover{color:var(--parchment);background:#d8cfbf0f}.button.danger{border-color:var(--ember);color:var(--ember)}.button.danger:hover{background:#d4673f24}.button.small{font-size:var(--t-small);padding:.25rem .75rem}.button:disabled{opacity:.55;cursor:progress}.link{color:var(--parchment-dim);cursor:pointer;text-underline-offset:.25em;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #d8cfbf4d;text-decoration:underline #d8cfbf4d}.link:hover{color:var(--parchment)}.field{border:0;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{color:var(--parchment-dim);font-size:var(--t-small);padding:0}input,textarea{background:#08070699;border:1px solid #d8cfbf29;border-radius:8px;width:100%;padding:.65rem .8rem;transition:border-color .15s,background .15s,box-shadow .2s}input:hover,textarea:hover{border-color:#d8cfbf4d}input:focus,textarea:focus{border-color:var(--lamp-dim);background:#080706d9;outline:none;box-shadow:0 0 0 3px #d6a35a14}textarea{resize:vertical;font-family:var(--display);font-size:1.2rem;line-height:1.45}::placeholder{color:var(--ash);opacity:1}.form-message{color:var(--ember);font-size:var(--t-small);margin:0}.form-message:empty{display:none}.form-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.field-hint{color:var(--ash);font-size:var(--t-small);margin:0}.segmented{border:1px solid #d8cfbf24;border-radius:999px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg{color:var(--ash);cursor:pointer;font-size:var(--t-small);background:0 0;border:0;border-radius:999px;padding:.2rem .75rem;transition:background .15s,color .15s}.seg:hover{color:var(--parchment)}.seg[aria-pressed=true]{color:var(--lamp-soft);background:#d6a35a21}.gate{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);max-width:1180px;min-height:100vh;margin:0 auto;padding:3rem clamp(1.25rem,5vw,4rem);display:grid}.gate-art{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,460px);display:grid;position:relative}.gate-logo{color:var(--lamp-dim);filter:drop-shadow(0 0 40px #d6a35a26);animation:6s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{50%{filter:drop-shadow(0 0 60px #d6a35a3d);color:var(--lamp)}}.gate-title{font-family:var(--display);color:var(--parchment);text-shadow:0 0 24px #d6a35a3d;justify-items:center;margin:0;font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:400;line-height:1.08;display:grid;position:relative}.gate-title span:nth-child(3){color:var(--lamp-soft);font-size:.7em;font-style:italic}.gate-panel{max-width:26rem}.gate-form{gap:1.05rem;display:grid}.gate-heading{font-family:var(--display);font-weight:400;font-size:var(--t-h1);margin:0;line-height:1.1}.gate-tagline{color:var(--parchment-dim);font-style:italic;font-weight:300;font-size:var(--t-read);margin:0 0 .6rem;line-height:1.5}.gate.offline{grid-template-columns:1fr;justify-items:center}.topbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1320px;margin:0 auto;padding:1.1rem clamp(1.25rem,4vw,3rem);display:flex}.brand{font-family:var(--display);color:var(--lamp-soft);align-items:center;gap:.75rem;font-size:1.2rem;text-decoration:none;display:flex}.topbar-end{align-items:center;gap:1.25rem;display:flex}.who{color:var(--parchment-dim)}.page-title{font-family:var(--display);font-weight:400;font-size:var(--t-h1);margin:0;line-height:1.1}.page-lede{max-width:46ch;color:var(--parchment-dim);margin:0}.tales{max-width:50rem;margin:0 auto;padding:clamp(1.5rem,6vh,4rem) clamp(1rem,4vw,2rem) 5rem}.tales-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;margin-bottom:1.25rem;display:flex}.shelf-count{color:var(--ash);font-size:var(--t-small);margin:0}.shelf{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tale{background:linear-gradient(170deg, var(--wood-2), var(--wood));border:1px solid var(--wood-edge);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1.5rem;padding:1.1rem 1.3rem;transition:border-color .25s,box-shadow .3s,transform .25s;display:grid;position:relative}.tale:hover{border-color:#d6a35a4d;box-shadow:0 0 30px -10px #d6a35a2e}.tale-body{gap:.3rem;min-width:0;display:grid}.tale-title{font-family:var(--display);color:var(--parchment);justify-self:start;font-size:1.4rem;font-style:italic;line-height:1.25;text-decoration:none}.tale-title:after{content:"";border-radius:inherit;position:absolute;inset:0}.tale-title:focus-visible{outline:none}.tale:has(.tale-title:focus-visible){outline:2px solid var(--lamp);outline-offset:3px}.tale-excerpt{color:var(--parchment-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.98rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tale-meta{color:var(--ash);font-size:var(--t-small);font-variant-numeric:lining-nums tabular-nums;margin:.15rem 0 0}.tale-side{z-index:1;justify-items:end;gap:.35rem;display:grid;position:relative}.tale-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.3rem;max-width:16rem;display:flex}.tale.is-ended .tale-title{color:var(--parchment-dim)}.confirm-text{text-align:right;width:100%;color:var(--parchment-dim);font-size:var(--t-small)}.begin-button{width:100%;color:var(--parchment-dim);font-family:var(--display);cursor:pointer;background:0 0;border:1px dashed #d8cfbf24;border-radius:12px;align-items:center;gap:.8rem;padding:.9rem 1.3rem;font-size:1.25rem;transition:border-color .2s,color .2s,background .2s;display:flex}.begin-button:hover{color:var(--lamp-soft);background:#d6a35a0a;border-color:#d6a35a66}.begin-plus{width:1.7rem;height:1.7rem;font-family:var(--serif);border:1px solid;border-radius:50%;place-items:center;font-size:1.1rem;line-height:1;display:inline-grid}.shelf-full{color:var(--ash);padding:.8rem 1.3rem;font-style:italic}.composer{background:linear-gradient(170deg, var(--wood-2), var(--wood));border:1px solid #d6a35a38;border-radius:12px;gap:.9rem;padding:1.3rem;display:grid}.composer-opening{gap:.5rem}.composer .field-hint{margin-top:-.5rem}.lengths{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.length-option{cursor:pointer;border:1px solid #d8cfbf24;border-radius:10px;align-content:start;gap:.1rem;padding:.6rem .85rem;transition:border-color .15s,background .15s;display:grid;position:relative}.length-option:hover{border-color:#d8cfbf4d}.length-option input{opacity:0;pointer-events:none;position:absolute}.length-option:has(input:checked){border-color:var(--lamp-dim);background:#d6a35a12}.length-option:has(input:focus-visible){outline:2px solid var(--lamp);outline-offset:2px}.length-name{font-weight:500}.length-text{color:var(--parchment-dim);font-size:var(--t-small)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.story-page{height:100vh;grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.story-bar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0908bf;border-bottom:1px solid #d8cfbf12;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:.55rem clamp(1rem,3vw,2rem);display:grid;position:relative}.bar-title{justify-content:center;align-items:center;gap:.7rem;min-width:0;display:flex}.bar-title>div{min-width:0}.bar-title h1{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-style:italic;font-weight:400;line-height:1.3;overflow:hidden}.teller{flex:none;width:1.7rem}.teller-status{color:var(--ash);margin:0;font-size:.8rem;font-style:italic;line-height:1.2}.teller-status:empty{display:none}.bar-end{align-items:center;gap:1.25rem;display:flex;position:relative}.settings-toggle{color:var(--parchment-dim);font-size:var(--t-small);cursor:pointer;background:0 0;border:0;padding:.3rem 0}.settings-toggle:hover,.settings-toggle[aria-expanded=true]{color:var(--lamp-soft)}.settings{background:var(--wood-2);border:1px solid var(--wood-edge);transform-origin:100% 0;border-radius:12px;gap:.9rem;width:max-content;padding:1rem 1.1rem;animation:.22s cubic-bezier(.2,.8,.2,1) unfold;display:grid;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 20px 50px -10px #000000e6}.settings .segmented{white-space:nowrap;flex-wrap:nowrap}.setting{justify-items:start;gap:.35rem;display:grid}.setting>span{color:var(--ash);font-size:var(--t-small)}@keyframes unfold{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.reading{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood-edge) transparent;overflow-y:auto}.reading-inner{max-width:50rem;margin:0 auto;padding:clamp(1.5rem,5vh,3rem) clamp(1rem,4vw,2.5rem) 30vh;position:relative}.companion{width:clamp(9rem,16vw,14rem);color:var(--lamp);opacity:.05;pointer-events:none;z-index:0;will-change:transform;transition:opacity 1.2s,filter 1.2s;position:absolute;top:0;left:0}.companion.is-busy{opacity:.09;filter:drop-shadow(0 0 30px #d6a35a59)}.manuscript,.turn-tail{z-index:1;position:relative}.manuscript{font-size:var(--t-read);line-height:1.78}.passage p{text-wrap:pretty;hanging-punctuation:first;margin:0 0 1em}.manuscript>.passage:first-child>p:first-child:first-letter{font-family:var(--display);float:left;color:var(--lamp);padding:.08em .1em 0 0;font-size:3.4em;line-height:.85}.ch{animation:.9s ease-out both ink}@keyframes ink{0%{opacity:0;color:#fff1cf;text-shadow:0 0 10px #d6a35aa1}35%{opacity:1}}.speech{color:var(--voice);font-family:var(--display);letter-spacing:.005em;font-size:1.06em;font-style:italic}.speech.shout{animation:.35s ease-out jolt;display:inline-block}@keyframes jolt{20%{transform:translate(-1.5px)rotate(-.4deg)}45%{transform:translate(1.5px)rotate(.3deg)}70%{transform:translate(-.5px)}}.passage.is-writing p:last-child:after,.passage.is-writing:empty:after{content:"";background:var(--lamp-soft);width:.4em;height:.4em;box-shadow:0 0 10px var(--lamp);vertical-align:.12em;border-radius:50%;margin-left:.3em;animation:1.1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.move{border-left:2px solid var(--lamp-dim);font-family:var(--display);color:var(--lamp-soft);margin:1.5rem 0;padding:.2rem 0 .2rem 1.1rem;font-size:1.3rem;font-style:italic}.move.is-fresh{animation:.45s cubic-bezier(.2,.8,.2,1) both arrive}@keyframes arrive{0%{opacity:0;border-left-color:#0000;transform:translate(-12px)}}.changes{font-size:var(--t-small);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem 1.2rem;margin:-.3rem 0 1.4rem;display:flex}.changes .gain{color:var(--moss)}.changes .loss{color:var(--ember)}.turn-tail{margin-top:1.4rem;transition:opacity .22s,transform .22s,filter .22s}.turn-tail.is-leaving{opacity:0;filter:blur(2px);transform:translateY(6px)}.choices{gap:.35rem;margin:0 0 .8rem;padding:0;list-style:none;display:grid}.choices li{animation:.4s ease-out both rise;animation-delay:calc(var(--k) * 70ms)}.choice{border:1px solid var(--wood-edge);background:linear-gradient(170deg, var(--wood-2), var(--wood));text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:2rem 1fr;align-items:baseline;gap:.6rem;width:100%;padding:.55rem .9rem;font-size:1.08rem;line-height:1.45;transition:border-color .15s,box-shadow .2s,transform .15s;display:grid}.choice:hover{border-color:#d6a35a63;box-shadow:0 0 26px -6px #d6a35a36}.choice:active{transform:translateY(1px)}.choice kbd{font-family:var(--serif);font-size:var(--t-small);color:var(--lamp-soft);border:1px solid #d6a35a52;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;display:inline-grid}.own{gap:.6rem;display:flex}.own-field{flex:1;min-width:0;display:grid;position:relative}.own-field:before{content:"";background:#08070699;border-radius:8px;grid-area:1/1}.own-move,.ghost{font-family:var(--display);grid-area:1/1;font-size:1.2rem;font-style:italic;line-height:1.5}.own-move{background:0 0;position:relative}.own-move:focus{background:0 0}.ghost{white-space:pre;pointer-events:none;padding:calc(.65rem + 1px) calc(.8rem + 1px);overflow:hidden}.ghost-typed{color:#0000}.ghost-rest{color:var(--ash)}.own-wrap{position:relative}.suggestion{z-index:3;background:var(--wood-2);text-align:left;cursor:pointer;border:1px dashed #d6a35a66;border-radius:10px;align-items:baseline;gap:.75rem;padding:.5rem .85rem;animation:.25s ease-out rise;display:flex;position:absolute;bottom:calc(100% + .45rem);left:0;right:0;box-shadow:0 10px 30px -8px #000000d9}.suggestion:hover{background:#d6a35a12}.suggestion[hidden]{display:none}.suggestion-label{color:var(--ash);font-size:var(--t-small)}.suggestion-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);color:var(--parchment-dim);flex:1;font-size:1.1rem;font-style:italic;overflow:hidden}.suggestion-text em{color:var(--lamp-soft)}.suggestion-key{color:var(--ash);border:1px solid #d8cfbf33;border-radius:4px;padding:0 .35rem;font-size:.75rem}.the-end{text-align:center;justify-items:center;gap:1rem;margin-top:3rem;display:grid}.end-mark{width:3.5rem}.the-end p{font-family:var(--display);color:var(--lamp-soft);margin:0;font-size:2.4rem;font-style:italic}.back{white-space:nowrap;color:var(--parchment-dim);font-size:var(--t-small);text-decoration:none}.back:before{content:"‹ "}.back:hover{color:var(--parchment)}.state{align-items:baseline;gap:.2rem .5rem;margin:0;display:flex}.state dd+dt{margin-left:.8rem}.state dt{color:var(--ash);font-size:var(--t-small)}.state dd{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--lamp-soft);border-radius:4px;justify-self:start;margin:0;padding:0 .3rem;font-size:1.15rem;font-weight:300;line-height:1.2;transition:background .6s,color .6s,text-shadow .6s}.state dd.is-gain{color:var(--moss);text-shadow:0 0 16px #b5bf7299}.state dd.is-loss{color:var(--ember);text-shadow:0 0 16px #d4673f99}.welcome-status:empty{display:none}.welcome-status{min-height:1.6em;color:var(--parchment-dim);font-variant-numeric:lining-nums tabular-nums;margin:0}.welcome-note{color:var(--parchment-dim);font-size:var(--t-small);margin:0;line-height:1.55}.meter{background:#d8cfbf1f;border-radius:2px;height:4px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--lamp-dim), var(--lamp));transform-origin:0;height:100%;transition:transform .25s linear;transform:scaleX(0)}.keeping{color:var(--ash);font-size:var(--t-small);border-top:1px solid #d8cfbf14;gap:.8rem;margin-top:2.5rem;padding-top:1.25rem;display:grid}.keeping p{max-width:60ch;margin:0}.keeping .form-actions{gap:.6rem}.keeping-note:empty{display:none}@media (max-width:900px){.gate{grid-template-columns:1fr;padding-top:2rem}.gate-art{width:min(80vw,320px)}.gate-panel{justify-self:center;width:100%}.story-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem}.bar-title{justify-content:start}.state dt{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:640px){.brand-name{display:none}.gate-art{width:min(64vw,260px)}.tale{grid-template-columns:1fr}.tale-side{grid-auto-flow:column;place-items:center start}.lengths{grid-template-columns:1fr}.own{flex-direction:column}.bar-title h1{font-size:1rem}.teller-status{display:none}}@media (prefers-reduced-motion:reduce){.ch,.speech.shout,.gate-logo,.choices li,.move.is-fresh,.settings,.suggestion,.passage.is-writing p:last-child:after{animation:none}*{transition:none!important}}.shelf.is-fresh>li{animation:.45s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,0) * 55ms + .12s)}.begin.is-open{animation:.3s cubic-bezier(.2,.8,.2,1) rise}.tale{overflow:hidden}@supports (padding:max(0px)){.topbar,.story-bar{padding-left:max(clamp(1rem, 3vw, 2rem), env(safe-area-inset-left));padding-right:max(clamp(1rem, 3vw, 2rem), env(safe-area-inset-right))}.story-bar{padding-top:max(.55rem, env(safe-area-inset-top))}.reading-inner{padding-bottom:max(30vh, env(safe-area-inset-bottom))}.tales{padding-bottom:max(5rem, calc(env(safe-area-inset-bottom) + 3rem))}}@media (hover:none){.tale:hover{border-color:var(--wood-edge);box-shadow:none}}.stop-telling{color:var(--ash);font-size:var(--t-small);justify-self:center;margin:.5rem auto 0;animation:.4s ease-out rise;display:block}.stop-telling:hover{color:var(--parchment)}@media (max-width:640px),(pointer:coarse) and (max-width:900px){.reading-inner{padding-bottom:max(1.25rem, env(safe-area-inset-bottom))}}