:root{--ground: #ffffff;--raised: #faf9f7;--sunken: #f4f2ef;--ink: #111110;--muted: #6a6862;--faint: #9c9a94;--line: #e5e3df;--line-strong: #c9c6c0;--accent: #2f4f43;--accent-soft: #eef2f0;--warn-bg: #fdf8ec;--warn-line: #e8dcb8;--warn-ink: #6d5a1f;--sans: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--t-micro: 10.5px;--t-small: 12.5px;--t-body: 14px;--t-lead: 17px;--t-display: 30px;--gap: 24px;--radius: 2px;--shell: 1400px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.u-label{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.u-num{font-variant-numeric:tabular-nums}button{font-family:inherit;font-size:var(--t-body);color:inherit;cursor:pointer}.btn{border:1px solid var(--ink);background:var(--ground);color:var(--ink);padding:12px 22px;border-radius:var(--radius);font-size:var(--t-small);letter-spacing:.09em;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--sunken)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--ground)}.btn--primary:hover:not(:disabled){background:#2e2d2a}.btn--quiet{border-color:transparent;background:none;color:var(--muted);padding:12px 14px}.btn--quiet:hover:not(:disabled){color:var(--ink);background:var(--sunken)}.btn--link{border:0;background:none;padding:0;font-size:var(--t-small);color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}.btn--link:hover{color:var(--ink);text-decoration-color:var(--ink)}.masthead{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:var(--ground)}.masthead__inner{max-width:var(--shell);margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;gap:18px}.wordmark{font-size:19px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;text-indent:.3em}.masthead__actions{margin-left:auto;display:flex;align-items:center;gap:4px}.searchzone{border-bottom:1px solid var(--line);background:var(--raised)}.searchzone__inner{max-width:860px;margin:0 auto;padding:40px 28px 34px}.searchform{display:flex;gap:10px}.searchform input{flex:1;font-family:inherit;font-size:var(--t-lead);color:var(--ink);background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--radius);padding:15px 18px;min-width:0}.searchform input::placeholder{color:var(--faint)}.searchform input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #1111100f}.examples{display:flex;flex-wrap:wrap;gap:7px;align-items:baseline;margin-top:16px}.chip{border:1px solid var(--line-strong);background:var(--ground);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:var(--t-small);transition:border-color .15s,color .15s,background .15s}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.filterbar{border-bottom:1px solid var(--line);background:var(--ground)}.filterbar__inner{max-width:var(--shell);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filterbar__count{margin-left:auto;font-size:var(--t-small);color:var(--muted)}.shell{max-width:var(--shell);margin:0 auto;padding:0 28px 90px}.grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gap);row-gap:44px;padding-top:32px}.standing{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:26px;padding:13px 16px;border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0}.standing ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 20px}.standing li{font-size:var(--t-small);color:var(--accent);line-height:1.45}.card{display:flex;flex-direction:column;height:100%}.card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.card__shot{position:relative;aspect-ratio:3 / 4;background:var(--sunken);overflow:hidden;margin-bottom:13px}.card__shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.card__link:hover .card__shot img{transform:scale(1.035)}.card__shot--empty{display:grid;place-items:center;color:var(--faint);font-size:var(--t-small)}.card__brand{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}.card__name{font-size:var(--t-body);line-height:1.35;margin-bottom:6px}.card__link:hover .card__name{text-decoration:underline;text-underline-offset:2px}.card__foot{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.card__price{font-size:var(--t-body);font-variant-numeric:tabular-nums}.card__fiber{font-size:var(--t-small);color:var(--muted)}.card__attrs{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:9px;font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.card__similar{align-self:flex-start;margin-top:auto;padding-top:11px}.notes{display:flex;flex-direction:column;gap:6px;margin-top:10px}.note{font-size:var(--t-small);line-height:1.45;padding-left:10px;border-left:2px solid var(--line);color:var(--muted)}.note--fit{border-left-color:var(--accent);color:var(--accent)}.note--taste{border-left-color:var(--line-strong);color:var(--muted);font-style:italic}.tailmark{grid-column:1 / -1;display:flex;align-items:center;gap:14px;margin:8px 0 -8px;font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.tailmark:after{content:"";flex:1;height:1px;background:var(--line)}.pager{display:flex;align-items:center;justify-content:center;gap:6px;padding:56px 0 0;flex-wrap:wrap}.pager__btn{min-width:38px;height:38px;padding:0 11px;border:1px solid transparent;background:none;border-radius:var(--radius);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--muted);transition:border-color .15s,color .15s,background .15s}.pager__btn:hover:not(:disabled){color:var(--ink);background:var(--sunken)}.pager__btn[aria-current=page]{border-color:var(--ink);color:var(--ink);font-weight:600}.pager__btn:disabled{opacity:.3;cursor:not-allowed}.pager__gap{color:var(--faint);padding:0 3px}.pager__status{width:100%;text-align:center;font-size:var(--t-small);color:var(--faint);margin-top:14px}.gate{min-height:100vh;display:flex;flex-direction:column}.gate__head{border-bottom:1px solid var(--line);padding:22px 28px;display:flex;align-items:center;gap:18px}.gate__body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:56px 28px 40px}.gate__inner{width:100%;max-width:720px}.progress{display:flex;gap:5px;margin-left:auto}.progress__tick{width:26px;height:3px;background:var(--line);border-radius:2px;transition:background .25s}.progress__tick--done{background:var(--ink)}.step__kicker{font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.step__q{font-size:var(--t-display);line-height:1.18;letter-spacing:-.02em;margin:0 0 12px;font-weight:500;text-wrap:balance}.step__hint{color:var(--muted);font-size:var(--t-body);line-height:1.55;margin:0 0 30px;max-width:56ch}.step__foot{display:flex;align-items:center;gap:12px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.step__foot .spacer{margin-left:auto}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tile{border:1px solid var(--line-strong);background:var(--ground);border-radius:var(--radius);padding:0;overflow:hidden;text-align:left;transition:border-color .15s,box-shadow .15s}.tile:hover{border-color:var(--muted)}.tile[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.tile__art{aspect-ratio:4 / 5;background:var(--sunken);display:grid;place-items:center}.tile__art svg{width:100%;height:100%;display:block}.tile__label{padding:11px 12px 13px;font-size:var(--t-small);text-transform:capitalize}.tile[aria-pressed=true] .tile__label{font-weight:600}.tile__label small{display:block;color:var(--faint);font-size:var(--t-micro);margin-top:3px;text-transform:none;letter-spacing:0}.choices{display:flex;flex-wrap:wrap;gap:8px}.field{margin-bottom:28px}.field>label{display:block;font-size:var(--t-small);font-weight:600;margin-bottom:4px}.field .hint{font-size:var(--t-small);color:var(--faint);margin-bottom:11px;line-height:1.5}.rangewrap{padding-top:4px}.field input[type=range]{width:100%;accent-color:var(--ink)}.range-ends{display:flex;justify-content:space-between;font-size:var(--t-small);color:var(--faint);margin-top:4px}.range-ends b{color:var(--ink);font-weight:600}.numfield{padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius);font-family:inherit;font-size:var(--t-body);width:130px;background:var(--ground);color:var(--ink)}.numfield:focus{outline:none;border-color:var(--ink)}.pricerow{display:flex;align-items:center;gap:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--ground);padding:22px 24px}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);padding:40px 32px;text-align:center;color:var(--muted);margin-top:40px}.notice h3{margin:0 0 8px;font-size:var(--t-lead);color:var(--ink);font-weight:500}.notice p{margin:0 auto 6px;max-width:52ch;line-height:1.6}.notice__actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.banner{border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn-ink);padding:11px 16px;border-radius:var(--radius);font-size:var(--t-small);margin-top:16px}.skeleton .sk-img{aspect-ratio:3 / 4;background:linear-gradient(100deg,var(--sunken) 30%,#ebe8e3 50%,var(--sunken) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;margin-bottom:13px}.skeleton .sk-line{height:9px;border-radius:2px;background:var(--sunken);margin-bottom:7px}.skeleton .sk-line.short{width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:var(--t-small)}.profile__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.profile__k{color:var(--faint)}.bar{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.bar__track{width:64px;height:4px;background:var(--sunken);border-radius:2px;overflow:hidden}.bar__fill{height:100%;background:var(--accent)}.compare{margin-top:48px}.compare h3{margin:0 0 4px;font-size:var(--t-lead);font-weight:500}.compare .sub{color:var(--muted);font-size:var(--t-small);margin-bottom:18px}.compare__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px}.compare__opt{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ground);padding:0;text-align:left;transition:border-color .15s}.compare__opt:hover{border-color:var(--ink)}.compare__opt img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.compare__meta{padding:10px 11px 12px}.compare__meta .b{font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.compare__meta .n{font-size:var(--t-small);line-height:1.35;margin-top:3px}@media(max-width:1080px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.tiles{grid-template-columns:repeat(2,1fr)}.step__q{font-size:24px}.searchzone__inner{padding:28px 20px 24px}}@media(max-width:620px){.grid{grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:32px}.shell,.masthead__inner,.filterbar__inner{padding-left:16px;padding-right:16px}.searchform{flex-direction:column}.compare__pair{max-width:none}.gate__body{padding:32px 18px}}