@font-face{font-family:JT Fraunces;src:url(/fonts/Fraunces-Black-opsz72-soft100.ttf)format("truetype");font-weight:900;font-display:swap}:root{--paper:#ecebe6;--ink:#0f0f0e;--ink-2:color-mix(in srgb, var(--ink) 62%, transparent);--ink-3:color-mix(in srgb, var(--ink) 36%, transparent);--line:color-mix(in srgb, var(--ink) 18%, transparent);--sans:"Mona Sans Variable", "Mona Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 2.2vw, 32px);--ease:cubic-bezier(.76, 0, .24, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--accent:#c8102e;--panel-w:252px;--glass:color-mix(in srgb, var(--paper) 78%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0f0f0e;--ink:#ebe9e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:440;line-height:1.45;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline-offset:3px;outline:1px dashed}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.5}html.vt-theme::view-transition-old(root){mix-blend-mode:normal;animation:none}html.vt-theme::view-transition-new(root){mix-blend-mode:normal;animation:none}.stage{position:fixed;inset:0}#gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#gl.grab{cursor:grab}#gl.grabbing{cursor:grabbing}#gl.cut{cursor:crosshair}.guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guide line{stroke:var(--ink);stroke-width:1px;stroke-dasharray:5 5;opacity:0;transition:opacity .2s}.guide circle{fill:var(--ink);opacity:0;transition:opacity .2s}.guide.on line{opacity:.7}.guide.on circle{opacity:.8}.mast{top:var(--gutter);left:var(--gutter);z-index:4;pointer-events:none;max-width:40vw;position:fixed}.brand{pointer-events:auto;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;display:inline-flex}.brand svg{fill:currentColor;width:auto;height:22px;overflow:visible}.brand path{transition:translate .7s var(--ease)}.brand:hover path:last-child{translate:16px -16px}.brand:hover path:first-child{translate:-4px 4px}.embedded .brand{display:none}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);gap:14px;margin:0 0 10px;font-size:10px;display:flex}.title{letter-spacing:-.045em;flex-direction:column;margin:0;font-size:clamp(44px,5.6vw,112px);font-weight:900;line-height:.84;display:flex}.title .t2{letter-spacing:-.035em;padding-left:.42em;font-weight:250;font-stretch:125%}.plate{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:1.3em 0 0;font-size:10px}.status{top:var(--gutter);right:var(--gutter);z-index:5;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:6px 11px 6px 10px;font-size:10px;display:inline-flex;position:fixed}.status i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2.4s infinite live}.status.paused i{background:var(--ink-3);animation:none}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.panel{right:var(--gutter);top:calc(var(--gutter) + 44px);z-index:5;width:var(--panel-w);max-height:calc(100svh - var(--gutter) * 2 - 44px);scrollbar-width:none;background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);border:1px solid var(--line);color:var(--ink);border-radius:4px;gap:18px;padding:18px 18px 16px;display:grid;position:fixed;overflow-y:auto}.panel::-webkit-scrollbar{display:none}.field{gap:8px;display:grid}.lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;font-size:10px;display:flex}.lbl b{color:var(--ink-2);font-weight:500}.help{letter-spacing:.04em;color:var(--ink-3);margin:0;font-size:10px}.stick{box-sizing:border-box;border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);font-family:var(--sans);letter-spacing:-.03em;background:0 0;border-radius:0;outline:none;padding:6px 0 5px;font-size:30px;font-weight:800;font-stretch:112%;line-height:1.1}.stick:focus{border-bottom-color:var(--accent)}.seg{border:1px solid var(--line);border-radius:3px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.seg button{cursor:pointer;min-height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:560;transition:background .25s,color .25s;display:inline-flex}.seg button svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.seg button:not([aria-checked=true]):hover{color:var(--ink);background:var(--line)}.faces{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.faces button{border:1px solid var(--line);cursor:pointer;color:var(--ink-2);background:0 0;border-radius:3px;justify-items:center;gap:2px;padding:8px 2px 6px;transition:border-color .25s,color .25s;display:grid}.faces .aa{color:var(--ink);font-size:26px;line-height:1}.faces .nm{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:9px}.faces button[aria-checked=true]{border-color:var(--ink);color:var(--ink)}.faces button:hover{color:var(--ink)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{border:1px solid var(--line);cursor:pointer;background:var(--sw);width:26px;height:26px;transition:transform .3s var(--ease-out);border-radius:50%;padding:0;position:relative}.swatches button:after{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .25s;position:absolute;inset:-5px}.swatches button[aria-checked=true]:after{border-color:var(--ink)}.swatches button:hover{transform:scale(1.08)}.swatches button[data-flavour=clear]{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 6%, transparent), color-mix(in srgb, var(--ink) 16%, transparent))}.swatches button[data-flavour=assorted]{background:conic-gradient(#c8102e 0 25%, #f2c500 0 50%, #3fae2a 0 75%, #7a3b12 0)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-3);height:1px}input[type=range]::-moz-range-track{background:var(--ink-3);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:11px;height:11px}.ends{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;margin-top:-4px;font-size:9px;display:flex}.actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.actions button{border:1px solid var(--line);cursor:pointer;min-height:34px;color:var(--ink);background:0 0;border-radius:3px;font-size:12.5px;font-weight:560;transition:background .25s,color .25s,border-color .25s}.actions button[data-act=nudge]{grid-column:1/-1}.actions button:hover{border-color:var(--ink)}.actions button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.checks{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:10px;display:flex}.checks label{cursor:pointer;align-items:center;gap:6px;min-height:24px;display:inline-flex}.checks input{appearance:none;border:1px solid var(--ink-2);cursor:pointer;border-radius:2px;place-content:center;width:11px;height:11px;margin:0;display:grid}.checks input:checked{background:var(--ink);border-color:var(--ink)}.theme{border:1px solid var(--ink-2);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:999px;margin-left:auto;padding:2px;font-size:10px;display:inline-flex}.theme span{transition:background .35s var(--ease), color .35s var(--ease);border-radius:999px;padding:3px 8px}:root[data-theme=light] .theme [data-mode=light],:root[data-theme=dark] .theme [data-mode=dark]{background:var(--ink);color:var(--paper)}.foot{left:var(--gutter);bottom:var(--gutter);z-index:4;pointer-events:none;max-width:calc(100vw - var(--panel-w) - var(--gutter) * 3);gap:10px;display:grid;position:fixed}.hint{letter-spacing:-.005em;color:var(--ink);margin:0;font-size:clamp(15px,1.25vw,19px);font-weight:330;font-stretch:100%;transition:opacity .4s}.readouts{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:4px 22px;margin:0;font-size:10px;display:flex}.readouts div{align-items:baseline;gap:8px;display:flex}.readouts dt{color:var(--ink-3)}.readouts dd{color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none;min-width:6ch;margin:0}.note{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:9px}.toast{left:50%;bottom:calc(var(--gutter) + 8px);z-index:6;opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s, translate .45s var(--ease-out);border-radius:3px;padding:9px 14px;font-size:11px;position:fixed;translate:-50% 12px}.toast.on{opacity:1;translate:-50%}.fallback{z-index:10;text-align:left;background:var(--paper);color:var(--ink);place-content:center;gap:10px;padding:32px;display:grid;position:fixed;inset:0}.fallback[hidden]{display:none}.fallback h2{letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1}.fallback p{max-width:44ch;color:var(--ink-2);margin:0}.fallback .mono{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.clean .mast,.clean .status,.clean .panel,.clean .foot,.clean .toast,.clean .guide{display:none!important}.clean body{display:block!important;overflow:hidden!important}.clean .stage{height:auto!important;position:fixed!important;inset:0!important}@media (width<=860px){html,body{height:auto;min-height:100%}body{flex-direction:column;display:flex;overflow:auto}.stage{flex:none;order:0}.foot{flex:none;order:1}.panel{flex:none;order:2}.stage{height:58svh;position:relative}.mast{max-width:none;position:absolute}.brand{margin-bottom:10px}.kicker{display:none}.title{font-size:40px}.plate{display:none}.status{position:absolute}.foot{max-width:none;padding:14px var(--gutter) 0;pointer-events:auto;position:static}.readouts{gap:4px 16px}.panel{width:auto;max-height:none;margin:16px var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static;overflow:visible}.seg button,.actions button{min-height:44px}.faces button{padding:12px 2px 10px}.swatches button{width:34px;height:34px}.checks label{min-height:44px}.toast{position:fixed;top:calc(58svh - 56px);bottom:auto}}