.cfg{--ring:#6b4423;--plate:#e4d2b5;padding-bottom:1rem}.cfg [hidden]{display:none!important}.cfg-intro{padding:1.6rem 0 .4rem}.cfg-intro h1{font-size:clamp(2.4rem,5vw,3.4rem)}.cfg-intro .lede{max-width:40rem}.stepper{flex-wrap:wrap;gap:.45rem;margin:.4rem 0 1rem;padding:0;display:flex}.step-pill{border:2px solid var(--mute);background:var(--mute);min-height:2.75rem;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-weight:650;display:inline-flex;position:relative}.step-pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.step-pill:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.step-pill:has(input:checked){background:var(--primary-text);border-color:var(--primary-text);color:var(--bg)}.step-no{font-family:var(--display)}.cfg-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:start;gap:1.25rem;display:grid}.cfg-step{display:none}.cfg:has(#step-1:checked) #panel-1,.cfg:has(#step-2:checked) #panel-2,.cfg:has(#step-3:checked) #panel-3,.cfg:has(#step-4:checked) #panel-4,.cfg:has(#step-5:checked) #panel-5,.cfg:has(#step-6:checked) #panel-6{display:block}.cfg-step fieldset{border:0;min-inline-size:0;margin:0;padding:0}.cfg-step legend{font-family:var(--display);letter-spacing:-.03em;margin-bottom:.35rem;padding:0;scroll-margin-top:6rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600}.help{color:var(--ink-soft);margin-top:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.8rem 0 1rem;display:grid}.case-grid .choice-grid,.weather-choices .choice-grid{grid-template-columns:1fr}.choice{background:var(--card);border:2px solid var(--mute);border-radius:16px;flex-direction:column;gap:.25rem;min-height:2.75rem;padding:.9rem .95rem .85rem;display:flex;position:relative}.choice-main{cursor:pointer;flex-direction:column;gap:.2rem;display:flex}.choice input[type=radio],.choice input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.choice:has(input:focus-visible),.swatch:has(input:focus-visible),.chip:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.choice:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.choice-check{border:2px solid var(--mute);color:#0000;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:.65rem;right:.7rem}.choice:has(input:checked) .choice-check{border-color:var(--primary-text);background:var(--primary-text);color:var(--bg)}.choice-kicker,.choice-note{color:var(--primary-text);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:700}.choice-title{padding-right:1.6rem;font-weight:700}.choice-copy{color:var(--text)}.is-later{background:var(--mute);cursor:not-allowed}.is-later input{pointer-events:none}.later-badge,.ex-tag{background:var(--accent);color:var(--text);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;align-self:flex-start;align-items:center;padding:.12rem .4rem;font-size:.75rem;font-weight:700;display:inline-flex}.included{flex-wrap:wrap;gap:.45rem;margin:.3rem 0 .8rem;display:flex}.included span,.chip{border:2px solid var(--secondary);background:var(--card);min-height:2.75rem;color:var(--text);border-radius:999px;align-items:center;padding:.3rem .8rem;font-weight:650;display:inline-flex}.chip{cursor:pointer;border-color:var(--mute);background:var(--mute);position:relative}.chip input{opacity:0;margin:0;position:absolute;inset:0}.chip:has(input:checked){background:var(--primary-text);border-color:var(--primary-text);color:var(--bg)}.chip-extra{display:none}.cfg:has(#extra-leave-by:checked) .chip-leave-by,.cfg:has(#extra-trash:checked) .chip-trash,.cfg:has(#extra-rain:checked) .chip-rain,.cfg:has(#extra-severe:checked) .chip-severe,.cfg:has(#extra-air:checked) .chip-air,.cfg:has(#extra-hourly:checked) .chip-hourly,.cfg:has(#extra-sun:checked) .chip-sun,.cfg:has(#extra-snowplow:checked) .chip-snowplow,.cfg:has(#extra-snow:checked) .chip-snow{display:inline-flex}.swatches{flex-direction:column;gap:.35rem;margin-top:.55rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:10px;align-items:center;gap:.45rem;min-height:2.75rem;padding:.2rem .45rem;display:flex}.swatch:has(input:checked){border-color:var(--primary)}.swatch input{opacity:0;width:1px;height:1px;position:absolute}.swatch-dots{border:1px solid var(--text);border-radius:50%;flex:none;width:1.6rem;height:1.6rem;display:inline-flex;overflow:hidden}.swatch-dots i{width:50%;height:100%;display:block}.chip-row,.check-list{flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .9rem;display:flex}.check-list .choice{flex:12rem}.stack-fields{gap:.8rem;display:grid}.night-custom{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.8rem;display:none}.cfg:has(#night-custom:checked) .night-custom{display:grid}.cfg:has(#board-s:checked) .weather-choices,.cfg:has(#board-s:checked) .case-grid,.cfg:has(#board-m:checked) .weather-locked,.cfg:has(#board-m:checked) .case-soon{display:none}.weather-locked,.case-soon,.qr-callout{background:var(--card);border:2px solid var(--secondary);border-radius:16px;margin:.6rem 0 1rem;padding:.9rem 1rem}.wx-option img{border:2px solid var(--mute);border-radius:10px;width:100%;height:auto;margin-bottom:.45rem}.cfg-nav{flex-wrap:wrap;gap:.6rem;margin:.4rem 0 1rem;display:flex}.cfg-nav .btn{cursor:pointer}.preview-col{position:sticky;top:5rem}@media (width>=901px){.preview-card{max-height:min(28rem,100vh - 14rem);overflow:auto}}.see-toggle{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.see-label{display:none}.preview-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:.9rem}.preview-card h2{margin-bottom:.65rem;font-size:1.25rem}.device-dress{background:0 0;border:2px solid #0000;border-radius:28px;padding:0}.cfg[data-dress=w2] .device-dress,.cfg[data-dress=w1] .device-dress,.cfg[data-dress=w4] .device-dress{background:var(--plate);border-color:var(--ring);padding:.85rem}.cfg[data-dress=w1] .device-dress{padding-bottom:1.45rem}.device{position:relative}.port,.wedge{display:none}.cfg[data-dress=w2] .port{background:var(--ring);border-radius:0 4px 4px 0;width:.55rem;height:1.1rem;display:block;position:absolute;top:42%;right:-.35rem}.cfg[data-dress=w4] .wedge{background:var(--ring);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);width:46%;height:.85rem;margin:.35rem auto 0;display:block}.bezel{background:var(--board);border-radius:18px;padding:.45rem}.screen-slot{aspect-ratio:16/10;background:var(--bg);border-radius:12px;position:relative;overflow:hidden}.cfg:has(#board-s:checked) .screen-slot{aspect-ratio:4/3}.face{background:var(--bg);color:var(--text);padding:.7rem .75rem;display:none;position:absolute;inset:0}.face img{object-fit:contain;background:var(--bg);width:100%;height:100%}.cfg:has(#preview-weather:checked) #face-weather,.cfg:has(#preview-transit:checked) #face-transit,.cfg:has(#preview-clock:checked) #face-clock,.cfg:has(#preview-leave-by:checked):has(#extra-leave-by:checked) #face-leave-by,.cfg:has(#preview-trash:checked):has(#extra-trash:checked) #face-trash,.cfg:has(#preview-rain:checked):has(#extra-rain:checked) #face-rain,.cfg:has(#preview-severe:checked):has(#extra-severe:checked) #face-severe,.cfg:has(#preview-air:checked):has(#extra-air:checked) #face-air,.cfg:has(#preview-hourly:checked):has(#extra-hourly:checked) #face-hourly,.cfg:has(#preview-sun:checked):has(#extra-sun:checked) #face-sun,.cfg:has(#preview-snowplow:checked):has(#extra-snowplow:checked) #face-snowplow,.cfg:has(#preview-snow:checked):has(#extra-snow:checked) #face-snow{display:block}.wx{height:100%;display:none}.wx img{object-fit:contain;width:100%;height:100%}.cfg:has(#board-m:checked):has(#weather-a:checked) .wx-a,.cfg:has(#board-m:checked):has(#weather-b:checked) .wx-b,.cfg:has(#board-m:checked):has(#weather-c:checked) .wx-c{display:block}.face-copy,.cfg:has(#board-s:checked) .wx-s{flex-direction:column;justify-content:center;gap:.55rem;height:100%;display:flex}.cfg:has(#board-s:checked) .device{max-width:22rem;margin-inline:auto}.wx-s{padding:.7rem .75rem}.face:has(img){padding:0}.wx-now,.clock-time{font-family:var(--display);color:var(--primary-text);margin:.2rem 0;font-size:clamp(2.4rem,5vw,3.4rem);line-height:.95}.wx-days,.peek-list,.review-list,.build-summary{margin:.3rem 0 0;padding:0;list-style:none}.wx-days{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.wx-days li,.peek-list li{background:var(--mute);border-radius:8px;padding:.35rem .4rem;font-size:.85rem}.peek-list li{justify-content:space-between;gap:.5rem;display:flex}.face .ex-tag{margin-left:auto;position:static}.face-kicker{align-items:center;gap:.4rem;margin:0;font-weight:700;display:flex}.stack{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .35rem;display:flex}.case-cue,.preview-caption{color:var(--ink-soft);margin:.45rem 0;font-size:.98rem}.build-summary li,.review-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.45rem 0;display:flex}.review-list span{font-weight:400}.change{color:var(--primary-text);cursor:pointer;align-items:center;min-height:2.75rem;font-weight:700;display:inline-flex}.cfg-bar{z-index:15;background:color-mix(in srgb, var(--bg) 94%, transparent);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:.5rem;padding:.75rem 0 .9rem;display:flex;position:sticky;bottom:0}.cfg-actions{flex-wrap:wrap;gap:.55rem;display:flex}.cfg-bar a[aria-disabled=true]{background:var(--mute);color:var(--text);border-color:var(--mute);cursor:not-allowed}#build-gate{max-width:36rem;margin:0}#build-gate:focus{outline:none}#build-gate:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=900px){.cfg-layout,.choice-grid,.choice-grid-3,.night-custom{grid-template-columns:1fr}.preview-col{z-index:12;order:-1;position:sticky;top:4.25rem}.cfg-bar{gap:.45rem;padding:.45rem 0 .55rem}#build-gate{flex:100%;font-size:.95rem}.see-label{min-height:2.75rem;color:var(--primary-text);cursor:pointer;align-items:center;margin-bottom:.4rem;font-weight:700;display:inline-flex}.see-label .when-open,.cfg:has(#see-board:checked) .see-label .when-closed{display:none}.cfg:has(#see-board:checked) .see-label .when-open{display:inline}.preview-card{max-height:180px;overflow:hidden}.cfg:has(#see-board:checked) .preview-card{max-height:none}.cfg-actions{width:100%}.cfg-actions .btn{flex:12rem}}@media (prefers-reduced-motion:reduce){.cfg-layout,.preview-card{scroll-behavior:auto}}