.lf-shell{--yellow:#f0f78e;--ink:#11110e;--line:#deded5;--paper:#fafaf6}
.lf-shell *{box-sizing:border-box}
.lf-shell{margin:0;color:var(--ink);background:#fff;font:300 14px/1.5 DM,sans-serif}
.lf-shell button,.lf-shell input,.lf-shell a{-webkit-tap-highlight-color:transparent}
.lf-shell button,.lf-shell input{font:inherit}
.lf-shell button,.lf-shell a{touch-action:manipulation}
.lf-shell a{color:inherit}
.lf-shell button{cursor:pointer}
.lf-shell button:disabled{cursor:default}
.lf-shell button:focus-visible,.lf-shell a:focus-visible,.lf-shell input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.lf-shell h1,.lf-shell h2,.lf-shell h3,.lf-shell p{margin:0}
.lf-shell .brand{max-width:1120px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.lf-shell .brand a:first-child{font:400 30px 'Teodor Regular',serif;text-decoration:none}
.lf-shell .brand a:last-child{font-size:12px;text-decoration:none}
.lf-shell .finder{max-width:1120px;margin:auto;padding:0 28px 50px}
.lf-shell .intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:48px 0 34px}
.lf-shell .eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em}
.lf-shell .intro h1{font:400 clamp(40px,5.4vw,66px)/1.1 'Teodor Regular',serif;margin:12px 0 16px}
.lf-shell .intro>div>p:last-child{font-size:15px;line-height:1.6}
.lf-shell .intro img{width:86px;height:86px;margin-right:34px}
.lf-shell .controls{padding:28px 32px 26px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.lf-shell .controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}
.lf-shell .controls-heading h2{font:400 27px 'Teodor Regular',serif}
.lf-shell .reset{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:32px;padding:4px 0}
.lf-shell .sliders{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:28px}
.lf-shell .slider-heading{display:flex;align-items:center;gap:6px;min-height:28px}
.lf-shell .slider-heading label{font-weight:600}
.lf-shell .slider-heading output{margin-left:auto;font-size:12px;color:#68685e}
.lf-shell .slider.is-set output{color:var(--ink);font-weight:600}
.lf-shell .clear-slider{border:0;background:transparent;font-size:20px;line-height:1;padding:0;width:28px;height:28px}
.lf-shell .slider input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:40px;margin:0;cursor:pointer;background:transparent;--fill:0%}
.lf-shell .slider input::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:linear-gradient(to right,var(--yellow) var(--fill),#deded5 var(--fill))}
.lf-shell .slider input::-moz-range-track{height:7px;border-radius:8px;background:linear-gradient(to right,var(--yellow) var(--fill),#deded5 var(--fill))}
.lf-shell .slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-9.5px;border:1px solid #85857a;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000010}
.lf-shell .slider input::-moz-range-thumb{width:25px;height:25px;border:1px solid #85857a;border-radius:50%;background:#fff}
.lf-shell .slider.is-set input::-webkit-slider-thumb{background:var(--yellow);border-color:var(--ink)}
.lf-shell .slider.is-set input::-moz-range-thumb{background:var(--yellow);border-color:var(--ink)}
.lf-shell .slider-ends{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#55564e}
.lf-shell fieldset{padding:0;margin:0;border:0}
.lf-shell fieldset+fieldset{margin-top:22px}
.lf-shell legend{font-weight:600;margin-bottom:10px}
.lf-shell .choices{display:flex;flex-wrap:wrap;gap:8px}
.lf-shell .choices label{position:relative;cursor:pointer}
.lf-shell .choices input{position:absolute;opacity:0;width:1px;height:1px}
.lf-shell .choices span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid #cbccc0;border-radius:24px;background:#fff;transition:background .15s;font-size:13px}
.lf-shell .choices input:checked+span{background:var(--yellow);border-color:var(--ink);font-weight:500}
.lf-shell .choices input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.lf-shell .results{padding-top:38px;scroll-margin-top:20px}
.lf-shell .results-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:24px}
.lf-shell .results-heading h2{font:400 36px/1.2 'Teodor Regular',serif;margin-top:8px}
.lf-shell .results-heading>p{font-size:12px;color:#626258;max-width:250px}
.lf-shell .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.lf-shell .card{position:relative;border:1px solid var(--line);padding:22px;border-radius:16px;display:flex;flex-direction:column;background:white;min-width:0}
.lf-shell .card.is-first{border-color:#b2b84b;box-shadow:0 0 0 1px #b2b84b}
.lf-shell .card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#606055;min-height:22px}
.lf-shell .thermal-tag{border-radius:12px;background:#f1f1ea;padding:2px 9px}
.lf-shell .match-badge{align-self:flex-start;background:var(--yellow);border-radius:12px;padding:3px 9px;font-size:10px;font-weight:500;margin-top:0}
.lf-shell .card h3{font:400 38px/1.1 'Teodor Regular',serif;margin:16px 0 12px}
.lf-shell .feel{min-height:64px;font-size:13px}
.lf-shell .reason{font-size:12px;border-left:2px solid #c6cd63;padding-left:10px;margin-top:12px;color:#54564b}
.lf-shell .scores{margin:20px 0 24px;padding-top:16px;border-top:1px solid #e8e8df}
.lf-shell .score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.lf-shell .score-row+.score-row{margin-top:9px}
.lf-shell .score-row dt{white-space:nowrap}
.lf-shell .score-row dd{margin:0}
.lf-shell .selected-axis dt{font-weight:600}
.lf-shell .dots{display:flex;gap:4px}
.lf-shell .dots i{display:block;width:7px;height:7px;border:1px solid #97988b;border-radius:50%}
.lf-shell .dots i.filled{background:var(--ink);border-color:var(--ink)}
.lf-shell .card-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto}
.lf-shell .shop{display:block;text-decoration:none;text-align:center;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:30px;padding:11px 15px;font-size:13px;font-weight:500;min-height:43px}
.lf-shell .is-first .shop:not(:disabled){background:var(--yellow);color:var(--ink)}
.lf-shell .shop:disabled{opacity:.4}
.lf-shell .profile{text-align:center;font-size:12px;text-underline-offset:3px;padding:5px}
.lf-shell .availability{font-size:11px;text-align:center;color:#666}
.lf-shell .footnote{max-width:640px;font-size:12px;color:#6a6a60;margin:28px auto 0;text-align:center}
.lf-shell .empty{grid-column:1/-1;padding:24px;background:var(--paper);border-radius:16px}
.lf-shell .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lf-shell [hidden]{display:none!important}
@media(max-width:950px){.lf-shell .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.lf-shell .sliders{gap:32px}
}
@media(max-width:600px){.lf-shell .brand{padding:14px 20px}
.lf-shell .brand a:first-child{font-size:27px}
.lf-shell .brand a:last-child{font-size:11px}
.lf-shell .finder{padding:0 20px 35px}
.lf-shell .intro{padding:26px 0 24px;gap:12px;position:relative}
.lf-shell .intro h1{font-size:41px;margin:10px 0 12px;max-width:260px}
.lf-shell .intro>div>p:last-child{font-size:13px;max-width:270px}
.lf-shell .intro img{position:absolute;right:0;top:31px;width:46px;height:46px;margin:0}
.lf-shell .eyebrow{font-size:10px}
.lf-shell .controls{padding:20px 18px;border-radius:16px}
.lf-shell .controls-heading{margin-bottom:17px}
.lf-shell .controls-heading h2{font-size:24px}
.lf-shell .reset{font-size:11px}
.lf-shell .sliders{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
.lf-shell .slider-heading{font-size:14px}
.lf-shell .choices{gap:7px}
.lf-shell .choices span{padding:9px 13px;font-size:12px;min-height:42px}
.lf-shell fieldset+fieldset{margin-top:19px}
.lf-shell legend{font-size:13px}
.lf-shell .results{padding-top:27px}
.lf-shell .results-heading{display:block;margin-bottom:20px}
.lf-shell .results-heading h2{font-size:30px}
.lf-shell .results-heading>p{max-width:none;margin-top:8px}
.lf-shell .cards{grid-template-columns:1fr;gap:14px}
.lf-shell .card{padding:22px}
.lf-shell .card h3{font-size:36px}
.lf-shell .feel{min-height:0}
.lf-shell .score-row{justify-content:start;gap:15px}
.lf-shell .score-row dt{width:96px}
.lf-shell .footnote{text-align:left}
}
@media(max-width:359px){.lf-shell .finder{padding-inline:14px}
.lf-shell .brand{padding-inline:14px}
.lf-shell .intro h1{font-size:35px}
.lf-shell .intro img{width:38px;height:38px;top:34px}
.lf-shell .controls{padding-inline:15px}
.lf-shell .choices span{font-size:11px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.lf-shell *{transition:none!important;scroll-behavior:auto!important}
}
.lf-shell .mobile-results-link{display:none}
@media(max-width:600px){.lf-shell .intro h1{font-size:36px;max-width:none}
.lf-shell .intro>div>p:last-child{max-width:290px}
.lf-shell .intro img{top:20px;width:38px;height:38px}
.lf-shell .mobile-results-link{display:block;position:fixed;bottom:16px;left:24px;right:24px;z-index:10;padding:13px 18px;border:1px solid var(--ink);border-radius:30px;background:var(--yellow);color:var(--ink);text-align:center;text-decoration:none;font-size:14px;font-weight:500;box-shadow:0 4px 16px #00000015}
}

.lf-shell .profile{text-decoration:underline}.lf-shell .intro img{transform:none;animation:none}