.mm line{stroke-linecap:butt}.mm-shadow{stroke:oklch(20% .02 60/.35);stroke-width:5px;filter:blur(1.2px);display:none}.mm-casing{stroke:var(--m-on-primary);stroke-width:5.5px;display:none}.mm-tape{stroke:var(--m-measure);stroke-width:3.5px}.mm-ticks,.mm-ticks-major{stroke:var(--m-on-primary);display:none}.mm-ticks{stroke-width:3px;stroke-dasharray:.8 4.2}.mm-ticks-major{stroke-width:7px;stroke-dasharray:1.2 23.8}.mm-stop{stroke:var(--m-on-primary);stroke-width:2px}.mm-tag{fill:var(--m-measure);stroke:var(--m-on-primary);stroke-width:.8px}.mm-label{fill:var(--m-on-primary);text-anchor:middle;font:600 10px system-ui,sans-serif}[data-measure-look=plain] .mm-stop{stroke:var(--m-measure)}[data-measure-look=edge] .mm-casing{display:inline}[data-measure-look=ticks] .mm-casing{stroke-width:9px;display:inline}[data-measure-look=ticks] .mm-tape{stroke-width:7px}[data-measure-look=ticks] .mm-ticks,[data-measure-look=ticks] .mm-ticks-major{display:inline}[data-measure-look=ticks] .mm-ticks{stroke-width:3px;transform:translateY(-2px)}[data-measure-look=ticks] .mm-ticks-major{stroke-width:5px;transform:translateY(-1px)}[data-measure-look=ink] .mm-tape{stroke:var(--m-on-primary);stroke-width:2px}[data-measure-look=shadow] .mm-shadow{display:inline}[data-measure-look=shadow] .mm-tape{stroke-width:4px}.wheel{aspect-ratio:1;width:12rem;margin:var(--space-2) auto 0;background:conic-gradient(in oklch longer hue, oklch(72% .13 0), oklch(72% .13 0));border-radius:50%;position:relative}.wheel:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22%}.wheel .marker{z-index:1;width:1.6rem;height:1.6rem;font:600 .6rem/1 var(--font-mono);background:var(--bg);color:var(--text);transform:rotate(var(--angle)) translateY(-5.2rem) rotate(calc(-1 * var(--angle)));border-radius:50%;place-items:center;margin:-.8rem;display:grid;position:absolute;top:50%;left:50%}.wheel .marker.slot{background:var(--text);width:1.2rem;height:1.2rem;color:var(--bg);transform:rotate(var(--angle)) translateY(-3.4rem) rotate(calc(-1 * var(--angle)));margin:-.6rem;font-size:.55rem}.wheel .marker.own{box-shadow:0 0 0 2px var(--text)}.wheel .marker.swatch{background:var(--marker-fill,var(--bg));color:oklch(20% .02 80);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--text)}.wheel .marker.inner{width:1.2rem;height:1.2rem;transform:rotate(var(--angle)) translateY(-2.3rem) rotate(calc(-1 * var(--angle)));margin:-.6rem;font-size:.5rem}.wheel .marker.own.inner{width:1rem;height:1rem;transform:rotate(var(--angle)) translateY(-.9rem) rotate(calc(-1 * var(--angle)));margin:-.5rem}.wheel .relation{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel .relation-spoke{stroke:var(--text);stroke-width:.4px;stroke-dasharray:1.5 1.5;opacity:.35}.wheel .relation-shape{fill:color-mix(in oklch, var(--text) 6%, transparent);stroke:var(--text);stroke-width:.8px;stroke-linejoin:round}.wheel .marker{z-index:2}.story[data-astro-cid-k7pxkcrl]{padding-block:var(--space-12) var(--space-8);gap:var(--space-12);display:grid}.story[data-astro-cid-k7pxkcrl] .grid[data-astro-cid-k7pxkcrl]{row-gap:var(--space-3);width:100%}.kicker[data-astro-cid-k7pxkcrl]{font:600 .8rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0}.hero[data-astro-cid-k7pxkcrl] h1[data-astro-cid-k7pxkcrl]{font-size:var(--step-5);max-width:18ch}.lede[data-astro-cid-k7pxkcrl]{font-size:var(--step-1);color:var(--text-muted);margin:0}.compare[data-astro-cid-k7pxkcrl]{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr))}.compare[data-astro-cid-k7pxkcrl] figure[data-astro-cid-k7pxkcrl]{gap:var(--space-2);margin:0;display:grid}.compare[data-astro-cid-k7pxkcrl] figcaption[data-astro-cid-k7pxkcrl]{font-size:var(--step--1);color:var(--text-muted)}.compare[data-astro-cid-k7pxkcrl] figcaption[data-astro-cid-k7pxkcrl] strong[data-astro-cid-k7pxkcrl]{color:var(--text)}@media (width>=960px){.compare[data-astro-cid-k7pxkcrl] figure[data-astro-cid-k7pxkcrl]{grid-column:span 6}}.before[data-astro-cid-k7pxkcrl]{--a:#216fe8;--on-a:#fff;--sel:#216fe8;--mbg:#e9ebee;--mpanel:#fff}.mock-app[data-astro-cid-k7pxkcrl]{background:var(--mbg);color:#23272e;border-radius:14px;gap:12px;padding:14px;font:13px/1.3 system-ui,sans-serif;display:grid}.mock-bar[data-astro-cid-k7pxkcrl]{background:var(--mpanel);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.mock-logo[data-astro-cid-k7pxkcrl]{background:var(--a);width:20px;height:20px;color:var(--on-a);border-radius:5px;place-items:center;font-style:normal;display:grid}.mock-floor[data-astro-cid-k7pxkcrl]{background:#dcc8ab;height:110px;position:relative;box-shadow:inset 0 0 0 6px #3d3f45}.mock-wall-selected[data-astro-cid-k7pxkcrl]{background:var(--sel);width:6px;position:absolute;top:0;bottom:0;right:0}.mock-button[data-astro-cid-k7pxkcrl]{background:var(--a);color:var(--on-a);border-radius:10px;justify-self:start;padding:8px 14px;font-weight:600}.decision[data-astro-cid-k7pxkcrl]{align-items:start}.number[data-astro-cid-k7pxkcrl]{font:600 var(--step-3)/1 var(--font-mono);color:var(--text-muted);margin:0}.decision[data-astro-cid-k7pxkcrl] h2[data-astro-cid-k7pxkcrl]{font-size:var(--step-3)}.problem[data-astro-cid-k7pxkcrl]{color:var(--text-muted);margin:0}.choice[data-astro-cid-k7pxkcrl]{margin:0}@media (width>=960px){.decision[data-astro-cid-k7pxkcrl]>.number[data-astro-cid-k7pxkcrl]{grid-area:1/1/span 4/span 1}.decision[data-astro-cid-k7pxkcrl]>[data-astro-cid-k7pxkcrl]:not(.number):not(.visual){grid-column:2/span 6}.decision[data-astro-cid-k7pxkcrl]>.visual[data-astro-cid-k7pxkcrl]{grid-area:1/8/span 4/span 5}}.visual[data-astro-cid-k7pxkcrl]{margin:0}.fill-demo[data-astro-cid-k7pxkcrl]{gap:var(--space-2);padding:var(--space-4);border-radius:var(--space-2);background:#fff;display:grid}.sample[data-astro-cid-k7pxkcrl]{font-weight:600;font-size:var(--step-1);justify-self:start}.sample[data-astro-cid-k7pxkcrl] small[data-astro-cid-k7pxkcrl]{font:500 .7rem var(--font-mono);color:#646a75;margin-left:.5em}.button-sample[data-astro-cid-k7pxkcrl]{border-radius:10px;padding:.5em 1em}.button-sample[data-astro-cid-k7pxkcrl] small[data-astro-cid-k7pxkcrl]{color:inherit;opacity:.75}.link-sample[data-astro-cid-k7pxkcrl]{text-underline-offset:.2em;text-decoration:underline}.greys[data-astro-cid-k7pxkcrl]{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.grey[data-astro-cid-k7pxkcrl]{gap:var(--space-1);margin:0;display:grid}.grey[data-astro-cid-k7pxkcrl] figcaption[data-astro-cid-k7pxkcrl]{font-size:var(--step--1);color:var(--text-muted)}.grey[data-astro-cid-k7pxkcrl].chosen figcaption[data-astro-cid-k7pxkcrl]{color:var(--text);font-weight:600}.grey-ui[data-astro-cid-k7pxkcrl]{background:var(--gbg);aspect-ratio:4/3;border-radius:10px;grid-template-columns:1.6fr 1fr;gap:6px;padding:8px;display:grid}.grey[data-astro-cid-k7pxkcrl].chosen .grey-ui[data-astro-cid-k7pxkcrl]{outline:2px solid var(--text);outline-offset:3px}.grey-floor[data-astro-cid-k7pxkcrl]{background:#dcc8ab;box-shadow:inset 0 0 0 3px #3d3f45}.grey-panel[data-astro-cid-k7pxkcrl]{background:var(--gpanel);border-radius:6px;align-content:end;padding:6px;display:grid}.grey-panel[data-astro-cid-k7pxkcrl] i[data-astro-cid-k7pxkcrl]{text-align:center;background:var(--a);color:var(--on-a);border-radius:5px;padding:4px;font:600 10px system-ui}.selection-demo[data-astro-cid-k7pxkcrl]{justify-items:center;gap:var(--space-2);display:grid}.selection-demo[data-astro-cid-k7pxkcrl] .wheel{--surface:var(--bg);margin:0}.wheel-caption[data-astro-cid-k7pxkcrl]{font-size:var(--step--1);color:var(--text-muted);text-align:center;margin:0}.warnings[data-astro-cid-k7pxkcrl]{gap:var(--space-1);padding:0;list-style:none;display:grid}.warning-option[data-astro-cid-k7pxkcrl]{padding:var(--space-2);background:var(--surface);border-radius:.6rem;gap:.35rem;display:grid}.warning-option[data-astro-cid-k7pxkcrl].chosen{outline:2px solid var(--text)}.option-name[data-astro-cid-k7pxkcrl]{font-size:var(--step--1)}.pair[data-astro-cid-k7pxkcrl]{flex-wrap:wrap;gap:.4rem;display:flex}.chip[data-astro-cid-k7pxkcrl]{border:1px solid;border-radius:999px;padding:2px 9px;font-size:.8rem}.chip[data-astro-cid-k7pxkcrl].warn{color:var(--warn);border-color:var(--warn)}.chip[data-astro-cid-k7pxkcrl].bad{color:var(--bad);border-color:var(--bad)}[data-astro-cid-k7pxkcrl][data-warn-style=shape] .chip[data-astro-cid-k7pxkcrl].bad,[data-astro-cid-k7pxkcrl][data-warn-style=caution] .chip[data-astro-cid-k7pxkcrl].bad{background:var(--bad);color:#fff}[data-astro-cid-k7pxkcrl][data-warn-style=caution] .chip[data-astro-cid-k7pxkcrl].warn{color:var(--on-a);border-color:var(--on-a);background:repeating-linear-gradient(-45deg, var(--on-a) 0 3px, var(--a) 3px 6px) left / 8px 100% no-repeat, var(--a);padding-left:14px}.tape-demo[data-astro-cid-k7pxkcrl]{gap:var(--space-2);display:grid}.tape-plan[data-astro-cid-k7pxkcrl]{width:100%;height:auto}.tape-floor[data-astro-cid-k7pxkcrl]{fill:var(--m-floor)}.tape-walls[data-astro-cid-k7pxkcrl]{fill:none;stroke:#3d3f45;stroke-width:10px}.looks[data-astro-cid-k7pxkcrl]{gap:var(--space-1);flex-wrap:wrap;display:flex}.look[data-astro-cid-k7pxkcrl]{font:inherit;font-size:var(--step--1);cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:background-color var(--dur-feedback) var(--ease-out), transform var(--dur-feedback) var(--ease-out);border-radius:999px;padding:.4em .9em}.look[data-astro-cid-k7pxkcrl]:hover{background:var(--line)}.look[data-astro-cid-k7pxkcrl]:active{transform:scale(.97)}.look[data-astro-cid-k7pxkcrl][aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.result[data-astro-cid-k7pxkcrl] h2[data-astro-cid-k7pxkcrl]{font-size:var(--step-4)}.swatches[data-astro-cid-k7pxkcrl]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.set-name[data-astro-cid-k7pxkcrl]{font:600 .8rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.swatch-set[data-astro-cid-k7pxkcrl] ul[data-astro-cid-k7pxkcrl]{margin:var(--space-2) 0 0;gap:6px;padding:0;list-style:none;display:grid}.swatch-set[data-astro-cid-k7pxkcrl] li[data-astro-cid-k7pxkcrl]{gap:var(--space-2);grid-template-columns:1.6rem 1fr auto;align-items:center;display:grid}.swatch[data-astro-cid-k7pxkcrl]{border-radius:6px;width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.12)}.swatch-set[data-astro-cid-k7pxkcrl] code[data-astro-cid-k7pxkcrl]{color:var(--text-muted);font-size:.8rem}