:root{--ink:#1d252b;--ink-soft:#46535c;--frost:#e2e9ec94;--frost-strong:#e9eef0d1;--frost-edge:#ffffff8c;--lamp:#e8a24e;--lamp-deep:#b8701f;--paper:#f1ebdf;--night:#121518;--ui:"Figtree", ui-sans-serif, system-ui, sans-serif;--voice:"Spectral", Georgia, serif;--hand:"Caveat", "Segoe Print", cursive;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{background:var(--night);height:100%;margin:0;overflow:hidden}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased}#view{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#cam{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.intro{padding:0 16px calc(9vh + env(safe-area-inset-bottom));pointer-events:none;transition:opacity 1.1s var(--ease);place-items:end center;display:grid;position:fixed;inset:0}.intro.gone{opacity:0}.intro-body{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(14px)saturate(1.1);width:min(620px,100%);box-shadow:0 1px 0 var(--frost-edge) inset, 0 18px 50px #0a0e1240;animation:rise 1.4s var(--ease) both .3s;background:radial-gradient(120% 140% at 50% 0,#ecf0f2b8,#e2e8eb85);border-radius:22px;padding:22px 26px 18px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.premise{font:italic 300 clamp(17px, 2.1vw, 21px)/1.5 var(--voice);color:var(--ink);letter-spacing:.005em;text-wrap:balance;margin:0 0 16px}.begin{cursor:pointer;background:var(--ink);color:var(--paper);font:600 15px/1 var(--ui);letter-spacing:.02em;transition:transform .25s var(--ease), background .25s var(--ease);border:0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:10px 26px 12px;display:inline-flex;position:relative;box-shadow:0 6px 18px #12181c47}.begin:hover{background:#10161a;transform:translateY(-1px)}.begin-stroke{width:92px;height:18px}.begin-stroke path{fill:none;stroke:var(--lamp);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:wipe 2.6s var(--ease) infinite 1.2s}@keyframes wipe{0%{stroke-dashoffset:140px}45%,70%{stroke-dashoffset:0}to{stroke-dashoffset:-140px}}.intro-options{font:500 13px/1.3 var(--ui);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:14px;display:flex}.text-btn{cursor:pointer;color:var(--ink);text-underline-offset:4px;background:0 0;border:0;padding:4px 2px;-webkit-text-decoration:underline #1d252b4d;text-decoration:underline #1d252b4d}.text-btn:hover{-webkit-text-decoration-color:var(--lamp-deep);text-decoration-color:var(--lamp-deep)}.sep{background:var(--ink-soft);opacity:.5;border-radius:50%;width:3px;height:3px}.camera-note{font:400 12px/1.4 var(--ui);color:var(--ink-soft);opacity:.85;margin:8px 0 0}.loading{font:500 12px/1 var(--ui);color:var(--ink-soft);letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;margin:14px 0 0;display:flex}.loading .bar{background:#1d252b26;border-radius:2px;width:90px;height:2px;overflow:hidden}.loading .bar span{background:var(--lamp-deep);width:0;height:100%;transition:width .3s linear;display:block}.loading.ready .bar{display:none}.controls{top:calc(16px + env(safe-area-inset-top));transition:opacity .8s var(--ease);flex-direction:column;gap:8px;display:flex;position:fixed;right:16px}.controls[hidden]{display:none}.ctl{cursor:pointer;background:var(--frost);-webkit-backdrop-filter:blur(10px);width:42px;height:42px;box-shadow:0 1px 0 var(--frost-edge) inset, 0 4px 14px #0a0e122e;transition:background .2s var(--ease), transform .2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.ctl:hover{background:var(--frost-strong);transform:scale(1.04)}.ctl[aria-expanded=true],.ctl.active{background:var(--paper);box-shadow:0 0 0 2px var(--lamp) inset}.ctl svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ctl[aria-pressed=false] .on,.ctl[aria-pressed=true] .off,.ctl .exit{display:none}.ctl.is-full .exit{display:inline}.ctl.is-full .enter{display:none}.ctl:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;color:var(--paper);font:500 12px/1 var(--ui);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);background:#12161ad1;border-radius:8px;padding:5px 9px;position:absolute;top:50%;right:52px;transform:translate(4px,-50%)}.ctl:hover:after,.ctl:focus-visible:after{opacity:1;transform:translateY(-50%)}.panel{top:calc(16px + env(safe-area-inset-top));background:var(--frost-strong);-webkit-backdrop-filter:blur(16px);width:min(330px,100vw - 90px);box-shadow:0 1px 0 var(--frost-edge) inset, 0 18px 40px #0a0e1247;animation:panelIn .35s var(--ease);border-radius:18px;padding:16px 18px 14px;position:fixed;right:70px}.panel[hidden]{display:none}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.panel-title{font:600 13px/1.2 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0}.panel-title.small{margin-top:14px}.panel-sub{font:italic 400 15px/1.35 var(--voice);color:var(--ink);margin:4px 0 10px}.glyphs{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.glyphs li{border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.glyphs li:hover{background:#ffffff8c}.glyphs svg{flex:none;width:48px;height:30px}.glyphs path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:0}.glyphs li:hover path{animation:draw 1.4s var(--ease)}@keyframes draw{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.glyphs span{font:400 12px/1.25 var(--ui);color:var(--ink-soft)}.glyphs b{font:600 16px/1.1 var(--hand);color:var(--ink);letter-spacing:.01em;display:block}.help-list,.keys{font:400 13px/1.4 var(--ui);margin:8px 0 0;padding:0;list-style:none}.help-list li{grid-template-columns:58px 1fr;gap:8px;padding:4px 0;display:grid}.help-list span{font:600 17px/1.1 var(--hand);color:var(--ink)}.keys{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.keys li{color:var(--ink-soft);align-items:center;gap:8px;display:flex}kbd{text-align:center;min-width:26px;font:600 11px/1.5 var(--ui);color:var(--ink);background:#ffffffb3;border-radius:6px;padding:2px 6px;box-shadow:0 1px #1d252b40}#hud{z-index:5;color:#f4efe6;pointer-events:none;white-space:pre;background:#00000080;border-radius:4px;margin:0;padding:6px 9px;font:11px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;position:fixed;bottom:10px;left:12px}#hint{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);max-width:calc(100vw - 32px);font:italic 400 16px/1.35 var(--voice);color:var(--paper);text-align:center;opacity:0;transition:opacity .9s var(--ease);pointer-events:none;background:#12161a6b;border-radius:999px;padding:7px 14px;position:fixed;transform:translate(-50%)}#hint.show{opacity:1}#caption{left:16px;top:calc(16px + env(safe-area-inset-top));pointer-events:none;max-width:min(420px,100vw - 90px);color:var(--ink);background:var(--frost);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--frost-edge) inset, 0 8px 24px #0a0e122e;opacity:0;transition:opacity 1.2s var(--ease), transform 1.2s var(--ease);border-radius:14px;padding:10px 14px 11px;position:fixed;transform:translateY(-4px)}#caption.show{opacity:1;transform:none}#caption .who{font:600 11px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--lamp-deep);margin:0 0 3px}#caption .line{font:italic 400 18px/1.35 var(--voice);margin:0}#windows{top:calc(16px + env(safe-area-inset-top));background:var(--frost-strong);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--frost-edge) inset, 0 14px 36px #0a0e1240;animation:panelIn .35s var(--ease);border-radius:16px;gap:8px;padding:8px;display:flex;position:fixed;right:70px}#windows[hidden]{display:none}#windows .win{color:var(--ink);font:600 15px/1 var(--hand);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:5px 5px 6px;display:flex}#windows .win:hover{background:#fff9}#windows .win img{object-fit:cover;filter:sepia(.2);border-radius:6px;width:78px;height:52px}#windows .win.on{background:var(--paper);box-shadow:0 0 0 2px var(--lamp) inset}@media (width<=640px){.intro{padding-bottom:calc(5vh + env(safe-area-inset-bottom))}.intro-body{border-radius:18px;padding:18px 16px 14px}.ctl{width:38px;height:38px}.panel,#windows{right:62px}#windows{flex-wrap:wrap;width:min(200px,100vw - 80px)}#windows .win img{width:64px;height:42px}#caption .line{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){.keys,.panel-title.small{display:none}}.send-form{gap:8px;margin-top:6px;display:grid}.send-form label{gap:3px;display:grid}.send-form label span{font:600 16px/1 var(--hand);color:var(--ink)}.send-form input,.send-out input{width:100%;font:400 14px/1.3 var(--ui);color:var(--ink);background:#ffffffb8;border:1px solid #1d252b2e;border-radius:10px;padding:8px 10px}.send-form input:focus,.send-out input:focus{outline:2px solid var(--lamp);outline-offset:1px}.send-count{font:400 12px/1.3 var(--ui);color:var(--ink-soft);margin:0}.begin.small{justify-self:start;padding:9px 18px;font-size:14px}.send-out{gap:6px;margin-top:10px;display:grid}.send-out[hidden]{display:none}.send-actions{font:500 13px/1.3 var(--ui);flex-wrap:wrap;gap:14px;display:flex}#loading.error .bar{opacity:.25}#loading.error .label{color:#8a3a2c}.panel-title-2{margin-top:14px}.glyphs li{cursor:pointer}.glyphs li:focus-visible{outline:2px solid var(--lamp);outline-offset:1px}.panel-hint{font:400 12px/1.3 var(--ui);color:var(--ink-soft);margin:10px 0 0}#windows .win{position:relative}.win-out{font:italic 400 11px/1.2 var(--serif,Georgia, serif);color:var(--ink-soft);margin-top:1px;display:block}.send-rest{font:italic 400 14px/1.35 var(--voice);color:var(--ink-soft);margin:2px 0 0}.send-rest[hidden]{display:none}.send-rest b{font-style:normal;font-weight:600;font-family:var(--ui);color:var(--lamp-deep);font-size:13px}.rest{width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(18px)saturate(1.1);box-shadow:0 1px 0 var(--frost-edge) inset, 0 28px 80px #080c106b;background:radial-gradient(130% 120% at 50% 0,#f2f5f6f0,#e2e8ebdb);border:0;border-radius:24px;padding:0;overflow:auto}.rest[open]{animation:restIn .55s var(--ease)}.rest::backdrop{-webkit-backdrop-filter:blur(3px);background:#0c10146b}@keyframes restIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.rest-inner{padding:26px 26px 20px}.rest-clock{background:radial-gradient(circle at 50% 38%,#ffffffd9,#dee5e88c 70%);border-radius:50%;width:116px;height:116px;margin:0 auto 14px;position:relative;box-shadow:inset 0 1px #fffc,0 6px 18px #12181c1f}.rest-clock svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.rest-track{fill:none;stroke:#1d252b1a;stroke-width:5px}.rest-arc{fill:none;stroke:var(--lamp);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease);filter:drop-shadow(0 0 4px #e8a24e73)}.rest-left{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.rest-left b{font:italic 400 38px/1 var(--voice);color:var(--ink)}.rest-left span{font:600 11px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}.rest-title{font:italic 400 24px/1.25 var(--voice);color:var(--ink);text-wrap:balance;margin:6px 0 8px}.rest-body{max-width:34ch;font:400 14px/1.5 var(--ui);color:var(--ink-soft);text-wrap:pretty;margin:0 auto 16px}.rest-body b{color:var(--ink);font-weight:600}.rest-keep{text-align:left;background:#ffffff8c;border-radius:14px;margin:0 0 16px;padding:12px 14px 14px;box-shadow:inset 0 0 0 1px #1d252b14}.rest-keep[hidden]{display:none}.rest-keep-title{font:600 17px/1.1 var(--hand);color:var(--ink);margin:0}.rest-keep-sub{font:400 12.5px/1.4 var(--ui);color:var(--ink-soft);margin:3px 0 8px}.rest-keep input{width:100%;font:400 13px/1.3 var(--ui);color:var(--ink);text-overflow:ellipsis;background:#fffc;border:1px solid #1d252b29;border-radius:10px;padding:8px 10px}.rest-keep input:focus{outline:2px solid var(--lamp);outline-offset:1px}.rest-actions{font:500 13px/1.3 var(--ui);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.rest.ready .rest-arc{stroke:#1d252b1a;filter:none}.rest.ready .rest-left b{font-size:27px}.rest.ready .rest-left span{display:none}@media (width<=640px){.rest-inner{padding:22px 18px 16px}.rest-title{font-size:21px}}.credits{font:400 12px/1.45 var(--ui);color:var(--ink-soft);border-top:1px solid #1d252b1f;margin:14px 0 0;padding-top:10px}.credits b{color:var(--ink);font-weight:600}.credits-tools{border-top:0;margin-top:6px;padding-top:0}.credits a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #1d252b4d;text-decoration:underline #1d252b4d}.credits a:hover{-webkit-text-decoration-color:var(--lamp-deep);text-decoration-color:var(--lamp-deep)}