:root{--desk:#a8a196;--fog:#ece6dc;--paper-bg:#f4f0e8;--grain:.1;--paper:#f8f6f1;--paper-2:#f4f0e8;--ink:#211f1d;--graphite:#625a52;--faint:#211f1d38;--text:#211f1d;--muted:#625a52;--focus:#211f1d;--tshadow:none;--signal:#bd6c4c;--mist:#d9d2c6;--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--shadow:0 1px 0 #211f1d0f, 0 6px 18px #211f1d1a;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--hand:"Caveat","Bradley Hand","Segoe Print","Chalkboard SE","Marker Felt",cursive;--wobble:255px 18px 225px 16px / 16px 225px 18px 255px;--blot:52% 48% 55% 45% / 47% 55% 45% 53%;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root[data-theme=unused-dark]{--desk:#262320;--fog:#4a443b;--paper-bg:#3a352e;--grain:.16;--paper:#2d2a26;--paper-2:#37332d;--ink:#ece6da;--graphite:#b8b1a4;--faint:#ece6da40;--text:#ece6da;--muted:#b8b1a4;--focus:#ece6da;--tshadow:0 1px 2px #000c, 0 0 12px #00000080;--shadow:0 1px 0 #0000004d, 2px 6px 16px #0006}}:root[data-theme=unused-dark]{--desk:#262320;--fog:#4a443b;--paper-bg:#3a352e;--grain:.16;--paper:#2d2a26;--paper-2:#37332d;--ink:#ece6da;--graphite:#b8b1a4;--faint:#ece6da40;--text:#ece6da;--muted:#b8b1a4;--focus:#ece6da;--tshadow:0 1px 2px #000c, 0 0 12px #00000080;--shadow:0 1px 0 #0000004d, 2px 6px 16px #0006}:root{--onscene:var(--ink);--onscene-soft:var(--graphite);--onscene-halo:var(--paper-bg)}.finds li{transition:background .6s}:root[data-scene=night]{--onscene:#f4f0e8;--onscene-soft:#cfc9bf;--onscene-halo:#171716d9;--tshadow:0 1px 2px #000000d9, 0 0 12px #0009}:root[data-scene=night] body{background-color:#171716}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;color:var(--ink);background-color:var(--paper-bg);font-family:var(--hand);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{touch-action:manipulation;font:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.gl{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px;overflow:visible}.paper{background:var(--noise), linear-gradient(170deg, var(--paper), var(--paper-2));box-shadow:var(--shadow);color:var(--ink)}#stage{touch-action:none;outline:none;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#stage:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}#stage.grab{cursor:grab}#stage.grabbing{cursor:grabbing}#stage.point{cursor:pointer}#stage.pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23161514' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l3.2-8.4 9.8-8.1 3.5 3.5-8.1 9.8z' fill='%23f6f0e4'/%3E%3Cpath d='M4 20l5.4-5.4'/%3E%3C/svg%3E") 3 25,crosshair}.cap{color:var(--onscene);left:clamp(16px,3vw,32px);top:calc(env(safe-area-inset-top,0px) + clamp(12px,2.6vw,24px));pointer-events:none;max-width:min(440px,100vw - 120px);position:fixed}.cap h1{font:400 clamp(2rem,4.2vw,3.1rem)/1 var(--serif);letter-spacing:-.035em;text-shadow:var(--tshadow);margin:.25rem 0 0}.cap .cap-label{font:600 11px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--onscene-soft);text-shadow:var(--tshadow);margin:0}.cap .mood{opacity:0;height:26px;color:var(--onscene);pointer-events:auto;cursor:default;align-items:center;gap:7px;margin:.5rem 0 0;transition:opacity .5s;display:flex}.mood.show{opacity:1}.mood .gl{width:26px;height:26px;filter:drop-shadow(0 0 1.5px var(--onscene-halo))}.mood.flip .gl{animation:.5s inkIn}.mdot{background:var(--onscene);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}@keyframes inkIn{0%{opacity:0;transform:scale(.6)rotate(-10deg)}to{opacity:1;transform:none}}.finds{pointer-events:auto;opacity:0;flex-wrap:wrap;gap:5px;max-width:292px;margin:.55rem 0 0;padding:0;list-style:none;transition:opacity .6s;display:flex}.finds.show{opacity:1}.finds li{border-radius:var(--blot);border:1.3px dashed var(--faint);background:color-mix(in srgb, var(--paper) 55%, transparent);width:24px;height:24px;color:var(--ink);place-items:center;display:grid;position:relative}.finds li .gl{opacity:0;width:16px;height:16px;transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1);transform:scale(.4)}.finds li.got{border:1.4px solid var(--graphite)}.finds li.got .gl{opacity:1;transform:none}.finds li.new:after{content:"";border-radius:var(--blot);border:2px solid var(--ink);animation:.9s ease-out forwards bloom;position:absolute;inset:-5px}.finds.done li{border-color:var(--ink)}@keyframes bloom{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.wake{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(22px,7vh,60px));border-radius:var(--blot);cursor:pointer;width:70px;height:70px;color:var(--ink);border:none;place-items:center;transition:opacity .5s,transform .5s;display:grid;position:fixed;transform:translate(-50%)}.wake .gl{stroke-width:1.5px;width:38px;height:38px}.wake:after{content:"";border-radius:var(--blot);border:1.6px solid var(--signal);pointer-events:none;animation:2.8s ease-out infinite ping;position:absolute;inset:-4px}.wake:hover{transform:translate(-50%)rotate(-6deg)scale(1.05)}.wake:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.wake.gone{opacity:0;pointer-events:none;transform:translate(-50%,16px)scale(.8)}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.snd{right:clamp(12px,3vw,28px);top:calc(env(safe-area-inset-top,0px) + clamp(12px,3vw,24px));cursor:pointer;border:1px solid var(--mist);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow);border-radius:50%;place-items:center;transition:background .2s;display:grid;position:fixed;background:var(--paper)!important}.snd:hover{background:var(--paper-2)!important}.snd:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.snd .x{display:none}.snd[aria-pressed=false] .x{display:block}.snd[aria-pressed=false] .w1,.snd[aria-pressed=false] .w2{display:none}.panel{left:clamp(12px,3vw,32px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(12px,3vw,28px));background:var(--paper);border:1px solid var(--mist);width:min(262px,100% - 24px);box-shadow:var(--shadow);border-radius:10px;padding:14px 14px 10px;transition:opacity .5s,transform .5s;position:fixed}.panel.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(14px)}.panel.dimmed{opacity:.3;pointer-events:none}.row{color:var(--ink);grid-template-columns:24px 1fr 24px;align-items:center;gap:8px;margin:0 0 6px;display:grid}.row .gl{transition:opacity .3s}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--graphite);height:2px;box-shadow:0 2px 0 -1px var(--faint);border-radius:2px}input[type=range]::-moz-range-track{background:var(--graphite);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:50%;width:18px;height:18px;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.forms,.tools{flex-wrap:wrap;justify-content:space-between;gap:4px;display:flex}.forms{border-top:1px solid var(--mist);margin:6px 0 8px;padding-top:9px}.tools{border-top:1px solid var(--mist);padding-top:8px}.tools.more{border-top:none;justify-content:flex-start;gap:8px;padding-top:4px}.panel button{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:transform .15s,background .2s,color .2s,border-color .2s;display:grid;position:relative}.panel button .gl{width:24px;height:24px}.panel button:hover{border-color:var(--mist);background:var(--paper-2)}.panel button:active{transform:scale(.92)}.panel button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.panel button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.panel button[aria-pressed=true]:after{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:1px;right:1px}.panel button[hidden],.tools[hidden],.panel .toggle{display:none}.panel button.nudge{animation:.9s 2 nudge}@keyframes nudge{0%,to{transform:none}30%{transform:rotate(-12deg)scale(1.15)}60%{transform:rotate(8deg)}}.tag{pointer-events:none;opacity:0;color:var(--ink);filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1.5px var(--paper));position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.tag .gl{stroke-width:1.9px;width:30px;height:30px}.tag span{white-space:nowrap;font-size:1.5rem;font-weight:700}.tag.run{animation:1.15s cubic-bezier(.2,.8,.2,1) forwards tag}@keyframes tag{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)rotate(-12deg)}15%{opacity:1;transform:translate(-50%,-120%)scale(1.1)rotate(4deg)}70%{opacity:1;transform:translate(-50%,-190%)scale(1)}to{opacity:0;transform:translate(-50%,-240%)scale(.95)}}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 18px);text-align:center;opacity:0;pointer-events:none;z-index:6;border-radius:2px 5px 3px 6px;align-items:center;gap:10px;max-width:min(86vw,340px);padding:8px 16px 9px;font-size:1.25rem;line-height:1.2;transition:opacity .4s,transform .4s;display:flex;position:fixed;transform:translate(-50%,-8px)rotate(.8deg)}.toast.show{opacity:1;transform:translate(-50%)rotate(.8deg)}.drawbar{left:50%;top:calc(env(safe-area-inset-top,0px) + 16px);opacity:0;pointer-events:none;z-index:5;border-radius:3px 6px 4px 5px;align-items:center;gap:10px;padding:6px 6px 6px 14px;transition:opacity .3s,transform .3s;display:flex;position:fixed;transform:translate(-50%,-12px)rotate(-.8deg)}.drawbar.show{opacity:1;pointer-events:auto;transform:translate(-50%)rotate(-.8deg)}.drawbar svg.line{fill:none;width:90px;height:24px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:4 5;animation:1.2s linear infinite march}@keyframes march{to{stroke-dashoffset:-18px}}.drawbar button{width:40px;height:40px;color:var(--ink);border-radius:var(--blot);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.drawbar button:hover{transform:rotate(8deg)}.hold{pointer-events:none;opacity:0;width:64px;height:64px;margin:-32px 0 0 -32px;position:fixed;transform:scale(.6)}.hold svg{width:100%;height:100%;transform:rotate(-90deg)}.hold circle{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120px;filter:drop-shadow(0 0 2px var(--paper))}.hold.run{opacity:1;transition:opacity .12s,transform .2s;transform:scale(1)}.hold.run circle{animation:fill var(--hold,.3s) linear forwards}.hold.done{opacity:0;transition:opacity .35s,transform .35s;transform:scale(1.5)}@keyframes fill{to{stroke-dashoffset:0}}.ghost{pointer-events:none;z-index:4;position:fixed;inset:0}.ghost svg.trail{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ghost .trail path{fill:none;stroke:var(--onscene-soft);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 7;filter:drop-shadow(0 0 1.5px var(--paper))}.ghost .tip{opacity:0;width:44px;height:44px;color:var(--onscene-soft);filter:drop-shadow(0 0 2px var(--paper));margin:-22px 0 0 -22px;position:absolute;top:0;left:0}.ghost .tip .gl{stroke-width:1.6px;width:44px;height:44px}.ghost .tip .cur{width:34px;height:34px;display:none}.ghost.mouse .tip .fing{display:none}.ghost.mouse .tip .cur{display:block}.ghost .tip .cur{margin:20px 0 0 20px}.ghost .gring{border-radius:var(--blot);border:2px solid var(--onscene-soft);opacity:0;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:0;left:0}.note{z-index:8;pointer-events:none;text-align:center;opacity:0;border-radius:2px 5px 3px 6px;max-width:min(240px,80vw);padding:4px 11px 5px;font-size:1.2rem;line-height:1.1;transition:opacity .18s,transform .18s;position:fixed;top:0;left:0;transform:translate(-50%,-100%)translateY(4px)rotate(-1deg)}.note.show{opacity:1;transform:translate(-50%,-100%)rotate(-1deg)}.note.below{transform:translate(-50%)translateY(-4px)rotate(1deg)}.note.below.show{transform:translate(-50%)rotate(1deg)}.note small{color:var(--muted);font-size:.95rem;display:block}.ghost .gcap{white-space:nowrap;color:var(--onscene-soft);opacity:0;text-shadow:0 0 3px var(--onscene-halo), 0 0 6px var(--onscene-halo);font-size:1.35rem;font-weight:700;position:absolute;top:0;left:0}.finds li{cursor:help}.finds li:focus-visible,.cap .mood:focus-visible{outline:2px dashed var(--focus);outline-offset:2px}.vignette{pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 75% at 55% 48%, rgba(var(--vigc,200,130,100),0) 58%, rgba(var(--vigc,200,130,100),var(--vig,.12)) 100%), var(--noise);mix-blend-mode:multiply;opacity:.6;position:fixed;inset:0}.wash{pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:0;background:radial-gradient(ellipse 70% 60% at 18% 8%, rgba(var(--washc,255,236,214),var(--washa,.3)) 0%, rgba(var(--washc,255,236,214),0) 70%), radial-gradient(ellipse 50% 40% at 88% 95%, rgba(var(--washc,255,236,214),calc(var(--washa,.3)*.5)) 0%, rgba(var(--washc,255,236,214),0) 70%);transition:opacity .6s;position:fixed;inset:0}.tiltshift{pointer-events:none;z-index:0;display:none;position:fixed;inset:0}.tiltshift.on{display:block}.tiltshift i{backdrop-filter:blur(2.2px);position:absolute;left:0;right:0}.tiltshift i:first-child{height:24%;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.tiltshift i:last-child{height:18%;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.err{text-align:center;place-items:center;padding:24px;font-size:1.3rem;display:none;position:fixed;inset:0}@media (width<=640px){.panel .toggle{width:36px;height:30px;margin:-8px -4px 2px auto;display:grid}.panel .toggle .gl{transition:transform .3s}.panel.collapsed .toggle .gl{transform:rotate(180deg)}.panel.collapsed #panel-body{display:none}.panel.collapsed{width:auto;padding:12px 8px 8px}.panel.collapsed .toggle{width:44px;height:36px;margin:0}.panel{width:calc(100% - 24px);padding:16px 14px 10px;transform:rotate(-.3deg)}.cap p:not(.mood){display:none}.cap{max-width:calc(100vw - 90px)}.finds{gap:4px;max-width:none}.finds li{width:21px;height:21px}.finds li .gl{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.tag.run{animation-duration:10ms}.hold.run circle{animation-timing-function:step-end}.wake:after,.finds li.new:after,.drawbar svg.line{animation:none}}nav.site{right:clamp(12px,3vw,28px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(10px,2.4vw,22px));z-index:3;font:500 13px/1 var(--sans);letter-spacing:.03em;color:var(--ink);border:1px solid var(--mist);box-shadow:var(--shadow);background:#f8f6f1db;border-radius:24px;align-items:center;gap:16px;padding:4px 16px 4px 8px;display:flex;position:fixed}nav.site a{color:inherit;text-underline-offset:5px;padding:8px 0;text-decoration:none}nav.site a:hover{text-decoration:underline;text-decoration-color:var(--signal)}nav.site a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}nav.site .mark{padding:0;display:block}nav.site .mark img{width:28px;height:28px;display:block}@media (width<=640px){nav.site{top:calc(env(safe-area-inset-top,0px) + 66px);gap:12px;padding:2px 12px;font-size:12px;bottom:auto;right:12px}nav.site .mark{display:none}}.loading{width:44px;height:44px;color:var(--ink);opacity:.55;pointer-events:none;margin:-22px 0 0 -22px;transition:opacity .4s;animation:1.2s ease-in-out infinite sketchy;position:fixed;top:50%;left:50%}.loading.gone{opacity:0;animation:none}.loading .gl{width:44px;height:44px}@keyframes sketchy{0%,to{transform:rotate(-8deg)translate(-6px)}50%{transform:rotate(6deg)translate(6px)}}@media (prefers-reduced-motion:reduce){.loading{animation:none}}@media (width<=640px){.cap,.finds{max-width:calc(100vw - 110px)}}.first-wake{z-index:9;text-align:center;font-family:var(--sans);color:var(--ink);background:radial-gradient(at 50% 45%,#f8f6f1 0%,#f4f0e8 60%,#ebe5da 100%);place-content:center;justify-items:center;gap:6px;padding:24px;display:grid;position:fixed;inset:0}.first-wake[hidden]{display:none}.first-wake .cap-label{font:600 11px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.first-wake .first-title{font:400 clamp(2.4rem,7vw,4rem)/1 var(--serif);letter-spacing:-.04em;margin:0 0 18px}.first-wake .button-wake{font:500 15px/1 var(--sans);background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;border-radius:28px;min-height:50px;padding:0 28px}.first-wake .button-wake:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.first-wake .first-note{color:var(--muted);margin:14px 0 0;font-size:14px}.first-wake .first-note a{color:inherit;text-underline-offset:4px}.toast,.note{font-family:var(--hand)}.night-veil{pointer-events:none;z-index:0;opacity:0;background:radial-gradient(60% 66% at 55% 52%,#17171600 32%,#17171685 70%,#171716e6 100%);transition:opacity 1.6s;position:fixed;inset:0}:root[data-scene=night] .night-veil{opacity:1}@media (width<=640px){.night-veil{background:radial-gradient(85% 58% at 50% 55%,#17171600 34%,#1717168c 72%,#171716e6 100%)}}