.selector,.calc{display:grid;gap:var(--space-m)}.selector-form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-s) var(--space-m)}.field{display:grid;gap:var(--space-3xs)}.field label{font-family:var(--font-heading);font-weight:600;font-size:var(--step--1);color:var(--brand-ink-soft)}.field select,.field input[type=range]{width:100%}.field select{appearance:none;font:inherit;width:100%;padding:.7em 2.4em .7em .85em;border:1.5px solid var(--brand-border-strong);border-radius:var(--radius-m);background-color:var(--brand-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23355' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85em center;color:var(--brand-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.field select:hover{border-color:var(--brand-primary)}.field select:focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);outline:none}.field input[type=range]{-webkit-appearance:none;appearance:none;height:.5rem;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--brand-cta) 0%,var(--brand-cta) var(--rng, 0%),var(--brand-surface-sunk) var(--rng, 0%));border:1px solid var(--brand-border);cursor:pointer}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--brand-cta);border:3px solid var(--brand-surface);box-shadow:var(--shadow-s);cursor:pointer}.field input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--brand-cta);border:3px solid var(--brand-surface);box-shadow:var(--shadow-s);cursor:pointer;border-color:var(--brand-surface)}.field input[type=range]:disabled{opacity:.5;cursor:not-allowed}.field label strong{display:inline-block;font-family:var(--font-heading);background:var(--brand-primary-soft);color:var(--brand-primary-strong);padding:.05em .55em;border-radius:var(--radius-pill);font-size:.95em}.field-check{grid-column:1 / -1}.field-check label{display:inline-flex;align-items:center;gap:var(--space-2xs);cursor:pointer}.field-check input{accent-color:var(--brand-primary);width:1.1rem;height:1.1rem}.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:baseline;gap:var(--space-xs)}.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-2xs) 0 0;padding-left:1.2em;color:var(--brand-ink-soft)}.result-reasons li+li{margin-top:var(--space-3xs)}.result-caution,.calc-caution{color:var(--brand-accent-ink);background:oklch(.95 .05 70);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-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)}.receipt{border:1px solid var(--brand-border-strong);border-radius:var(--radius-l);background:var(--brand-surface);box-shadow:var(--shadow-m);overflow:hidden}.receipt-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;background:var(--brand-anchor);color:var(--brand-anchor-ink);padding:var(--space-s) var(--space-m)}.receipt-title{font-family:var(--font-heading);font-weight:700;font-size:var(--step-0);letter-spacing:.01em}.receipt-meta{font-size:var(--step--1);opacity:.82}.receipt-lines{margin:0;padding:var(--space-s) var(--space-m);display:grid;gap:.45rem}.receipt-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-s)}.receipt-line dt{color:var(--brand-ink-soft);font-size:var(--step--1);margin:0}.receipt-line dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.receipt-line.dim dt,.receipt-line.dim dd{color:var(--brand-ink-faint)}.receipt-total{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-m);border-top:2px dashed var(--brand-border-strong);margin-top:.2rem;padding:var(--space-s) var(--space-m);background:var(--kan-1-soft)}.calc-big{font-family:var(--font-heading);font-weight:800;font-size:var(--step-4);color:var(--brand-primary-strong);display:block;line-height:.95;font-variant-numeric:tabular-nums}.calc-big .per{font-size:.4em;color:var(--brand-ink-faint)}.receipt-total-mo{text-align:right}.receipt-total-mo .num{font-family:var(--font-heading);font-weight:700;font-size:var(--step-1);color:var(--brand-ink);display:block;line-height:1}.receipt-total-mo .per{font-size:.55em;color:var(--brand-ink-faint)}.receipt-floornote{padding:0 var(--space-m) var(--space-s);font-size:var(--step--1);color:var(--brand-ink-soft);margin:0}.receipt-bar{padding:0 var(--space-m) var(--space-m);display:grid;gap:.35rem}.receipt-bar-label{font-size:.72rem;color:var(--brand-ink-faint)}.receipt-bar-track{display:block;height:.55rem;border-radius:var(--radius-pill);background:var(--brand-surface-sunk);border:1px solid var(--brand-border);overflow:hidden}.receipt-bar-fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--kan-1),var(--brand-cta-strong));transition:width .4s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.receipt-bar-fill{transition:none}}@media(max-width:40rem){.selector-form{grid-template-columns:1fr}.calc-headline{gap:var(--space-m)}}
