@font-face{font-family:Gistora Interface;src:url(assets/fonts/open-sauce-one-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gistora Interface;src:url(assets/fonts/open-sauce-one-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gistora Reading;src:url(assets/fonts/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--sans: "Gistora Interface", ui-sans-serif, system-ui, sans-serif;--read: "Gistora Reading", ui-sans-serif, system-ui, sans-serif;--vh: 1vh;--frame-x: .5;--frame-y: .5;--head-fx: .825;--head-fy: .29;--face-fx: .807;--face-fy: .3;--veil-fx: .63;--veil-fy: .4;--veil-size: min(calc(30 * var(--vh)), 34vw);--answer-y: 17%;--glass-blur: 40px}@supports (height: 1dvh){:root{--vh: 1dvh}}:root[data-theme=light]{color-scheme:light;--ink: #171814;--ink-glow: rgba(255, 248, 240, .55);--glass: rgba(255, 255, 255, .4);--glass-line: rgba(255, 251, 247, .66);--paper: #fbbba4;--foot: #625869}:root[data-theme=dark]{color-scheme:dark;--ink: #f1eae2;--ink-glow: rgba(10, 8, 14, .55);--glass: rgba(30, 24, 25, .46);--glass-line: rgba(255, 240, 228, .09);--paper: #374078;--foot: #252740}*{box-sizing:border-box}html,body{margin:0;block-size:100%;overflow:hidden;background:var(--paper)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scene{position:fixed;inset:0;z-index:0;overflow:hidden}.scene-paint{position:absolute;inset:0;background:center / cover no-repeat;background-position:calc(var(--frame-x) * 100%) calc(var(--frame-y) * 100%)}.paint-dawn{background-image:url(assets/frames/block/dawn.jpg)}.paint-dusk{background-image:url(assets/frames/block/dusk.jpg);transition:opacity 1.2s ease}:root[data-theme=light] .paint-dusk{opacity:0}.living{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;transition:opacity .9s ease}.living.is-live{opacity:1}.veil-slot{position:fixed;left:var(--veil-x, 63%);top:var(--veil-y, 40%);z-index:2;inline-size:var(--veil-size);block-size:var(--veil-size);transform:translate(-50%,-50%);pointer-events:none}.veil-host{position:absolute;inset:0;transition:opacity .55s ease}body:not(.is-ready) .veil-host{opacity:0;transition-duration:1.4s}.veil-host.is-away{opacity:0}.veil-host:before,.veil-host:after{content:"";position:absolute;inset:37% 33% 41% 41%;border-radius:50%;transition:opacity 1.2s ease;animation:veil-breathe 6s ease-in-out infinite}.veil-host:before{background:radial-gradient(closest-side,#fff6e480,#ffecce42 24%,#ffe2be14 60%,#ffe2be00)}.veil-host:after{background:radial-gradient(closest-side,#ffeeccf2,#ffc4806b 40%,#ffaa6400);opacity:0}:root[data-theme=dark] .veil-host:before{opacity:0}:root[data-theme=dark] .veil-host:after{opacity:1}@keyframes veil-breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.06)}}.no-paint .veil-host{background:radial-gradient(circle at 54% 46%,rgba(255,246,228,.9) 6%,rgba(242,194,166,.55) 26%,rgba(168,145,166,.35) 46%,transparent 66%);border-radius:50%}.paint{position:fixed;inset:0;z-index:3;inline-size:100%;block-size:100%;pointer-events:none;transition:opacity .3s ease}body:not(.is-ready) .paint{opacity:0;transition-duration:1.4s}.paint.is-away{opacity:0}@media(prefers-reduced-motion:reduce){.veil-host:before,.veil-host:after{animation:none}}.dust{position:fixed;inset:0;z-index:5;inline-size:100%;block-size:100%;pointer-events:none}.edge{position:fixed;z-index:20;block-size:44px;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,transparent);mask-image:linear-gradient(transparent,transparent)}.edge-top{inset:0 0 auto;background-color:var(--paper)}.edge-bottom{inset:auto 0 0;background-color:var(--foot)}.bar{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:max(18px,env(safe-area-inset-top)) clamp(18px,3vw,36px) 0;opacity:0;transition:opacity .9s ease .2s}body.is-ready .bar{opacity:1}.brand{justify-self:start;font:400 19.5px/1 var(--sans);letter-spacing:-.03em;color:var(--ink);text-decoration:none}.words{display:flex;align-items:center;gap:clamp(20px,2.8vw,36px)}.words button{all:unset;position:relative;padding:8px 2px;font:500 15px/1 var(--sans);letter-spacing:.01em;color:var(--ink);opacity:.6;cursor:pointer;transition:opacity .25s ease}.words button:hover,.words button[aria-pressed=true]{opacity:1}.words button:focus-visible,.tone:focus-visible,.brand:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.tone{all:unset;justify-self:end;display:grid;place-items:center;inline-size:34px;block-size:34px;color:var(--ink);opacity:.6;cursor:pointer;transition:opacity .25s ease}.tone:hover{opacity:1}.tone svg{grid-area:1 / 1;inline-size:18px;block-size:18px}.tone-dusk{fill:currentColor}.tone-dawn{fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}:root[data-theme=light] .tone-dawn,:root[data-theme=dark] .tone-dusk{display:none}.said{position:fixed;left:var(--said-x, 82%);top:var(--said-y, 28%);translate:-50% -100%;z-index:6;inline-size:max-content;max-inline-size:min(320px,62vw);margin:0;padding:10px 16px;border:1px solid var(--glass-line);border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);box-shadow:0 10px 30px #140c0a1a;font:400 15px/1.55 var(--read);color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.said.is-shown{opacity:1;transform:none}.said.is-side{translate:-50% -50%;text-wrap:balance}.answer{position:fixed;inset-inline:0;top:var(--answer-y);z-index:6;inline-size:min(14em,90vw);margin:0 auto;font-family:var(--read);font-weight:500;font-size:clamp(34px,4.6vw,70px);line-height:1.08;letter-spacing:0;text-align:center;text-wrap:balance;visibility:hidden;pointer-events:none}@media(max-aspect-ratio:4/5){:root{--frame-x: .86;--veil-fx: .72;--veil-fy: .43;--veil-size: min(calc(26 * var(--vh)), 52vw);--answer-y: 12%}.said{max-inline-size:72vw}.answer{inline-size:92vw;font-size:min(60px,8.6vw);font-weight:400;letter-spacing:.02em}.words button{font-size:14px}}@media(max-width:380px){.bar{grid-template-columns:auto 1fr auto}.words{justify-self:center;gap:16px}}