.q-root,.q-trigger{--q-surface:#16182a;--q-slot:#232640;--q-text:#f4f5fb;--q-muted:#a3a8c3;--q-accent:#ffd23f;--q-on-accent:#16182a;--q-backdrop:#0a0b16c7;--q-font:inherit;--q-size:min(620px, calc(100vw - 16px), calc(100dvh - 16px));--q-ease:cubic-bezier(.2, .8, .2, 1);--q-fast:.12s;--q-slow:.2s}.q-root{width:fit-content;max-width:none;height:fit-content;max-height:none;color:var(--q-text);font-family:var(--q-font);opacity:0;transition:opacity var(--q-fast) ease-out, overlay var(--q-fast) allow-discrete, display var(--q-fast) allow-discrete;background:0 0;border:0;outline:none;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.q-root::backdrop{background:var(--q-backdrop);opacity:0;transition:opacity var(--q-fast) ease-out, overlay var(--q-fast) allow-discrete, display var(--q-fast) allow-discrete}.q-root:focus-visible,.q-slot:focus-visible{outline:none}.q-root[open],.q-root[open]::backdrop{opacity:1}@starting-style{.q-root[open],.q-root[open]::backdrop{opacity:0}}.q-root *,.q-root :before{box-sizing:border-box}.q-root [hidden]{display:none}.q-wheel{width:var(--q-size);height:var(--q-size);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.q-wheel:before{content:"";background:var(--q-surface);border-radius:50%;position:absolute;inset:28.5%}.q-slot{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0;position:absolute;inset:0}.q-slot:disabled{cursor:not-allowed}.q-slot-shape,.q-slot-content{pointer-events:none;animation:q-slot-in var(--q-slow) var(--q-ease) backwards;animation-delay:calc(var(--q-index) * 14ms)}.q-slot-shape{--q-from:.94;position:absolute;inset:0;overflow:visible}.q-wheel[data-motion=in] .q-slot-shape{--q-from:.86}.q-wheel[data-motion=out] .q-slot-shape{--q-from:1.1}.q-slot-fill{fill:var(--q-slot);stroke:#0000;stroke-width:.7px;transition:fill var(--q-fast) ease-out}.q-slot:disabled .q-slot-fill{opacity:.45}.q-slot[data-active=true] .q-slot-fill,.q-slot[data-selected] .q-slot-fill{fill:var(--q-accent)}.q-slot:focus-visible .q-slot-fill{stroke:var(--q-text)}.q-slot-progress{fill:none;stroke:var(--q-accent);stroke-width:1px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.q-slot[data-dwelling] .q-slot-progress{opacity:1;animation:q-dwell var(--q-dwell) linear forwards}.q-slot-content{width:17%;font-size:clamp(11px, calc(var(--q-size) * .023), 14px);transition:color var(--q-fast) ease-out;flex-direction:column;align-items:center;gap:.4em;line-height:1.15;display:flex;position:absolute;translate:-50% -50%}.q-slot:disabled .q-slot-content{opacity:.4}.q-slot[data-active=true] .q-slot-content,.q-slot[data-selected] .q-slot-content{color:var(--q-on-accent)}.q-slot-icon{font-size:1.5em;line-height:1}.q-slot-label{text-align:center;overflow-wrap:anywhere;font-weight:600}.q-slot-key,.q-trigger-key{border:1px solid color-mix(in srgb, currentColor 35%, transparent);min-width:1.7em;font:inherit;text-align:center;border-radius:.4em;padding:.15em .4em;font-size:.8em;font-weight:600}.q-slot-key{opacity:.75}.q-center{text-align:center;font-size:clamp(11px, calc(var(--q-size) * .022), 13px);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5em;display:flex;position:absolute;inset:31%}.q-center>*{animation:q-center-in var(--q-fast) ease-out}.q-center-title{letter-spacing:-.01em;font-size:1.9em;font-weight:600;line-height:1.1}.q-center-description{max-width:17em;color:var(--q-muted);margin:0;line-height:1.4}.q-center-hint{color:var(--q-accent);font-size:.9em}.q-trigger{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));background:var(--q-surface);width:48px;height:48px;color:var(--q-text);font-family:var(--q-font);cursor:pointer;transition:scale var(--q-fast) var(--q-ease);border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid;position:fixed;box-shadow:0 2px 10px #00000040}.q-trigger:hover{scale:1.06}.q-trigger:active{scale:.96}.q-trigger:focus-visible{outline:2px solid var(--q-accent);outline-offset:3px}.q-trigger-key{border:0;padding:0;font-size:1em}@keyframes q-slot-in{0%{opacity:0;scale:var(--q-from,1)}}@keyframes q-center-in{0%{opacity:0}}@keyframes q-dwell{to{stroke-dashoffset:0}}@media (width<=480px){.q-center-hint,.q-slot-key{display:none}}@media (prefers-reduced-motion:reduce){.q-root,.q-root::backdrop,.q-slot-fill,.q-slot-content,.q-trigger{transition:none}.q-slot-shape,.q-slot-content,.q-center>*{animation:none}.q-slot[data-dwelling] .q-slot-progress{stroke-dashoffset:0;animation:none}}:root{--board:#e6e8ef;--cap:#fcfcfe;--cap-side:#c3c7d6;--cap-ink:#16182a;--ink:#16182a;--soft:#4d5170;--legend:#2b44e0;--rule:#cdd0dd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=cobalt]{--board:#2b44e0;--cap-side:#1a2ba3;--ink:#fff;--soft:#dfe3ff;--rule:#5a6ef0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=night]{--board:#16182a;--cap:#2a2d4a;--cap-side:#0b0c18;--cap-ink:#f4f5fb;--ink:#f4f5fb;--soft:#b4b8d0;--legend:#ffd23f;--rule:#2f3352;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.q-root,.q-trigger{--q-font:"Bricolage Grotesque", sans-serif}:root[data-theme=cobalt] :is(.q-root,.q-trigger){--q-surface:#fff;--q-slot:#fff;--q-text:#16182a;--q-muted:#565a75;--q-backdrop:#101b6eb3}:root[data-theme=cobalt] .q-center-hint{color:#2b44e0}:root[data-theme=night] :is(.q-root,.q-trigger){--q-surface:#2a2d4a;--q-slot:#2a2d4a;--q-backdrop:#05060eb8}*,:before{box-sizing:border-box}body{background:var(--board);min-height:100dvh;color:var(--ink);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.0625rem;line-height:1.55;transition:background-color .2s,color .2s}h1,h2,p,dl,dd,pre{margin:0}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1:focus{outline:none}code{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.9em}main kbd{background:var(--cap);min-width:1.7em;box-shadow:0 2px 0 var(--cap-side);color:var(--legend);font:inherit;text-align:center;border-radius:.35em;padding:0 .4em;font-size:.85em;font-weight:700;display:inline-block}.skip{background:var(--cap);color:var(--cap-ink);border-radius:.5rem;padding:.5rem 1rem;position:absolute;top:.5rem;left:.5rem;translate:0 -200%}.skip:focus{translate:0}.top,main,.bottom{max-width:76rem;margin:0 auto;padding-inline:clamp(1.25rem,5vw,4rem)}.top{grid-template-columns:1fr auto 1fr;align-items:baseline;padding-block:1.25rem;display:grid}.wordmark{justify-self:start;font-size:2.5rem;font-weight:700;line-height:1;text-decoration:none}.location{color:var(--soft)}.source{justify-self:end}main{padding-block:clamp(1.5rem,5vw,4rem) 4rem}.bottom{color:var(--soft);padding-block:2rem 6rem;font-size:.9375rem}.view>*+*{margin-top:1.5rem}.view h1{letter-spacing:-.03em;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:.95}.view h2{font-size:1.375rem;font-weight:700;line-height:1.2}.view p,.view dd{max-width:38rem;color:var(--soft)}.view>h1+p{margin-top:2rem;font-size:1.25rem}.prose>*+*{margin-top:1rem}.prose>*+h2,.view>.prose{margin-top:3rem}.view>.next{border-top:1px solid var(--rule);max-width:none;margin-top:4rem;padding-top:1.5rem}.next a{color:var(--ink);font-weight:700}.hero{grid-template-columns:auto 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.hero-copy p{margin-top:1.75rem;font-size:1.25rem}.keycap{--size:clamp(11rem, 28vw, 20rem);--travel:calc(var(--size) * .07);width:var(--size);height:var(--size);padding:0 0 var(--travel);border-radius:calc(var(--size) * .14);background:var(--cap-side);cursor:pointer;border:0}.keycap-top{border-radius:inherit;background:var(--cap);width:100%;height:100%;color:var(--legend);place-items:center;transition:translate 90ms ease-out;display:grid}.keycap-legend{font-size:calc(var(--size) * .62);font-weight:700;line-height:1;translate:0 -8%}.keycap:active .keycap-top,.keycap.is-down .keycap-top{translate:0 calc(var(--travel) * .75)}.ways{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:clamp(3rem,8vw,6rem);padding-top:2rem;display:grid}.ways p{margin-top:.5rem}.columns{grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;display:grid}.keys{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:.75rem 1.5rem;padding-top:1rem;display:grid}.columns .keys{margin-top:1rem}.keys dt{font-weight:600}.table{margin-top:3rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:40rem}th,td{border-top:1px solid var(--rule);vertical-align:top;padding:.75rem 1.5rem .75rem 0}thead th{color:var(--soft);border-top:0;font-weight:400}tbody th{white-space:nowrap;font-weight:600}td{color:var(--soft)}pre{background:var(--cap);max-width:44rem;box-shadow:0 3px 0 var(--cap-side);color:var(--cap-ink);border-radius:.75rem;padding:1.25rem 1.5rem;font-size:.9375rem;line-height:1.6;overflow-x:auto}.dials{grid-template-columns:auto minmax(8rem,20rem) 5rem;align-items:center;gap:1.25rem 1.5rem;margin-top:3rem;display:grid}.dials input{accent-color:var(--ink)}.dials output{font-variant-numeric:tabular-nums;font-weight:600}.view .path{color:var(--ink);font-weight:600}@media (width<=720px){.hero,.ways,.columns{grid-template-columns:1fr}.location{display:none}.top,.dials{grid-template-columns:1fr auto}.dials label{grid-column:1/-1;margin-bottom:-.75rem}}@media (prefers-reduced-motion:reduce){body,.keycap-top{transition:none}}