.selector,.calc{display:grid;gap:var(--space-m)}.pc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.pc-label{font-family:var(--font-heading);font-weight:600;font-size:var(--step--1);color:var(--brand-ink-soft)}.pc-btn{font:inherit;font-family:var(--font-heading);font-weight:600;font-size:var(--step--1);padding:.4em .9em;border-radius:var(--radius-pill);border:1px solid var(--brand-border-strong);background:var(--brand-surface);color:var(--brand-ink-soft);cursor:pointer}.pc-btn.is-active{background:var(--brand-primary);color:var(--brand-surface);border-color:var(--brand-primary)}.pc-name{font-family:var(--font-heading);font-weight:700;color:var(--brand-ink)}.pc-note{font-size:var(--step--1);color:var(--brand-ink-soft);max-width:26rem}.selector-form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-m)}.field{display:grid;gap:var(--space-2xs)}.field label{font-family:var(--font-mono);font-weight:600;font-size:.74rem;letter-spacing:.04em;color:var(--brand-ink-faint);text-transform:lowercase}.field label strong{color:var(--brand-primary-strong);font-variant-numeric:tabular-nums}.field select,.field input[type=range]{width:100%}.field select{appearance:none;font:inherit;padding:.6em 2em .6em .75em;border:1px solid var(--brand-border-strong);border-radius:var(--radius-m);background-color:var(--brand-surface-sunk);color:var(--brand-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75em center}.field select:hover{border-color:var(--brand-primary-line)}.field input[type=range]{accent-color:var(--brand-primary)}.field-check{grid-column:1 / -1}.field-check label{display:inline-flex;align-items:center;gap:var(--space-2xs);cursor:pointer}.vs-range{height:1.4rem}.vs-ticks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.66rem;color:var(--brand-ink-faint);margin-top:-.2rem}.vs-live{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border:1px dashed var(--brand-primary-line);border-radius:var(--radius-m);background:var(--brand-surface-sunk)}.vs-live-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink-faint)}.vs-live-name{font-family:var(--font-heading);font-weight:800;color:var(--brand-ink)}.vs-live-grade{font-family:var(--font-heading);font-weight:800;font-size:.85rem;min-width:1.9em;text-align:center;border:1.5px solid currentColor;border-radius:var(--radius-s);padding:.05em .3em}.vs-live-grade.is-aplus{color:var(--grade-aplus)}.vs-live-grade.is-a{color:var(--grade-a)}.vs-live-grade.is-b{color:var(--grade-b)}.vs-live-grade.is-c{color:var(--grade-c)}.vs-live-score{margin-left:auto;font-family:var(--font-heading);font-weight:800;font-size:var(--step-1);color:var(--brand-primary-strong);font-variant-numeric:tabular-nums}.vs-live-max{font-size:.55em;color:var(--brand-ink-faint)}.selector-results{display:grid;gap:var(--space-m);border-top:1px solid var(--brand-border);padding-top:var(--space-m)}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m)}.result-grade{font-size:1.4rem;flex:none}.result-headtext{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3xs);min-width:0}.result-name{font-family:var(--font-heading);font-weight:800;font-size:var(--step-2);color:var(--brand-ink)}.result-tier{font-size:var(--step--1);color:var(--brand-ink-faint)}.result-winner{background:var(--brand-primary-soft);border:1px solid var(--brand-primary-line);border-radius:var(--radius-l);padding:var(--space-m)}.result-reasons{margin:var(--space-s) 0 0;padding-left:1.2em;color:var(--brand-ink-soft)}.result-reasons li+li{margin-top:var(--space-3xs)}.result-caution{color:var(--brand-accent-strong);background:color-mix(in oklab,var(--brand-accent) 14%,var(--brand-surface-sunk));border:1px solid color-mix(in oklab,var(--brand-accent) 35%,transparent);border-radius:var(--radius-s);padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);margin-top:var(--space-2xs)}.result-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-top:var(--space-s)}.result-review{font-size:var(--step--1)}.result-alts h3{font-size:var(--step-1);margin-bottom:var(--space-2xs)}.result-alt{display:grid;gap:var(--space-2xs);padding:var(--space-s) 0;border-top:1px dashed var(--brand-border)}.result-line{color:var(--brand-ink-soft);font-size:var(--step--1)}.calc-out{display:grid;gap:var(--space-s);border-top:1px solid var(--brand-border);padding-top:var(--space-m)}.calc-headline{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.calc-big{font-family:var(--font-heading);font-weight:800;font-size:var(--step-4);color:var(--brand-primary-strong);display:block;line-height:1}.calc-big .per{font-size:.4em;color:var(--brand-ink-faint)}.calc-sub{font-size:var(--step--1);color:var(--brand-ink-faint)}.calc-note{font-size:var(--step-0);color:var(--brand-ink)}.calc-fineprint{font-size:var(--step--1);color:var(--brand-ink-faint)}@media(max-width:40rem){.selector-form{grid-template-columns:1fr}.calc-headline{gap:var(--space-m)}}