:root{--paper:#f3ecdd;--ink:#2a2320;--ink-90:color-mix(in oklab, var(--ink) 90%, transparent);--ink-64:color-mix(in oklab, var(--ink) 64%, transparent);--ink-40:color-mix(in oklab, var(--ink) 40%, transparent);--ink-20:color-mix(in oklab, var(--ink) 20%, transparent);--ink-12:color-mix(in oklab, var(--ink) 12%, transparent);--ink-08:color-mix(in oklab, var(--ink) 8%, transparent);--ink-04:color-mix(in oklab, var(--ink) 4%, transparent);--surface:color-mix(in oklab, var(--paper) 82%, white);--surface-veil:color-mix(in oklab, var(--paper) 70%, transparent);--hairline:var(--ink-12);--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--step--1:clamp(.72rem, .69rem + .14vw, .79rem);--step-0:clamp(.83rem, .79rem + .18vw, .92rem);--step-1:clamp(1rem, .93rem + .3vw, 1.18rem);--step-2:clamp(1.4rem, 1.2rem + .9vw, 2rem);--step-3:clamp(2.2rem, 1.6rem + 2.8vw, 4.2rem);--track-label:.14em;--track-display:-.018em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-row:12px;--r-panel:20px;--r-pill:999px;--r-key:7px;--lift-1:0 1px 2px color-mix(in oklab, var(--ink) 6%, transparent), 0 2px 8px color-mix(in oklab, var(--ink) 5%, transparent);--lift-2:0 1px 2px color-mix(in oklab, var(--ink) 7%, transparent), 0 6px 16px color-mix(in oklab, var(--ink) 8%, transparent), 0 18px 44px color-mix(in oklab, var(--ink) 7%, transparent);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1);--ease-veil:cubic-bezier(.32, .72, 0, 1);--t-press:.13s;--t-hover:.18s;--t-panel:.24s;--t-mode:.28s;--t-veil:.72s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--t-press:1ms;--t-hover:1ms;--t-panel:1ms;--t-mode:1ms;--t-veil:1ms}}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-ui);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:manipulation}canvas{display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--ink-64);outline-offset:3px;border-radius:var(--r-row)}:focus:not(:focus-visible){outline:none}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.label{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-64)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hit{position:relative}.hit:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}#stage{width:100vw;height:100vh;position:fixed;inset:0}#boot{z-index:20;pointer-events:none;position:fixed;inset:0}#boot[data-state=gone]{display:none}#boot[data-state=revealing]{opacity:0;transition:transform var(--t-veil) var(--ease-veil), opacity calc(var(--t-veil) * .55) linear calc(var(--t-veil) * .45);transform:translateY(-102%)}.boot-mark{left:var(--s-7);top:var(--s-7);flex-direction:column;gap:2px;display:flex;position:absolute}.boot-mark-name{font-family:var(--font-display);font-variation-settings:"opsz" 120, "SOFT" 34, "WONK" 1;font-weight:600;font-size:var(--step-2);letter-spacing:var(--track-display);line-height:1}.boot-mark-by{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-40)}.boot-count{right:var(--s-7);bottom:var(--s-7);color:var(--ink);align-items:baseline;gap:.12em;display:flex;position:absolute}.boot-count-n{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 20, "WONK" 0;font-weight:400;font-size:var(--step-3);letter-spacing:-.03em;line-height:.82}.boot-count-pc{font-family:var(--font-ui);font-size:var(--step-0);color:var(--ink-40);padding-bottom:.15em}@media (width<=720px){.boot-mark{left:var(--s-5);top:var(--s-5)}.boot-count{right:var(--s-5);bottom:var(--s-5)}}#gate{z-index:15;background:var(--surface-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:fixed;inset:0}#gate[data-state=hidden]{display:none}.gate-choices{gap:var(--s-4);padding:var(--s-5);flex-wrap:wrap;justify-content:center;display:flex}.gate-choice{min-width:232px;padding:var(--s-4) var(--s-5);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--lift-1);transition:transform var(--t-press) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:relative}.gate-choice:hover:not(:disabled){box-shadow:var(--lift-2)}.gate-choice:active:not(:disabled){transform:scale(.975)}.gate-choice-label{font-family:var(--font-display);font-variation-settings:"opsz" 72, "SOFT" 28, "WONK" 0;font-weight:600;font-size:var(--step-1);letter-spacing:var(--track-display)}.gate-choice-sub{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-40)}.gate-choice.is-locked{box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink-40);background:0 0}.gate-choice.is-locked .gate-choice-label{color:var(--ink-64)}.gate-lock{top:var(--s-4);right:var(--s-4);width:17px;height:17px;color:var(--ink-40);position:absolute}#gate[data-state=shown] .gate-choice{animation:gate-in .52s var(--ease-out) backwards}#gate[data-state=shown] .gate-choice:first-child{animation-delay:60ms}#gate[data-state=shown] .gate-choice:nth-child(2){animation-delay:.16s}@keyframes gate-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#gate[data-state=shown] .gate-choice{animation:none}}#pg{z-index:10;pointer-events:none;position:fixed;inset:0}#pg[data-state=hidden]{display:none}#pg>*{pointer-events:auto}#trails,#guides{pointer-events:none}#pg[data-cleared=true] .pg-menu,#pg[data-cleared=true] .pg-rail,#pg[data-cleared=true] .pg-mode,#pg[data-cleared=true] .pg-dock,#pg[data-cleared=true] #guides,#pg[data-cleared=true] #trails{opacity:0;visibility:hidden;transition:opacity var(--t-panel) var(--ease-out), visibility 0s linear var(--t-panel)}#pg[data-mode=full] .pg-rail{padding-top:calc(var(--s-5) + 40px)}.pg-menu{top:var(--s-4);left:var(--s-4);z-index:12;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline), var(--lift-1);color:var(--ink-64);font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;transition:opacity var(--t-panel) var(--ease-out), color var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);display:flex;position:fixed}.pg-menu svg{width:14px;height:14px}.pg-menu:hover,.pg-menu:focus-visible{color:var(--ink)}.pg-menu:active{transform:scale(.97)}@media (width<=640px){.pg-menu-label{display:none}.pg-menu{padding:var(--s-1)}}#guides{position:fixed;inset:0}#guides[data-on=false]{opacity:0;visibility:hidden}#guides{transition:opacity var(--t-panel) var(--ease-out)}.guide{will-change:transform, opacity;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:0;left:0}.guide-ring{border-radius:var(--r-pill);background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--paper) 70%, transparent) 0%, color-mix(in oklab, var(--paper) 22%, transparent) 55%, transparent 72%);box-shadow:inset 0 0 0 1px var(--ink-20);-webkit-backdrop-filter:blur(3px)saturate(1.1);backdrop-filter:blur(3px)saturate(1.1);transition:transform var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out);position:absolute;inset:0}.guide-core{border-radius:var(--r-pill);background:var(--ink-64);width:5px;height:5px;transition:transform var(--t-hover) var(--ease-out), background var(--t-hover) var(--ease-out)}.guide:hover .guide-ring{box-shadow:inset 0 0 0 1px var(--ink-40);transform:scale(1.16)}.guide:hover .guide-core{background:var(--ink)}.guide:active .guide-ring{transform:scale(.94)}.guide[data-active=true] .guide-ring{box-shadow:inset 0 0 0 1.5px var(--ink-40);transform:scale(1.22)}.guide[data-active=true] .guide-core{background:var(--ink);transform:scale(1.2)}@media (prefers-reduced-motion:no-preference){.guide-ring{animation:6s ease-in-out infinite guide-breathe}.guide:nth-child(2n) .guide-ring{animation-delay:-2s}.guide:nth-child(3n) .guide-ring{animation-delay:-4s}}@keyframes guide-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#trails{width:100%;height:100%;position:fixed;inset:0}#trails[data-on=false]{opacity:0}#trails{transition:opacity var(--t-panel) var(--ease-out)}.trail{fill:none;stroke:var(--ink-20);stroke-width:1px;stroke-linecap:round;stroke-dasharray:1 5;animation:trail-draw var(--t-panel) var(--ease-out) backwards}@keyframes trail-draw{0%{opacity:0}to{opacity:1}}.pg-rail{width:min(310px,30vw);padding:var(--s-5) var(--s-4);gap:var(--s-3);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;overflow:hidden auto}.pg-rail::-webkit-scrollbar{width:0;height:0}.pg-rail-l{left:0}.pg-rail-r{right:0}#pg[data-mode=focus] .pg-rail{pointer-events:none;padding:0;overflow:visible}#pg[data-mode=focus] .panel{pointer-events:auto}.panel{border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--lift-1);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);padding:var(--s-2);flex:none;overflow:hidden}#pg[data-mode=focus] .panel{width:min(292px,78vw);max-height:min(72vh,620px);box-shadow:var(--lift-2);position:fixed;overflow-y:auto}#pg[data-mode=focus] .panel[data-side=left]{left:var(--s-4)}#pg[data-mode=focus] .panel[data-side=right]{right:var(--s-4)}#pg[data-mode=focus] .panel[data-enter=true]{animation:panel-in var(--t-panel) var(--ease-out) backwards}#pg[data-mode=focus] .panel[data-side=left][data-enter=true]{transform-origin:0}#pg[data-mode=focus] .panel[data-side=right][data-enter=true]{transform-origin:100%}@keyframes panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.panel-head{padding:var(--s-2) var(--s-2) var(--s-1) var(--s-3);justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);font-variation-settings:"opsz" 48, "SOFT" 30, "WONK" 0;font-weight:600;font-size:var(--step-1);letter-spacing:var(--track-display);margin:0}.panel-x{border-radius:var(--r-pill);width:26px;height:26px;color:var(--ink-40);transition:background var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out);place-items:center;display:grid}.panel-x svg{width:14px;height:14px}.panel-x:hover{background:var(--ink-08);color:var(--ink)}.panel-x:active{transform:scale(.94)}#pg[data-mode=full] .panel-x{display:none}.panel-body{gap:var(--s-3);padding:var(--s-1) var(--s-1) var(--s-2);flex-direction:column;display:flex}.panel-sec{gap:var(--s-2);flex-direction:column;display:flex}.panel-sec-h{margin:0 0 0 var(--s-2)}.row{gap:2px var(--s-2);padding:var(--s-2);border-radius:var(--r-row);transition:background var(--t-hover) var(--ease-out);grid-template-columns:1fr auto;grid-template-areas:"label count""step step";align-items:center;display:grid}.row:hover{background:var(--ink-04)}.row-label{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-64);grid-area:label}.row-count{color:var(--ink-40);letter-spacing:.04em;grid-area:count;font-size:10px}.step{align-items:center;gap:var(--s-1);grid-area:step;grid-template-columns:28px 1fr 28px;min-height:30px;display:grid}.step-b{border-radius:var(--r-row);width:28px;height:28px;color:var(--ink-40);transition:background var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);place-items:center;font-size:16px;line-height:1;display:grid}.step-b:hover:not(:disabled){background:var(--ink-08);color:var(--ink)}.step-b:active:not(:disabled){transform:scale(.9)}.step-b:disabled{opacity:.35}.step-v{text-align:center;font-size:var(--step-0);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-swatch{background:var(--sw);width:100%;max-width:120px;height:22px;box-shadow:inset 0 0 0 1px var(--ink-20);transition:background var(--t-hover) var(--ease-out);border-radius:8px;justify-self:center}.step-bar{background:var(--ink-08);width:100%;max-width:120px;height:22px;box-shadow:inset 0 0 0 1px var(--ink-20);border-radius:8px;justify-self:center;position:relative;overflow:hidden}.step-bar:after{content:"";width:calc((100% - 6px) * var(--fill) / 100%);background:var(--ink-64);min-width:3px;transition:width var(--t-hover) var(--ease-out);border-radius:5px;position:absolute;inset:3px auto 3px 3px}@media (prefers-reduced-motion:reduce){.step-bar:after{transition:none}}.row.is-blocked .step-v{color:var(--ink-40);font-size:var(--step--1)}.chips{gap:var(--s-1);flex-wrap:wrap;display:flex}.chip{border-radius:var(--r-pill);font-size:var(--step--1);color:var(--ink-64);box-shadow:inset 0 0 0 1px var(--hairline);transition:background var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), box-shadow var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);padding:5px 10px}.chip:hover{background:var(--ink-04);color:var(--ink)}.chip:active{transform:scale(.96)}.chip.is-on{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.chip.is-blocked{opacity:.38;cursor:not-allowed;text-decoration:line-through;-webkit-text-decoration-color:var(--ink-40);text-decoration-color:var(--ink-40)}.chip.is-blocked:hover{color:var(--ink-64);background:0 0}.pg-mode{top:var(--s-5);right:var(--s-5);align-items:center;gap:var(--s-3);display:flex;position:fixed}.pg-mode-name{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-64);text-align:right;min-width:4.4em}.pg-switch-track{border-radius:var(--r-pill);background:var(--ink-08);width:46px;height:27px;box-shadow:inset 0 0 0 1px var(--hairline);transition:background var(--t-mode) var(--ease-out);padding:3px;display:block}.pg-switch-thumb{border-radius:var(--r-pill);background:var(--paper);width:21px;height:21px;box-shadow:var(--lift-1);transition:transform var(--t-mode) var(--ease-move);display:block}.pg-switch[aria-checked=true] .pg-switch-track{background:var(--ink)}.pg-switch[aria-checked=true] .pg-switch-thumb{transform:translate(19px)}.pg-switch:active .pg-switch-thumb{width:25px}.pg-dock{left:50%;bottom:var(--s-5);align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--lift-1);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);display:flex;position:fixed;translate:-50%}.pg-bg,.pg-key{align-items:center;gap:var(--s-2);padding:7px var(--s-3);border-radius:var(--r-row);color:var(--ink-64);transition:background var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);display:flex}.pg-bg:hover,.pg-key:hover{background:var(--ink-08);color:var(--ink)}.pg-bg:active,.pg-key:active{transform:scale(.97)}.pg-bg-label,.pg-key-label{font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase}.pg-bg-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--ink-20);transition:background var(--t-hover) var(--ease-out);border-radius:6px}.pg-key-cap{border-radius:var(--r-key);background:var(--paper);min-width:30px;height:21px;box-shadow:inset 0 0 0 1px var(--ink-20), 0 1px 0 var(--ink-12);color:var(--ink-64);place-items:center;padding:0 6px;font-size:11px;font-weight:500;display:grid}.pg-key-bar{background:var(--ink-40);border-radius:2px;width:30px;height:2px}.pg-key[data-down=true] .pg-key-cap{background:var(--ink-08);box-shadow:inset 0 0 0 1px var(--ink-40)}@media (width<=720px){.pg-rail{width:100vw}#pg[data-mode=full] .pg-rail-r{display:none}.pg-mode{top:var(--s-4);right:var(--s-4)}.pg-dock{bottom:var(--s-4);gap:var(--s-1);padding:var(--s-1)}.pg-bg-label,.pg-key-label{display:none}}.dock-item{align-items:center;display:flex;position:relative}.dock-sep{width:1px;margin:var(--s-1) var(--s-1);background:var(--hairline);align-self:stretch}.dock-i{border-radius:var(--r-pill);background:var(--paper);width:15px;height:15px;box-shadow:inset 0 0 0 1px var(--ink-20);font-family:var(--font-display);font-variation-settings:"opsz" 24, "SOFT" 20, "WONK" 0;color:var(--ink-40);opacity:.55;transition:opacity var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);place-items:center;font-size:9px;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.dock-item:hover .dock-i{opacity:1}.dock-i:hover,.dock-i:focus-visible{color:var(--ink);transform:scale(1.12)}.pg-hint{translate:var(--s-3) -50%;position:absolute;top:50%;left:100%}.dock-i-solo{opacity:.7;width:20px;height:20px;font-size:11px;position:static}.dock-i-solo:hover,.dock-i-solo:focus-visible{opacity:1}@media (width<=640px){.pg-hint{display:none}}.dock-i:after{content:attr(data-tip);width:max-content;max-width:216px;padding:var(--s-2) var(--s-3);border-radius:var(--r-row);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:0;text-transform:none;text-align:left;text-wrap:pretty;box-shadow:var(--lift-2);opacity:0;transform-origin:100% 100%;pointer-events:none;transition:opacity var(--t-hover) var(--ease-out), transform var(--t-hover) var(--ease-out);line-height:1.4;position:absolute;bottom:calc(100% + 10px);right:-6px;transform:translateY(4px)scale(.97)}.dock-i:hover:after,.dock-i:focus-visible:after{opacity:1;transform:none}.pg-key-toggle{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-40);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--hairline);padding:1px 5px;font-size:9px}.pg-key-space{letter-spacing:.06em;text-transform:lowercase;min-width:52px;font-size:10px}.pg-dl{width:15px;height:15px}