.hall{--mist-top:#d2dae8;--mist-mid:#e1e2ee;--mist-low:#ece4ec;height:100dvh;color:var(--ink);background:linear-gradient(180deg, var(--mist-top) 0%, var(--mist-mid) 55%, var(--mist-low) 100%);overscroll-behavior:none;touch-action:none;overflow:hidden}#stage{width:100%;height:100%;position:fixed;inset:0}.home{z-index:5;letter-spacing:-.01em;font-size:15px;font-weight:700;text-decoration:none;position:fixed;top:18px;left:20px}.home span{color:var(--ink-soft);margin-left:4px;font-weight:400}.tools{z-index:6;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:16px}.tool{background:#ffffff73;border-color:currentColor;height:34px;padding:0 14px;font-size:14px;transition:background .15s,color .4s}.tool:hover{background:#fffc}#soundBtn{border:0;border-radius:50%;place-items:center;width:34px;padding:0;display:grid}#soundBtn svg{width:20px;height:20px}#soundBtn[aria-pressed=false]{opacity:.6}.tool.active{background:var(--ink);color:#f6f2f7;border-color:var(--ink)}.compare-wrap{position:relative}.compare-menu{width:190px;color:var(--ink);background:#fbf9f6;border-radius:6px;gap:2px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -14px #1e183c80}.compare-menu[hidden]{display:none}.compare-menu p{font-family:var(--font-hand);color:var(--ink-soft);margin:0 0 6px;font-size:19px}.compare-menu button{text-align:left;background:0 0;border:0;border-radius:4px;padding:7px 10px;font-size:15px}.compare-menu button:hover{background:#ece6f0}.compare-menu button[data-ref=""]{color:var(--ink-soft);font-size:13px}#stage{cursor:grab}#stage.grabbing{cursor:grabbing}.ref-label{z-index:2;max-width:300px;font-family:var(--font-hand);text-align:center;pointer-events:none;opacity:0;margin:0;font-size:23px;line-height:1.15;transition:opacity .3s;position:fixed;top:0;left:0}.ref-label.on{opacity:1}.drag-hint{z-index:3;font-family:var(--font-hand);color:var(--ink-soft);pointer-events:none;opacity:0;margin:0;font-size:26px;transition:opacity .5s;position:fixed;bottom:118px;left:50%;translate:-50%}.drag-hint.on{opacity:1;animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{translate:-50%}50%{translate:calc(-50% - 14px)}}.hall,.hall .placard .desc,.hall .placard .sci,.hall .placard .compare,.hall .count,.hall .tick-label{transition:color .6s}.hall.dark{color:#efe8f6}.hall.dark .home span,.hall.dark .placard .sci,.hall.dark .count,.hall.dark .ruler .tick-label{color:#a9a6c8}.hall.dark .measure-label,.hall.dark .ref-label{text-shadow:0 0 3px #080a1cf2,0 0 8px #080a1cb3}.hall.dark .placard .desc{color:#d9d4ea}.hall.dark .placard .compare{color:#c8bfef}.hall.dark .tool{background:#ffffff14}.hall.dark .tool:hover{background:#ffffff2e}.hall.dark .tool.active{color:var(--ink);background:#efe8f6;border-color:#efe8f6}.hall.dark .nav{background:#ffffff1a}.hall.dark .nav:hover:not(:disabled){background:#ffffff38}.hall.dark .ruler .track,.hall.dark .ruler .tick,.hall.dark .ruler .dot:before{background:#efe8f6}.hall.dark .drag-hint{color:#a9a6c8}.hall.dark .grain:after,.hall.dark:after{opacity:.08}.placard{text-align:center;z-index:3;width:min(620px,100vw - 32px);transition:opacity .18s;position:fixed;top:clamp(52px,8.5vh,92px);left:50%;translate:-50%}.placard.fading{opacity:0}.placard h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:700;line-height:1.25}.placard .sci{color:var(--ink-soft);letter-spacing:.02em;margin:4px 0 10px;font-size:13px;font-weight:300}.placard .desc{color:#3b3650;max-width:34em;margin:0 auto;font-size:16px;font-weight:400;line-height:1.75}.measure-label{text-shadow:0 0 3px #fffffff2,0 0 8px #ffffffb3;z-index:2;font-family:var(--font-hand);white-space:nowrap;pointer-events:none;transform-origin:0 0;opacity:0;margin:0;font-size:25px;line-height:1;transition:opacity .35s;position:fixed;top:0;left:0}.measure-label.on{opacity:1}.placard .compare{font-family:var(--font-hand);color:#6a5f8a;margin:8px 0 0;font-size:25px;line-height:1.2}.controls{left:20px;right:20px;bottom:max(18px, env(safe-area-inset-bottom));z-index:4;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(12px,3vw,36px);display:grid;position:fixed}.nav{background:#ffffff80;border:0;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:background .15s,scale .15s;display:grid}.nav svg{width:100%;height:100%;overflow:visible}.nav:hover:not(:disabled){background:#ffffffe6}.nav:active:not(:disabled){scale:.94}.nav:disabled{opacity:.3;cursor:default}.ruler-wrap{justify-self:center;width:min(640px,100%)}.count{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0 0 2px;font-size:12px}.ruler{height:40px;position:relative}.ruler .track{background:var(--ink);opacity:.55;border-radius:2px;height:2px;position:absolute;top:14px;left:0;right:0}.ruler .tick{background:var(--ink);opacity:.45;width:1.5px;height:12px;position:absolute;top:9px;translate:-50%}.ruler .tick.minor{opacity:.3;height:7px;top:11px}.ruler .tick-label{color:var(--ink-soft);white-space:nowrap;font-size:11px;position:absolute;top:22px;translate:-50%}.ruler .dot{background:0 0;border:0;width:16px;height:16px;padding:0;position:absolute;top:15px;translate:-50% -50%}.ruler .dot:before{content:"";background:var(--ink);opacity:.35;border-radius:50%;transition:opacity .15s,inset .15s;position:absolute;inset:5px}.ruler .dot:hover:before{opacity:.8;inset:3px}.ruler .dot.seen:before{opacity:.6}.ruler .dot.here:before{opacity:1;background:var(--rose);inset:1px;box-shadow:0 0 0 2px #fff}.intro{z-index:10;background:linear-gradient(180deg, var(--mist-top) 0%, var(--mist-mid) 55%, var(--mist-low) 100%);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0;overflow:hidden}.intro.gone{opacity:0;visibility:hidden}.intro-text{z-index:1;text-align:center;padding:0 20px;position:relative}.intro h1{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(52px,10vw,112px);font-weight:800;line-height:1}.intro p{color:#3b3650;margin:0 0 28px;font-size:clamp(16px,1.6vw,18px);line-height:1.7}.enter{background:var(--ink);color:#f6f2f7;border-color:var(--ink);padding:12px 38px;font-size:18px;font-weight:600;transition:rotate .15s}.enter:hover{rotate:-2deg}.intro .fine{font-family:var(--font-hand);color:var(--ink-soft);margin:26px 0 0;font-size:22px}.intro-art{position:absolute;inset:0}.intro-art img{filter:drop-shadow(0 14px 18px #2b26402e);height:auto;position:absolute}.about{max-width:min(460px,100vw - 32px);color:var(--ink);background:#fbf9f6;border:0;border-radius:6px;padding:28px 30px 24px;box-shadow:0 30px 60px -20px #1e183c73}.about::backdrop{background:#28244659}.about h2{margin:0 0 12px;font-size:22px}.about p{margin:0 0 12px;font-size:15px;line-height:1.75}.about form button{background:0 0;margin-top:6px;padding:6px 20px}.credits{margin:4px 0 12px;font-size:13px}.credits summary{cursor:pointer;font-size:15px;font-weight:600}.credits-note{color:var(--ink-soft);font-size:13px!important}.credits ul{overflow-wrap:anywhere;max-height:240px;margin:0;padding:0 0 0 18px;line-height:1.6;overflow:auto}.credits a{color:#5a4bb0}@media (width<=700px){.placard{top:50px}.placard h2{font-size:25px}.placard .desc{font-size:14.5px;line-height:1.7}.placard .compare{font-size:22px}.deco-lionsmane,.deco-saturn,.deco-hummingbird{display:none}.tool{padding:0 10px;font-size:13px}.home span{display:none}.drag-hint{bottom:104px}.controls{gap:10px;left:12px;right:12px}.nav{width:48px;height:48px}.ruler .tick-label{font-size:10px}.ruler .tick-label.opt{display:none}}.beyond-note{z-index:8;width:min(300px,100vw - 40px);color:var(--ink);background:#f6f0de;padding:16px 18px 14px;animation:6s ease-in-out infinite drift,.8s both note-in;position:fixed;top:30vh;right:max(20px,8vw);rotate:4deg;box-shadow:0 20px 50px -14px #000c,0 0 60px #fff0c840}.beyond-note p{margin:0 0 8px;font-size:14px;line-height:1.6}.beyond-note .bn-head{font-size:15px;font-weight:700}.beyond-note .bn-memo{font-family:var(--font-hand);font-size:23px;line-height:1.25}.beyond-note button{background:0 0;padding:3px 12px;font-size:13px}@keyframes drift{0%,to{translate:0}50%{translate:0 -10px}}@keyframes note-in{0%{opacity:0;scale:.6}}