.guide{--guide-yellow:#ffd65a;--guide-yellow-dark:#e6b800;--guide-ink:#1a1d20;--guide-text:#3d444b;--guide-muted:#6b7278;--guide-line:#e4e7ea;--guide-line-strong:#c9ced3;--guide-surface:#fff;--guide-sunken:#f5f6f7;--guide-question:clamp(28px, 4.4vw, 46px);--guide-lead:clamp(17px, 1.7vw, 21px);--guide-option:clamp(19px, 1.9vw, 24px);--guide-body:17px;--guide-small:15px;--guide-gap:20px;max-width:1180px;margin:0 auto;padding:40px 20px 72px;scroll-margin-top:90px;color:var(--guide-ink);font-family:"HK Grotesk","Segoe UI",system-ui,-apple-system,sans-serif}.guide__progress{display:flex;align-items:center;gap:16px;margin-bottom:28px}.guide__progress-track{flex:1 1 auto;height:6px;background:var(--guide-line);overflow:hidden}.guide__progress-fill{display:block;height:100%;background:var(--guide-yellow);transition:width .3s ease}.guide__progress-label{flex:0 0 auto;font-size:var(--guide-small);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--guide-muted);white-space:nowrap}.guide__question{margin:0 0 12px;font-size:var(--guide-question);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--guide-ink)}.guide__optional{display:inline-block;justify-self:start;margin-bottom:10px;padding:3px 10px;border:1px solid var(--guide-line);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--guide-muted)}.guide__lead,.guide__running{font-size:var(--guide-lead);color:var(--guide-muted)}.guide__lead{margin:0 0 32px;max-width:860px;line-height:1.55}.guide__running{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px}.guide__running:empty{display:none}.guide__running strong{font-size:var(--guide-option);font-weight:800;color:var(--guide-ink);font-variant-numeric:tabular-nums}.guide__running--low strong{color:#8a5a10}.guide__running--none strong{color:#8a2020}.guide__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--guide-gap);margin:0 0 32px;padding:0;list-style:none}.guide__options--wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.guide__options--tight{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.guide__option{display:flex;flex-direction:column;width:100%;padding:0;border:2px solid var(--guide-line);background:var(--guide-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.guide__option:hover:not(:disabled){border-color:var(--guide-ink);box-shadow:0 10px 28px rgba(0,0,0,.1);transform:translateY(-2px)}.guide__option:focus-visible{outline:3px solid var(--guide-yellow-dark);outline-offset:2px}.guide__option.is-chosen{border-color:var(--guide-ink)}.guide__option-media{position:relative;display:block}.guide__option-img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--guide-sunken);padding:12px}.guide__option-glyph::after,.guide__option-icon::after{content:"";position:absolute;background-color:var(--guide-ink);-webkit-mask-image:var(--guide-icon);mask-image:var(--guide-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.guide__option-icon{display:none}@supports (mask-image:url(#i)) or (-webkit-mask-image:url(#i)){.guide__option-icon{display:block}}.guide__option-icon{position:absolute;top:12px;left:12px;width:44px;height:44px;background:var(--guide-yellow)}.guide__option-icon::after{inset:9px}.guide__option-glyph{position:relative;display:block;width:100%;aspect-ratio:4/3;background:var(--guide-sunken)}.guide__option-glyph::after{inset:26%}.guide__option-media--icon{height:118px;background:var(--guide-sunken)}.guide__option-media--icon .guide__option-glyph{height:100%;aspect-ratio:auto}.guide__option-media--icon .guide__option-glyph::after{inset:27px}.guide__option-text{padding:18px 20px 20px}.guide__option-label{display:block;font-size:var(--guide-option);font-weight:700;line-height:1.2;color:var(--guide-ink)}.guide__option-desc{margin:8px 0 0;font-size:var(--guide-body);line-height:1.5;color:var(--guide-muted)}.guide__option-count{display:block;margin-top:12px;font-size:var(--guide-small);font-weight:700;font-variant-numeric:tabular-nums;color:var(--guide-text)}.guide__option-count--low{color:#8a5a10}.guide__swatch{display:block;width:100%;aspect-ratio:4/3;background:var(--guide-sunken)}.guide__swatch--cct-2700{background:radial-gradient(circle at 35% 30%,#ffe8b8 0,#ffb968 60%,#d97f3a 100%)}.guide__swatch--cct-3000{background:radial-gradient(circle at 35% 30%,#fff7d6 0,#ffd07a 60%,#ffb968 100%)}.guide__swatch--cct-4000{background:radial-gradient(circle at 35% 30%,#fff 0,#fdf6e6 55%,#e8e2cf 100%)}.guide__swatch--finish{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.guide__option-tick{display:none}.guide__option.is-chosen .guide__option-tick{display:inline-block;margin-top:14px;padding:5px 12px;background:var(--guide-yellow);font-size:var(--guide-small);font-weight:700;letter-spacing:.03em;color:var(--guide-ink)}.guide__option.is-chosen .guide__option-tick::before{content:"✓";margin-right:7px;font-weight:800}.guide__option:disabled{cursor:not-allowed}.guide__option--full{opacity:.6}.guide__flag{display:inline-block;margin-bottom:10px;padding:4px 10px;background:var(--guide-yellow);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--guide-ink)}.guide__caution{display:block;margin-top:12px;padding:10px 12px;background:#fff8e6;font-size:var(--guide-small);line-height:1.45;color:#6b5410}.guide__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px}.guide__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border:2px solid var(--guide-ink);background:var(--guide-surface);color:var(--guide-ink);font-family:inherit;font-size:var(--guide-body);font-weight:700;cursor:pointer;transition:background .15s,color .15s}.guide__btn:hover{background:var(--guide-ink);color:#fff}.guide__btn--primary{background:var(--guide-yellow);border-color:var(--guide-yellow)}.guide__btn--primary:hover{background:var(--guide-yellow-dark);border-color:var(--guide-yellow-dark);color:var(--guide-ink)}.guide__btn--quiet{border-color:transparent;padding-left:8px;padding-right:8px;color:var(--guide-muted);font-weight:600;text-decoration:underline}.guide__btn--quiet:hover{background:0 0;color:var(--guide-ink)}.guide__illustration{max-width:620px;margin:0 0 36px;padding:0}.guide__illustration img{display:block;width:100%;height:auto}.guide__illustration figcaption{margin-top:12px;font-size:var(--guide-body);line-height:1.5;color:var(--guide-muted)}@media (min-width:900px){.guide [data-screen=ranges][data-drawing]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:56px;align-items:start}.guide [data-screen=ranges][data-drawing] .guide__lead,.guide [data-screen=ranges][data-drawing] .guide__optional,.guide [data-screen=ranges][data-drawing] .guide__progress,.guide [data-screen=ranges][data-drawing] .guide__question,.guide [data-screen=ranges][data-drawing] .guide__running{grid-column:1/-1}.guide [data-screen=ranges][data-drawing] .guide__illustration{grid-column:1;max-width:none;margin-bottom:0}.guide [data-screen=ranges][data-drawing] .guide__measurements{grid-column:2}.guide [data-screen=ranges] .guide__actions{margin-top:4px}.guide [data-screen=ranges] .guide__lead{margin-bottom:16px}.guide [data-screen=ranges] .guide__question{margin-bottom:8px}.guide [data-screen=ranges] .guide__progress{margin-bottom:16px}.guide [data-screen=ranges] .guide__optional{margin-bottom:6px}.guide [data-screen=ranges] .guide__field{margin-bottom:16px}.guide [data-screen=ranges] .guide__running{margin-bottom:14px;font-size:var(--guide-body)}.guide [data-screen=ranges] .guide__running strong{font-size:var(--guide-lead)}}.guide__field{margin-bottom:20px}.guide__field-label{display:block;margin-bottom:4px;font-size:var(--guide-option);font-weight:700}.guide__field-hint{display:block;margin-bottom:12px;font-size:var(--guide-body);line-height:1.45;color:var(--guide-muted)}.guide__presets{display:flex;flex-wrap:wrap;gap:10px}.guide__preset,.guide__typed{font-family:inherit;font-size:var(--guide-small);cursor:pointer}.guide__preset{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:118px;padding:12px;border:2px solid var(--guide-line);background:var(--guide-surface);font-weight:700;color:var(--guide-ink);transition:border-color .15s,background .15s}.guide__typed{display:inline-block;margin-top:10px;padding:6px 0;border:0;background:0 0;font-weight:600;color:var(--guide-muted);text-decoration:underline;text-underline-offset:3px}.guide__preset.is-chosen .guide__preset-count,.guide__typed:hover{color:var(--guide-ink)}.guide__typed.is-chosen{color:var(--guide-ink);text-decoration:none;font-weight:700}.guide__preset-suffix{margin-top:-4px;font-size:13px;font-weight:600;line-height:1.2;color:var(--guide-text)}.guide__preset-count{font-size:13px;font-weight:600;line-height:1.1;color:var(--guide-muted)}.guide__presets--text .guide__preset{min-width:84px;padding:12px 10px}.guide__preset:hover:not(:disabled){border-color:var(--guide-ink)}.guide__preset:disabled{cursor:not-allowed}.guide__preset--full{opacity:.55}.guide__preset--full .guide__preset-count{display:none}.guide__preset--full .guide__caution{margin-top:2px;padding:0;max-width:76px;background:0 0;font-size:12px;line-height:1.25;text-align:center;color:var(--guide-muted)}.guide__preset.is-chosen{border-color:var(--guide-ink);background:var(--guide-yellow)}.guide__preset-media{display:flex;align-items:center;justify-content:center;height:48px;width:100%}.guide__preset-dia{display:block;width:calc(var(--guide-dia)*var(--guide-dia-scale, 1));height:calc(var(--guide-dia)*var(--guide-dia-scale, 1));border:2px dashed var(--guide-line-strong);border-radius:50%;background:var(--guide-sunken)}.guide__preset.is-chosen .guide__preset-dia{border-color:var(--guide-ink);background:var(--guide-surface)}.guide__preset-img{width:120px;height:78px;object-fit:contain;background:var(--guide-sunken)}.guide__preset-label{display:block}.guide__input{width:130px;margin-top:14px;padding:14px 16px;border:2px solid var(--guide-line-strong);font-family:inherit;font-size:var(--guide-body);font-variant-numeric:tabular-nums}.guide__notice{margin:0 0 28px;padding:18px 20px;background:var(--guide-sunken);border-left:5px solid var(--guide-yellow);font-size:var(--guide-body);line-height:1.55}.guide__notice--warn{background:#fdecec;border-left-color:#d64545}.guide__notice-text{margin:0 0 14px}.guide__notice .guide__btn{display:inline-block}.guide__result{padding:40px;background:var(--guide-sunken);text-align:center}.guide__result-count{display:block;font-size:clamp(52px,9vw,92px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.guide__result-label{display:block;margin-top:8px;font-size:var(--guide-lead);color:var(--guide-muted)}.guide__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0}.guide__pill{padding:8px 16px;background:var(--guide-surface);border:1px solid var(--guide-line-strong);font-size:var(--guide-small);font-weight:600}.guide__nojs{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.guide__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--guide-line)}.guide__bar-title{font-size:var(--guide-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-muted)}.guide__close{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 16px;border:1px solid var(--guide-line-strong);background:var(--guide-surface);color:var(--guide-text);font-family:inherit;font-size:var(--guide-small);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.guide__close:focus-visible,.guide__close:hover{background:var(--guide-ink);border-color:var(--guide-ink);color:#fff;text-decoration:none}.guide__close svg{width:14px;height:14px;flex:0 0 auto}.guide-panel{margin:0 auto 56px;max-width:1220px;padding:0 20px;scroll-margin-top:20px}.guide-panel .guide{padding:28px 28px 40px;border:1px solid var(--guide-line-strong);background:#fff}.guide-panel .guide__question{font-size:clamp(24px,3.2vw,36px)}.guide-invite[hidden],.guide-panel[hidden]{display:none}@media (max-width:640px){.guide{padding:24px 16px 56px}.guide-panel{padding:0 12px;margin-bottom:40px}.guide-panel .guide{padding:20px 16px 32px}.guide__options{gap:12px}.guide__options,.guide__options--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.guide__options--tight{grid-template-columns:repeat(3,minmax(0,1fr))}.guide__option-desc{display:none}.guide__option-text{padding:12px 12px 14px}.guide__option-label{font-size:16px}.guide__option-count{margin-top:6px;font-size:13px}.guide__option-img{aspect-ratio:16/9;padding:8px}.guide__option-glyph{aspect-ratio:16/9}.guide__option-glyph::after{inset:18%}.guide__option-media--icon{height:76px}.guide__option-media--icon .guide__option-glyph::after{inset:14px}.guide__option-icon{top:6px;left:6px;width:30px;height:30px}.guide__option-icon::after{inset:6px}.guide__actions{flex-direction:column;align-items:stretch}.guide__btn{justify-content:center}.guide__result{padding:28px 20px}.guide__preset{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;width:100%;padding:14px 18px;text-align:left}.guide__preset-media{flex:0 0 62px;width:62px;height:52px}.guide__preset-dia{--guide-dia-scale:0.64}.guide__preset-img{width:62px;height:52px}}