@layer tokens,base,layout,components,utilities;@font-face{font-family:barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2)format('woff2')}@font-face{font-family:barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2)format('woff2')}@font-face{font-family:barlow condensed;font-weight:500;font-display:swap;src:url(/fonts/barlowcondensed-500.woff2)format('woff2')}@font-face{font-family:barlow condensed;font-weight:600;font-display:swap;src:url(/fonts/barlowcondensed-600.woff2)format('woff2')}@font-face{font-family:barlow condensed;font-weight:700;font-display:swap;src:url(/fonts/barlowcondensed-700.woff2)format('woff2')}@font-face{font-family:sometype mono;font-weight:400;font-display:swap;src:url(/fonts/sometypemono-400.woff2)format('woff2')}@font-face{font-family:sometype mono;font-weight:700;font-display:swap;src:url(/fonts/sometypemono-700.woff2)format('woff2')}@layer tokens{:root{color-scheme:light;--paper:light-dark(#fcfcfa, #131517);--surface:light-dark(#ffffff, #1b1e21);--ink:light-dark(#191c1e, #e9e9e6);--muted:light-dark(#636a6e, #979da1);--accent:light-dark(#2547c9, #8aa4ff);--accent-deep:light-dark(#1c38a8, #a4b8ff);--sale:light-dark(#c73e2e, #ff7a68);--line:light-dark(#e5e5e1, #2b2f33);--row-alt:light-dark(#f6f6f3, #17191c);--row-hover:light-dark(#eef1fa, #1d2331);--sortwash:light-dark(#f0f3fb, #1b2130);--panel:light-dark(#f1f1ed, #1b1e21);--heart:#e2483d;--photo-plate:#f4f3ef;--r1:light-dark(#009962, #06915f);--r2:light-dark(#c28f00, #b58610);--r3:light-dark(#7255ac, #8369bb);--r4:light-dark(#965d20, #a16424);--r5:light-dark(#00939f, #00909d);--r6:light-dark(#c15488, #c45e8d);--r7:light-dark(#41811f, #48832c);--r8:light-dark(#9458cb, #9765c6);--r9:light-dark(#cb7078, #c16770);--fs-xs:0.75rem;--fs-sm:0.85rem;--fs-md:0.92rem;--fs-base:1rem;--fs-lg:clamp(1.15rem, 1.08rem + 0.3vw, 1.3rem);--fs-xl:clamp(1.45rem, 1.3rem + 0.6vw, 1.7rem);--fs-2xl:clamp(1.8rem, 5vw, 2.6rem);--fs-3xl:clamp(2rem, 5.5vw, 3.1rem);--fs-4xl:clamp(2.4rem, 6.5vw, 5.2rem);--fs-glyph:0.8em;--font-body:'Barlow', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:'Barlow Condensed', sans-serif;--font-mono:'Sometype Mono', monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--track:0.07em;--track-wide:0.1em;--track-tight:-0.02em;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--radius-sm:0;--radius-md:0;--radius-pill:999px;--bw-1:1px;--bw-2:1.5px;--bw-3:2px;--focus-w:3px;--shadow-pop:0 12px 28px rgb(0 0 0 / 0.16);--shadow-lift:3px 3px 2px color-mix(in srgb, var(--ink) 25%, transparent);--photo-filter:none;--ease-out:cubic-bezier(0.22, 1, 0.36, 1);--ease-soft:cubic-bezier(0.33, 1, 0.68, 1);--t-press:140ms;--t-hover:240ms;--t-ui:240ms;--t-reveal:600ms}:root[data-theme=dark]{color-scheme:dark;--photo-filter:brightness(0.86)}}@layer base{:where(*){box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%}:where(body){margin:0;background:var(--paper);color:var(--ink);font:var(--fs-base)/1.55 var(--font-body)}:where(a){color:var(--accent);text-underline-offset:3px;text-decoration:none;transition:color var(--t-hover)ease}:where(a:hover){color:var(--ink)}:where(:focus-visible){outline:var(--focus-w)solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:where(h1){font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:0;line-height:1.05}}@layer layout{.wrap{max-width:1060px;margin:0 auto;padding:0 var(--sp-5)}.site-head{background:var(--paper)}.site-head .bar{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4)var(--sp-5);flex-wrap:wrap}.site-foot{margin-top:var(--sp-8);background:0 0}.site-foot .inner{padding:var(--sp-7)0 var(--sp-8);color:var(--muted);font-size:var(--fs-md)}.site-foot nav{display:flex;gap:var(--sp-5);flex-wrap:wrap;margin-bottom:var(--sp-3)}.section{margin-top:var(--sp-7)}main>:where(*){animation:rise-in var(--t-reveal)var(--ease-out)both}main>:where(:nth-child(2)){animation-delay:60ms}main>:where(:nth-child(3)){animation-delay:120ms}main>:where(:nth-child(4)){animation-delay:180ms}main>:where(:nth-child(n+5)){animation-delay:240ms}main>:where(table.rowlist,.home-hero,.home-block){animation:none}.js table.rowlist:not(.ready) tbody tr{opacity:0}table.rowlist.ready tbody tr{animation:rise-in var(--t-reveal)var(--ease-out)both;animation-delay:calc(240ms + min(var(--i,0),12) * 40ms)}table.rowlist.settled tbody tr{animation:none}.catsection{margin-top:var(--sp-7)}.pdp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-7);padding:var(--sp-4)0 var(--sp-2);flex-wrap:wrap}.pdp-head-text{flex:1 1 320px;min-width:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2)var(--sp-4);font:var(--fw-semibold)var(--fs-md)/1.2 var(--font-body);color:var(--muted);text-decoration:none;white-space:nowrap;background:var(--paper);border:var(--bw-2)solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--t-hover)ease,color var(--t-hover)ease,background-color var(--t-hover)ease,translate var(--t-hover)var(--ease-out),box-shadow var(--t-hover)ease,scale var(--t-press)var(--ease-out)}.btn:hover{translate:-1px -1px;box-shadow:var(--shadow-lift)}.btn:active{scale:.96;translate:none;box-shadow:none}.btn:hover{border-color:var(--accent);color:var(--ink)}.btn[aria-pressed=true],.btn.on{border-color:var(--accent);color:var(--accent)}.btn input{accent-color:var(--accent);margin:0}.btn-primary{color:var(--paper);background:var(--accent);border-color:var(--accent)}.btn-primary:hover{color:var(--paper);background:var(--accent-deep);border-color:var(--accent-deep)}.btn-quiet{color:var(--accent);background:var(--panel);border-color:transparent;font-weight:var(--fw-regular)}.btn-quiet:hover{background:var(--row-hover);border-color:transparent;color:var(--accent)}.btn-sm{position:relative;min-height:0;padding:var(--sp-1)var(--sp-3);font-size:var(--fs-sm)}.btn-sm::after{content:"";position:absolute;inset:50% 0 auto;height:44px;translate:0 -50%}.btn-tile{flex-direction:column;align-items:flex-start;gap:0;max-width:240px;padding:var(--sp-3)var(--sp-4);font:var(--fs-base)/1.4 var(--font-body);color:var(--ink);text-align:left;white-space:normal}.btn-tile[aria-pressed=true]{color:var(--ink);background:var(--sortwash);box-shadow:inset 0 0 0 var(--bw-2)var(--accent)}.btn-tile .term{font-weight:var(--fw-semibold)}.btn-tile .gloss{font-size:var(--fs-sm);color:var(--muted);line-height:1.35}.btn-group{display:inline-flex}.btn-group>.btn{border-radius:0}.btn-group>.btn+.btn{margin-left:calc(-1 * var(--bw-3))}.btn-group>.btn:first-child{border-radius:var(--radius-md)0 0 var(--radius-md)}.btn-group>.btn:last-child{border-radius:0 var(--radius-md)var(--radius-md)0}.btn-group>.btn:hover{position:relative}.btn-group>.btn[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.navlink{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2)var(--sp-3);border-radius:var(--radius-sm);list-style:none;cursor:pointer;font:var(--fw-semibold)var(--fs-sm)/1.2 var(--font-body);color:var(--muted);transition:color var(--t-hover)ease,background-color var(--t-hover)ease}.navlink::-webkit-details-marker{display:none}.navlink:hover,[open]>.navlink{color:var(--ink);background:var(--row-hover)}.control{display:block;min-height:44px;min-width:108px;padding:var(--sp-3);font:var(--fs-base)/1.5 var(--font-body);color:var(--ink);list-style:none;background:var(--surface);border:var(--bw-1)solid var(--line);border-radius:var(--radius-md);transition:border-color var(--t-hover)ease,background-color var(--t-hover)ease}.control::-webkit-details-marker{display:none}.control:focus{border-color:var(--accent)}.control option:disabled{color:var(--muted)}.display,.wordmark{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:0;line-height:1.05}h1.display{font-size:var(--fs-2xl)}.page-title{margin:var(--sp-7)0 var(--sp-2)}.section>h2,.guide h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg)}.sidewall{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--track-wide);text-transform:uppercase;font-size:var(--fs-xs);color:var(--muted)}table.rowlist thead th,table.data th,.filterbar .fgroup,.guide .axis h3{font:var(--fw-semibold)var(--fs-sm)/1.2 var(--font-body);color:var(--muted)}.mono,.price{font-family:var(--font-mono)}.mono,.price,.stats{font-variant-numeric:tabular-nums}table.rowlist .model a{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);color:var(--ink)}table.rowlist .model .b{margin-right:var(--sp-3)}.wordmark{text-decoration:none;color:var(--ink)}.wordmark em{font-style:normal;transition:color .18s ease}.wordmark em:nth-child(2){transition-delay:.07s}.wordmark em:nth-child(1){color:var(--ink);text-transform:uppercase}.wordmark em:nth-child(2){color:var(--accent)}a.wordmark:hover,.site-foot .wordmark:hover{color:var(--accent)}a.wordmark:hover em,.site-foot .wordmark:hover em{color:var(--accent)}.tread{height:var(--bw-3);background:var(--ink)}.site-head .tread{transform-origin:left;animation:draw var(--t-reveal)var(--ease-soft)}.tread--thin{height:var(--bw-1);background:var(--line)}.site-head .wordmark{font-size:var(--fs-lg)}.site-foot nav a,.crumbs a{color:var(--accent)}.crumbs a:hover{color:var(--ink)}.catnav>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-1)}.catnav-item{position:relative}.catnav-panel{position:absolute;z-index:20;top:100%;left:0;min-width:180px;list-style:none;margin:var(--sp-1)0 0;padding:var(--sp-2);background:var(--surface);border:var(--bw-1)solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:rise var(--t-ui)var(--ease-out)}.catnav-panel li a{display:block;padding:var(--sp-3)var(--sp-4);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-md);transition:color var(--t-hover)ease,background-color var(--t-hover)ease}.catnav-panel li a:hover{background:var(--row-hover);color:var(--accent)}.navlink[aria-current]{color:var(--accent)}.navlabel{position:relative}.navlink[aria-current] .navlabel::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:var(--bw-3);background:var(--accent);transform-origin:left;animation:draw var(--t-reveal)var(--ease-soft)}.catnav-panel li a[aria-current]{color:var(--accent);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-thickness:var(--bw-3);text-underline-offset:6px}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-3);padding:var(--sp-5)0 0;color:var(--muted);font-size:var(--fs-md)}.crumbs .sep{color:var(--muted)}.crumbs [aria-current]{color:var(--ink)}.crumbs+.page-title{margin-top:var(--sp-4)}.menubtn{display:none;border:0;background:0 0;font:inherit}@media(max-width:1019px){.menubtn{display:inline-flex}.js .catnav:not(.open){display:none}.catnav{order:10;flex-basis:100%}.catnav>ul{flex-direction:column;gap:0}.catnav-item>details>.navlink,.catnav-item>a.navlink{width:100%;justify-content:space-between}.catnav-panel{position:static;min-width:0;margin:0 0 var(--sp-3);padding:0 0 0 var(--sp-4);background:0 0;border:0;box-shadow:none;animation:none}}.stats{margin:0;color:var(--muted)}.chip{display:inline-block;border:var(--bw-2)solid var(--muted);color:var(--muted);border-radius:var(--radius-pill);padding:var(--sp-1)var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--track)}.chip-cond{margin-left:var(--sp-3);vertical-align:2px}.badge-sale{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--sale);color:var(--paper);border-radius:var(--radius-sm);padding:var(--sp-1)var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--track)}table.rowlist{width:100%;border-collapse:collapse;margin:var(--sp-4)0 0}table.rowlist th,table.rowlist td{padding:var(--sp-3);text-align:left}table.rowlist td{border-top:var(--bw-1)solid var(--line)}table.rowlist thead th{position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:var(--bw-2)solid var(--ink);cursor:pointer;user-select:none;white-space:nowrap}table.rowlist thead th .arrow{color:var(--accent);font-size:var(--fs-glyph)}:where(table.rowlist[data-sorted="1"]) td:nth-child(1),:where(table.rowlist[data-sorted="2"]) td:nth-child(2),:where(table.rowlist[data-sorted="3"]) td:nth-child(3),:where(table.rowlist[data-sorted="4"]) td:nth-child(4),:where(table.rowlist[data-sorted="5"]) td:nth-child(5),:where(table.rowlist[data-sorted="6"]) td:nth-child(6){background:var(--sortwash)}table.rowlist tbody tr{cursor:pointer}table.rowlist tbody tr.alt td{background:var(--row-alt)}table.rowlist tbody tr td{transition:background-color var(--t-hover)ease}table.rowlist tbody tr:hover td{background:var(--row-hover)}table.rowlist .model{line-height:1.3;padding-top:var(--sp-3);padding-bottom:var(--sp-3)}table.rowlist .model a:hover{color:var(--accent)}table.rowlist td.sizes{color:var(--muted);font-size:var(--fs-md)}table.rowlist th.num,table.rowlist td.num{text-align:right}table.rowlist td.price{font-weight:var(--fw-bold);font-size:var(--fs-base);white-space:nowrap}table.rowlist td.price .from{font:var(--fs-sm)/1 var(--font-body);color:var(--muted);margin-right:var(--sp-2)}table.rowlist td.none{color:var(--muted);font-size:var(--fs-md)}table.rowlist td.lastseen{color:var(--muted);font-size:var(--fs-sm);font-style:italic}@media(max-width:720px){table.rowlist .col-riding{display:none}}@media(max-width:620px){table.rowlist .col-tires{display:none}}@media(max-width:520px){table.rowlist .col-sizes{display:none}}.viewtoggle{margin-top:var(--sp-5)}.filterbar{position:relative;z-index:10;display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:end;background:var(--panel);border-radius:var(--radius-md);padding:var(--sp-4);margin-top:var(--sp-5);view-transition-name:filters}.filterbar .fgroup{display:block}.filterbar .fgroup>details,.filterbar .fgroup>input{display:block;margin-top:var(--sp-1)}.facet{position:relative}.facet summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);cursor:pointer}.facet summary .icon-caret{color:var(--muted)}.facet[open] summary,.facet.has summary{border-color:var(--accent)}.facet.has summary .sum{color:var(--accent);font-weight:var(--fw-semibold)}.facet .facet-list{position:absolute;z-index:6;top:calc(100% + var(--sp-2));left:0;background:var(--surface);border:var(--bw-1)solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);max-height:280px;overflow:auto;min-width:240px;box-shadow:var(--shadow-pop)}.facet[open] .facet-list{animation:rise var(--t-ui)var(--ease-out)}.facet summary .sum{color:var(--muted)}.facet .facet-list label{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);white-space:nowrap;cursor:pointer;font:var(--fs-base)var(--font-body)}.facet .facet-list label.off{color:var(--muted)}.facet .facet-list input{accent-color:var(--accent)}.filterbar .count{margin-left:auto;color:var(--muted);font-size:var(--fs-md);align-self:center}.filterbar noscript{color:var(--muted);font-size:var(--fs-sm);align-self:center}.pdp-head h1{margin:0 0 var(--sp-2)}.subline{font-size:var(--fs-md);color:var(--ink)}.subline .dot{color:var(--accent)}.pdp-head .blurb{max-width:62ch;margin:var(--sp-3)0 0}.pdp-head .blurb .src{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}.pdp-head .pairs{margin:var(--sp-2)0 0;color:var(--muted)}.comesin{margin:var(--sp-2)0 0;font-size:var(--fs-sm);color:var(--muted);font-family:var(--font-body)}.list-empty{margin-top:var(--sp-5)}.shot{flex-shrink:0;width:292px;aspect-ratio:4/3;margin:var(--sp-2)0 0;background:var(--photo-plate);border-radius:var(--radius-md);overflow:hidden}.shot img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:var(--photo-filter);animation:settle var(--t-reveal)var(--ease-soft)}.shot-empty{background:0 0}@media(max-width:720px){.shot{width:100%;margin:var(--sp-4)0 var(--sp-2)}.shot-empty{display:none}}.buyrow{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-3);margin:var(--sp-5)0 var(--sp-2)}.bestbox{display:inline-flex;align-items:baseline;gap:var(--sp-3);border:var(--bw-3)solid var(--ink);border-radius:var(--radius-md);padding:var(--sp-3)var(--sp-5)}.bestbox .price{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--ink)}.bestbox .at{color:var(--muted)}.buyrow>.watch{padding-inline:var(--sp-5)}.section>h2{margin:0 0 var(--sp-4)}table.data{width:100%;border-collapse:collapse}table.data thead th{border-bottom:var(--bw-2)solid var(--ink)}table.data th,table.data td{text-align:left;padding:var(--sp-3)var(--sp-4);border-bottom:var(--bw-1)solid var(--line)}table.data thead th[data-k]{cursor:pointer;user-select:none;white-space:nowrap}table.data thead th[data-k] .arrow{color:var(--accent);font-size:var(--fs-glyph)}table.data tr:last-child td{border-bottom:0}table.data tbody tr.alt td{background:var(--row-alt)}table.data td.num,table.data th.num{text-align:right}table.data tr.link{cursor:pointer}table.data tr.link td{transition:background-color var(--t-hover)ease}table.data tr.link:hover td{background:var(--row-hover)}.speclist{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 var(--sp-5);padding:0;margin:0;list-style:none}.speclist div{border-top:var(--bw-1)solid var(--line);padding:var(--sp-3)0}.speclist dt{font-size:var(--fs-sm);color:var(--muted)}.speclist dd{margin:var(--sp-1)0 0;font-weight:var(--fw-semibold)}.home-hero{padding:var(--sp-8)0 var(--sp-6)}.home-hero>*{animation:rise-in var(--t-reveal)var(--ease-out)both}.home-hero>:nth-child(2){animation-delay:60ms}.home-hero>:nth-child(3){animation-delay:120ms}.home-block>h2{animation:rise-in var(--t-reveal)var(--ease-out)both;animation-delay:180ms}.wear-list li{animation:rise-in var(--t-reveal)var(--ease-out)both;animation-delay:calc(180ms + var(--i,0) * 50ms)}.home-hero h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:.95;letter-spacing:var(--track-tight);margin:0;max-width:22ch}.home-stats{margin:var(--sp-4)0 0;font-size:var(--fs-lg)}.home-block{margin-top:var(--sp-8)}.home-h2{font:var(--fw-bold)var(--fs-2xl)/1 var(--font-display);margin:0 0 var(--sp-5)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qs{position:relative;z-index:30;margin-top:var(--sp-6)}.qs-bar{display:flex;gap:var(--sp-3);position:relative}.qs input[type=search]{flex:1;min-width:0;min-height:56px;padding:0 var(--sp-5);font:var(--fw-regular)var(--fs-xl)/1 var(--font-body);color:var(--ink);background:var(--surface);border:var(--bw-2)solid var(--ink);border-radius:0;transition:border-color var(--t-hover)ease}.qs .btn-primary{min-height:56px;padding:0 var(--sp-6);border-radius:0;font-size:var(--fs-lg)}.qs-try{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-md);align-items:center}.qs-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--sp-2);background:var(--surface);padding:var(--sp-5);box-shadow:var(--shadow-pop)}.sr-models{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.sr-models th{text-align:left;font-weight:var(--fw-semibold);color:var(--muted);padding:var(--sp-2)var(--sp-3)}.sr-models td{padding:var(--sp-3)}.sr-models tbody tr:nth-child(odd){background:var(--row-alt)}.sr-models .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sr-models .b{color:var(--muted)}.sr-sec,.sr-out{color:var(--muted);white-space:nowrap}.sr-none{margin:var(--sp-3)0 0;color:var(--muted);font-size:var(--fs-md)}.sr-tail{list-style:none;margin:var(--sp-3)0 0;padding:0;font-size:var(--fs-md)}.sr-tail a{display:block;padding:var(--sp-3);text-decoration:none;font-weight:var(--fw-semibold)}.sr-models tbody tr,.sr-tail li{cursor:pointer;transition:background-color var(--t-hover)ease}.sr-models tbody tr:hover,.sr-tail li:hover{background:var(--row-hover)}.sr-models tbody tr.on,.sr-tail li.on{background:var(--sortwash);outline:var(--focus-w)solid var(--accent);outline-offset:calc(-1 * var(--focus-w))}.sr-models tbody tr.on a:focus-visible,.sr-tail li.on a:focus-visible{outline:none}.qs-head{margin:0 0 0 auto;flex:1 1 160px;max-width:320px}.qs-head input[type=search]{width:100%;min-height:44px;padding:0 var(--sp-4);font:var(--fw-regular)var(--fs-md)/1 var(--font-body);border-width:var(--bw-1);border-color:var(--line)}.qs-head input[type=search]:focus{border-color:var(--ink)}.qs-head .qs-results{left:auto;width:640px;max-width:calc(100vw - 2 * var(--sp-5))}.wear-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)var(--sp-7)}.wear-list li{display:grid;grid-template-columns:11rem 1fr;gap:var(--sp-4);align-items:baseline;padding:var(--sp-4)0}.wear-list .w-part{display:inline-flex;align-items:center;gap:var(--sp-3);font:var(--fw-semibold)var(--fs-xl)/1.1 var(--font-display);color:var(--ink);text-decoration:none}.wear-list .w-part{transition:translate var(--t-hover)var(--ease-out)}.wear-list .w-art{display:inline-block;width:35px;height:35px;flex:none;transition:filter var(--t-hover)ease}.wear-list .w-art svg{width:100%;height:100%;stroke-width:3}.wear-list .w-part:hover{translate:-3px -3px}.wear-list .w-part:hover .w-art{filter:drop-shadow(var(--shadow-lift))}.wear-list .w-vals{display:flex;flex-wrap:wrap;gap:var(--sp-2)var(--sp-4)}.wear-list .w-vals a{font-weight:var(--fw-semibold);text-decoration:none}.wear-list .w-vals small{color:var(--muted);font-weight:var(--fw-regular);margin-left:var(--sp-2);font-variant-numeric:tabular-nums}.cat-index{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)var(--sp-7)}.cat-index h3{font:var(--fw-semibold)var(--fs-lg)/1.1 var(--font-display);margin:0 0 var(--sp-3)}.cat-index ul{list-style:none;margin:0;padding:0}.cat-index ul+ul{margin-top:var(--sp-3)}.cat-index li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1)0;font-size:var(--fs-md)}.cat-index li a{text-decoration:none}.cat-index li span{color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:820px){.wear-list{grid-template-columns:1fr}.cat-index{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.qs-bar{flex-direction:column}.qs-head{flex-basis:100%;max-width:none;order:9}.wear-list li{grid-template-columns:1fr;gap:var(--sp-2)}.cat-index{gap:var(--sp-5)}.sr-sec{display:none}}.catlinks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-3)var(--sp-6)}.catlinks li{display:flex;align-items:baseline;gap:var(--sp-3)}.catlinks a{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);color:var(--ink)}.catlinks a:hover{color:var(--accent)}.catlinks-count{margin-left:var(--sp-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--ink)}.guide{background:var(--panel);border-radius:var(--radius-md);padding:var(--sp-5)var(--sp-5)var(--sp-3);margin-top:var(--sp-6)}.guide h2{margin:0 0 var(--sp-2)}.guide .intro{margin:0 0 var(--sp-4);color:var(--muted);max-width:46em}.guide .axis{margin-bottom:var(--sp-5)}.guide .axis h3{margin:0 0 var(--sp-3)}.guide .steps{display:flex;flex-wrap:wrap;gap:var(--sp-3)}#vcount{color:var(--muted);font-size:var(--fs-sm);text-transform:none;letter-spacing:0}.chartbox{padding:var(--sp-3)0;position:relative}.chartbox svg{width:100%;height:auto;display:block}.chart-legend{display:flex;gap:var(--sp-5);flex-wrap:wrap;margin:var(--sp-3)var(--sp-1)0;font-size:var(--fs-sm);color:var(--muted)}.chart-legend .key{display:inline-flex;align-items:center;gap:var(--sp-2)}.chart-legend .swatch{width:14px;height:3px;border-radius:var(--radius-sm);display:inline-block}details.histtable{margin-top:var(--sp-4)}details.histtable summary{cursor:pointer;color:var(--accent);font-weight:var(--fw-semibold);text-transform:none;letter-spacing:0;font-family:var(--font-body)}.notfound{padding:var(--sp-8)0;text-align:center}.notfound .display{font-size:var(--fs-3xl)}.about-note{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.about-note p{font-size:var(--fs-lg);color:var(--muted)}.prose{max-width:68ch;padding-bottom:var(--sp-7)}.prose h2{margin:var(--sp-6)0 var(--sp-2);font-size:var(--fs-lg)}.prose p,.prose ul{margin:0 0 var(--sp-4)}.prose ul{padding-left:var(--sp-6)}.prose li+li{margin-top:var(--sp-2)}.prose .muted{color:var(--muted)}.prose a{text-decoration:underline}.about-heart{color:var(--heart);font-style:normal}.pdp-head>.btn{align-self:center}.watchlink{margin-left:auto;color:var(--accent)}.account p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)var(--sp-4);margin:0 0 var(--sp-5)}.account p[hidden]{display:none}.account [data-alert-status]{color:var(--muted);font-size:var(--fs-sm)}#watchlist td.down{color:var(--accent);font-weight:var(--fw-semibold)}#watchlist td.down,#watchlist td.up{white-space:nowrap}.icon{width:1.15em;height:1.15em;flex:none}.icon-caret{width:1em;height:1em;transition:rotate 120ms ease}[open]>summary .icon-caret{rotate:180deg}.watch[aria-pressed=true] .icon path:first-child{fill:currentColor}.watch .lbl{display:inline-grid;text-align:left}.watch .lbl>span{grid-area:1/1}.watch .lbl>span:last-child,.watch[aria-pressed=true] .lbl>span:first-child{visibility:hidden}.watch[aria-pressed=true] .lbl>span:last-child{visibility:visible}.watch.pop .icon{animation:pop var(--t-ui)var(--ease-out)}.ds-schemes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-5)}.ds-scheme{background:var(--paper);color:var(--ink);border:var(--bw-3)solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5)}.ds-scheme.light{color-scheme:light}.ds-scheme.dark{color-scheme:dark}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-3)}.ds-swatch{font-size:var(--fs-xs)}.ds-swatch i{display:block;height:40px;border:var(--bw-1)solid var(--line);border-radius:var(--radius-sm);margin-bottom:var(--sp-1)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding:var(--sp-2)0;border-bottom:var(--bw-1)solid var(--line)}.ds-row code{flex:0 0 120px;font-size:var(--fs-xs);color:var(--muted)}.ds-bar{height:12px;background:var(--accent)}.ds-box{width:48px;height:32px;border:var(--bw-3)solid var(--ink)}}@layer utilities{@keyframes rise{from{opacity:0;translate:0 -4px}}@keyframes rise-in{from{opacity:0;translate:0 12px}}@keyframes draw{from{scale:0 1}}@keyframes settle{from{opacity:0;scale:1.02}}@keyframes pop{50%{scale:1.25}}::view-transition-group(*){animation-duration:var(--t-ui);animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none;animation:none}}}