.compose{gap:var(--space-7);align-items:start;display:grid}@media (width>=68rem){.compose{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(22rem,29rem)}.compose-result{top:var(--space-4);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent;max-height:calc(100vh - 2rem);padding-right:var(--space-2);position:sticky;overflow-y:auto}}.compose-error{padding:var(--space-5);border:1px solid var(--fail);background:var(--fail-wash);border-radius:var(--radius)}.compose-criteria{gap:var(--space-6);min-width:0;display:grid}.mobile-count{display:none}@media (width<=67.99rem){.mobile-count{align-items:center;gap:var(--space-3);top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);margin-inline:calc(-1 * max(1rem, env(safe-area-inset-left,0px)));padding:var(--space-2) max(1rem, env(safe-area-inset-left,0px));background:var(--ground);border-bottom:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-soft);display:flex;position:sticky}.mobile-count p{flex:1;min-width:0}.mobile-count strong{color:var(--ink);font-size:var(--step-1)}.mobile-count a{white-space:nowrap;font-weight:600}.compose-result{scroll-margin-top:var(--space-4)}}.presets{gap:var(--space-2);display:grid}.presets-label{font-size:var(--step--1);color:var(--ink-soft)}.presets ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.presets button{padding:var(--space-2) var(--space-3);border:1px solid var(--rule-strong);background:var(--surface);min-height:2.5rem;color:var(--ink);font-size:var(--step--1);cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:999px}.presets button:hover{border-color:var(--ink-faint)}.presets button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cgroup{border:0;border-top:1px solid var(--rule);padding:var(--space-4) 0 0;gap:var(--space-4);min-width:0;margin:0;display:grid}.cgroup legend{float:left;width:100%;margin-bottom:var(--space-1);align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;padding:0;display:flex}.cgroup legend+*{clear:both}.cgroup-title{font-family:var(--font-display);font-size:var(--step-2);font-weight:600}.cgroup-hint{font-size:var(--step--1);color:var(--ink-soft)}.crit{gap:var(--space-2);min-width:0;display:grid}.crit-label{font-size:var(--step--1);font-weight:600}.crit-note{font-size:var(--step--1);color:var(--ink-soft)}.lists-step{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;max-width:30rem;height:5.5rem;display:grid}.lists-step button{border-radius:var(--radius) var(--radius) 0 0;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;padding:0 0 .15rem;display:flex;position:relative}.lists-step button:hover{background:var(--sunken)}.ls-bar{background:var(--chart-muted);width:min(100%,22px);max-height:calc(100% - 1.4rem);transition:height .22s var(--ease-out), background-color .15s var(--ease-out);border-radius:4px 4px 0 0;display:block;position:relative}.lists-step button.in .ls-bar{background:var(--accent)}.ls-break{background:var(--ground);height:4px;position:absolute;top:.55rem;left:-2px;right:-2px;transform:skewY(-14deg)}.ls-readout{color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.5em}.ls-k{font-size:var(--step--2);font-variant-numeric:tabular-nums}.lists-step button[aria-checked=true] .ls-k{color:var(--ink);font-weight:700}.checks{gap:0 var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));display:grid}.checks-row{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))}.ccheck{align-items:center;gap:var(--space-2);padding:.3rem var(--space-2);margin-inline:calc(-1 * var(--space-2));border-radius:var(--radius);font-size:var(--step--1);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;min-height:2.25rem;display:grid}.ccheck:hover{background:var(--sunken)}.ccheck input{width:1rem;height:1rem;accent-color:var(--accent);margin:0}.ccheck-label{align-items:center;gap:var(--space-2);min-width:0;line-height:1.3;display:inline-flex}.ccheck-n{color:var(--ink-soft);font-variant-numeric:tabular-nums}.ccheck.is-none .ccheck-label,.ccheck.is-none .ccheck-n{color:var(--ink-faint)}.flags{gap:2px;display:grid}.flag{align-items:center;gap:var(--space-3);font-size:var(--step--1);border-bottom:1px solid color-mix(in oklch, var(--rule) 60%, transparent);grid-template-columns:minmax(0,1fr) auto auto;padding:.2rem 0;display:grid}.flag-n{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:5.5rem}.tri{border:1px solid var(--rule-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.tri button{background:var(--surface);min-height:2rem;color:var(--ink-soft);font-size:var(--step--2);cursor:pointer;border:0;padding:.25rem .6rem}.tri button+button{border-left:1px solid var(--rule-strong)}.tri button:hover{color:var(--ink)}.tri button[aria-checked=true]{background:var(--accent-wash);color:var(--ink);font-weight:600}.tri button[aria-checked=true]:not(:first-child){background:var(--accent);color:var(--on-accent)}.range{gap:var(--space-3);flex-wrap:wrap;display:flex}.range label{align-items:center;gap:var(--space-2);font-size:var(--step--1);color:var(--ink-soft);display:inline-flex}.range select{padding:var(--space-1) var(--space-2);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);min-height:2.25rem;color:var(--ink)}.compose-result{gap:var(--space-5);min-width:0;display:grid}.compose-result>*,.code,.code-body{min-width:0}.result-head{gap:var(--space-2);display:grid}.result-count{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero{font-family:var(--font-sans);letter-spacing:-.02em;font-variant-numeric:proportional-nums;font-size:3.25rem;font-weight:650;line-height:1}.hero-unit{font-size:var(--step-1);color:var(--ink-soft)}.result-share{color:var(--ink-soft);max-width:40ch}.reset{padding:var(--space-1) var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);min-height:2.25rem;font-size:var(--step--1);cursor:pointer;justify-self:start}.reset:hover{border-color:var(--ink-faint)}.result-empty{padding:var(--space-4);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--step--1)}.result-charts{gap:var(--space-6);display:grid}.code{gap:var(--space-3);border-top:1px solid var(--rule);padding-top:var(--space-4);display:grid}.code-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.code-title{font-size:var(--step-1)}.code-tabs{gap:var(--space-1);display:inline-flex}.code-tabs button{min-height:2rem;color:var(--ink-soft);font-size:var(--step--1);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .7rem}.code-tabs button:hover{color:var(--ink)}.code-tabs button[aria-selected=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.code-body{background:var(--sunken);border:1px solid var(--rule);border-radius:var(--radius);position:relative}.code-body pre{padding:var(--space-4);tab-size:4;margin:0;padding-right:2.5rem;font-size:.8125rem;line-height:1.6;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.code-body code{font-size:inherit}.copy{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);min-height:2.25rem;color:var(--ink);font-size:var(--step--1);cursor:pointer;padding:.3rem .8rem}.copy:hover{border-color:var(--accent)}.copy-fallback{font-size:var(--step--2);color:var(--ink-soft);flex-basis:100%}.take{gap:var(--space-3);border-top:1px solid var(--rule);padding-top:var(--space-4);scroll-margin-top:calc(var(--space-7) + var(--space-2));display:grid}.take-title{font-size:var(--step-1)}.take-count{color:var(--ink-soft)}.take-count strong{color:var(--ink);font-variant-numeric:tabular-nums}.take-item{gap:var(--space-1);display:grid}.take-btn{min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);color:var(--accent);font-size:var(--step-0);text-align:center;cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.take-btn:hover{border-color:var(--accent-hover);color:var(--accent-hover)}.take-btn.primary{background:var(--accent);color:var(--on-accent)}.take-btn.primary:hover{background:var(--accent-hover);color:var(--on-accent)}.take-btn.quiet{border-color:var(--rule-strong);color:var(--ink);font-weight:500}.take-btn:disabled{border-color:var(--rule-strong);background:var(--sunken);color:var(--ink-faint);cursor:not-allowed}.take-note{font-size:var(--step--1);color:var(--ink-soft)}.take-progress{width:100%;height:.5rem;accent-color:var(--accent)}.code-note{font-size:var(--step--1);color:var(--ink-soft)}.sk{background:var(--sunken);border-radius:var(--radius)}.sk-group{height:9rem}.sk-hero{width:70%;height:4rem}.sk-square{aspect-ratio:1;max-width:15rem}@media (prefers-reduced-motion:no-preference){.compose.is-loading .sk{animation:sk-pulse 1.4s var(--ease-out) infinite alternate}}@keyframes sk-pulse{0%{opacity:1}to{opacity:.55}}.compose-page[data-astro-cid-eenzi5cg]{gap:var(--space-6);display:grid}.page-head[data-astro-cid-eenzi5cg]{gap:var(--space-3);display:grid}.page-head[data-astro-cid-eenzi5cg] h1[data-astro-cid-eenzi5cg]{font-size:var(--step-5)}.page-note[data-astro-cid-eenzi5cg]{max-width:var(--measure);font-size:var(--step--1);color:var(--ink-soft)}.steps[data-astro-cid-eenzi5cg]{gap:var(--space-2);margin:var(--space-1) 0 0;counter-reset:step;flex-wrap:wrap;padding:0;list-style:none;display:flex}.steps[data-astro-cid-eenzi5cg] li[data-astro-cid-eenzi5cg]{align-items:baseline;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);font-size:var(--step--1);counter-increment:step;flex:14rem;display:flex}.steps[data-astro-cid-eenzi5cg] li[data-astro-cid-eenzi5cg]:before{content:counter(step);font-family:var(--font-sans);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-weight:650}