:root{--ink: #17203a;--ink-2: #3b4562;--muted: #5d6680;--paper: #eef1f6;--card: #ffffff;--line: #d5dbe6;--tag: #ffd43b;--tag-ink: #3d2f00;--super: #087a4f;--good: #3f9a3a;--small: #b07400;--same: #7c8499;--worse: #b42318;--unknown: #c3c9d6;--focus: #2457ff;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Figtree", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 var(--body)}button,input,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.loading{display:grid;place-items:center;min-height:100vh;font-family:var(--display);font-size:1.25rem}.top{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:22px 28px 18px;background:var(--ink);color:#fff}.brandline h1{margin:0;font:800 2rem/1.05 var(--display);letter-spacing:-.02em}.tag{display:inline-block;position:relative;margin-left:6px;padding:2px 14px 4px 22px;background:var(--tag);color:var(--tag-ink);font-weight:800;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);transform:rotate(-2deg)}.tag:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ink)}.sub{margin:8px 0 0;color:#c7cde0;max-width:62ch}.searchbar{flex:1 1 360px;max-width:560px}.searchbar input{width:100%;padding:12px 16px;border:0;border-radius:10px;font-size:1.05rem;background:#fff;color:var(--ink)}.layout{display:grid;grid-template-columns:250px 1fr;gap:24px;padding:20px 28px 60px;align-items:start}.filters{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding-right:4px}.filters section{margin-bottom:18px}.filters h2{margin:0 0 6px;font:700 .95rem var(--display)}.deptlist{list-style:none;margin:0;padding:0}.deptlist button{display:flex;justify-content:space-between;width:100%;padding:5px 8px;border:0;border-radius:6px;background:none;text-align:left;cursor:pointer}.deptlist button span{color:var(--muted);font-variant-numeric:tabular-nums}.deptlist button:hover{background:#e1e6ef}.deptlist button.on{background:var(--ink);color:#fff}.deptlist button.on span{color:#c7cde0}.filters select,.range input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.range{display:flex;gap:8px}.check{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;cursor:pointer}.check input{margin-top:3px}.reset{padding:8px 12px;border:1px solid var(--ink);border-radius:8px;background:none;cursor:pointer}.catsearch{width:100%;margin-bottom:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.crumbs{display:flex;flex-wrap:wrap;gap:2px 0;list-style:none;margin:0 0 6px;padding:0;font-size:.85rem}.crumbs li+li:before{content:"›";margin:0 4px;color:var(--muted)}.crumbs button{padding:2px 4px;border:0;border-radius:4px;background:none;color:var(--focus);text-decoration:underline;cursor:pointer;text-align:left}.crumbs button.here{color:var(--ink);font-weight:700;text-decoration:none;cursor:default}.crumbs button span{color:var(--muted);font-weight:400}.catlist,.brandpick ul{list-style:none;margin:0 0 4px;padding:0}.catlist button,.brandpick label{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:6px;background:none;text-align:left;cursor:pointer}.catlist button:hover,.brandpick label:hover{background:#e1e6ef}.catlist button.on{background:var(--ink);color:#fff}.catlist button.on .cc{color:#c7cde0}.cn{flex:1;min-width:0;overflow-wrap:anywhere}.cn small{display:block;color:var(--muted);font-size:.75rem}.cc{flex:none;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.cc i{font-style:normal;margin-left:6px}.catempty{margin:4px 0;color:var(--muted);font-size:.85rem}.brandpick label.on{font-weight:700}.steps{display:flex;flex-wrap:wrap;gap:6px}.steps button{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:.88rem}.steps button.on{border-color:var(--ink);background:var(--ink);color:#fff}.active{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:12px}.achip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border:1px solid var(--ink);border-radius:999px;background:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achip span{font-size:.7rem;color:var(--muted)}.achip:hover{background:#e1e6ef}.spectrum{padding:16px 18px;background:var(--card);border-radius:14px;margin-bottom:14px}.spectrum-head{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-bottom:10px}.spectrum-head h2{margin:0;font:800 1.25rem var(--display)}.spectrum-head span{color:var(--muted)}.bar{display:flex;height:18px;border-radius:9px;overflow:hidden;gap:2px;background:var(--paper)}.bar span{flex-basis:0;transition:flex-grow .4s ease}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.chip b{font-variant-numeric:tabular-nums}.chip i,.verdict i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}.chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.v-super{--c: var(--super)}.v-good{--c: var(--good)}.v-small{--c: var(--small)}.v-same{--c: var(--same)}.v-worse{--c: var(--worse)}.v-unknown{--c: var(--unknown)}.bar span{background:var(--c)}.toolbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:12px}.count{font:700 1.05rem var(--display);margin-right:auto}.sort{display:flex;align-items:center;gap:8px;color:var(--muted)}.sort select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.seg button{padding:7px 12px;border:0;background:none;cursor:pointer}.seg button.on{background:var(--ink);color:#fff}.verify{padding:8px 14px;border:0;border-radius:8px;background:var(--tag);color:var(--tag-ink);font-weight:700;cursor:pointer}.verify:disabled{opacity:.55;cursor:default}.notice,.hint{margin:0 0 12px;padding:9px 12px;border-radius:8px;background:#fff6d6}.hint{background:none;padding:0;color:var(--muted)}.empty{padding:60px 0;text-align:center}.empty button{padding:8px 14px;border-radius:8px;border:1px solid var(--ink);background:none;cursor:pointer}.more{padding:30px;text-align:center;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}.card{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:14px;overflow:hidden;border-top:5px solid var(--c)}.thumb{position:relative;display:grid;place-items:center;aspect-ratio:1 / .8;background:#fff;border-bottom:1px solid #eef0f4}.thumb{overflow:hidden;text-decoration:none}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px}.noimg{padding:16px;color:var(--muted);font:700 1.05rem var(--display);text-align:center}.badge{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;padding:4px 10px 5px;border-radius:8px;background:var(--c);color:#fff;font:800 1.35rem/1 var(--display)}.badge small{font:400 .7rem var(--body);opacity:.9;margin-top:2px}.v-same .badge,.v-unknown .badge{color:var(--ink)}.fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--muted)}.fav.on{color:#c48a00;border-color:#c48a00}.fav.small{position:static;width:28px;height:28px;font-size:.95rem}.body{display:flex;flex-direction:column;gap:8px;padding:12px 14px;flex:1}.meta{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.85rem}.meta b{color:var(--ink-2);margin-right:6px}.card h3{margin:0;height:calc(3 * 1.35em);font:400 .95rem/1.35 var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.prices{display:flex;flex-direction:column;gap:6px}.bfprice{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:8px;background:var(--tag);color:var(--tag-ink)}.bfprice .lbl{font-size:.8rem;font-weight:700}.bfprice .amt{white-space:nowrap;font:800 1.3rem/1.1 var(--display);font-variant-numeric:tabular-nums}.bfprice small{font-size:.75rem;font-weight:500}.prices dl{margin:0;display:grid;gap:2px;font-size:.88rem}.prices dl div{white-space:nowrap;display:flex;justify-content:space-between;gap:8px}.prices dt{color:var(--muted)}.prices dd{margin:0;font-variant-numeric:tabular-nums}em{font-style:normal;color:var(--muted)}.verdict{display:flex;align-items:center;gap:7px;margin:0;font-weight:700;font-size:.9rem;color:var(--c)}.v-unknown .verdict,.verdict.v-unknown{color:var(--muted)}.save,.rating{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save{margin:-4px 0 0;font-size:.85rem;color:var(--ink-2)}.reorder{position:sticky;top:10px;z-index:5;display:block;margin:0 auto 12px;padding:8px 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;box-shadow:0 4px 14px #17203a40}.approx{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:#fff6d6;color:var(--tag-ink);font-size:.75rem;font-weight:600;cursor:help}.rating{margin:0;font-size:.85rem;color:#8a6400}.rating span{color:var(--muted)}.sizes ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:6px 0 0;padding:0}.sizes li{padding:1px 7px;border:1px solid var(--line);border-radius:5px;font-size:.8rem}.actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:.85rem}.linkish{padding:0;border:0;background:none;color:var(--focus);text-decoration:underline;cursor:pointer;font-size:.85rem}.linkish.quiet{color:var(--muted)}.nr{margin-left:auto;color:var(--muted);font-size:.78rem}.tablewrap{overflow-x:auto;background:var(--card);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:.9rem}th{position:sticky;top:0;background:#f6f7fa;text-align:left;font:700 .85rem var(--display);padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:6px 10px;border-bottom:1px solid #eef0f4;vertical-align:middle}tbody tr{box-shadow:inset 4px 0 0 var(--c)}.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.strong{font-weight:700}.timg{width:56px}.timg img{width:48px;height:48px;object-fit:contain;display:block}.tname{min-width:300px;max-width:520px}.tname a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}.tname a:hover{text-decoration:underline}.tname span{color:var(--muted);font-size:.8rem}.pill{display:inline-block;min-width:52px;padding:2px 8px;border-radius:999px;background:var(--c);color:#fff;font-weight:700;text-align:center}.pill.v-unknown,.pill.v-same{color:var(--ink);font-weight:400}.sheet-head,.sheet-foot,.sheet-only,.filterbtn,.backdrop{display:none}.totop{position:fixed;right:16px;bottom:20px;z-index:20;width:46px;height:46px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 14px #17203a4d}@media(max-width:860px){.layout{grid-template-columns:1fr;padding:12px;gap:0}.top{display:contents}.brandline{background:var(--ink);color:#fff;padding:14px 14px 4px}.brandline h1{font-size:1.3rem}.tag{font-size:1.05rem}.sub{font-size:.85rem;margin-top:6px}.searchbar{position:sticky;top:0;z-index:15;display:flex;gap:8px;max-width:none;padding:10px 12px;background:var(--ink)}.searchbar input{flex:1;min-width:0;padding:10px 12px;font-size:16px}.filterbtn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:10px;background:var(--tag);color:var(--tag-ink);font-weight:700;cursor:pointer}.filterbtn b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ink);color:#fff;font-size:.75rem}.backdrop{display:block;position:fixed;inset:0;z-index:40;background:#17203a73}.filters{position:fixed;inset:auto 0 0;z-index:50;max-height:88vh;max-height:88dvh;padding:0 16px;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-radius:18px 18px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.filters.open{transform:none;visibility:visible;transition:transform .25s ease}.sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -16px 12px;padding:14px 16px 10px;background:var(--paper);border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font:800 1.2rem var(--display)}.sheet-head button{width:36px;height:36px;border:0;border-radius:50%;background:#e1e6ef;font-size:1rem;cursor:pointer}.sheet-only{display:block}.sheet-only select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.sheet-foot{position:sticky;bottom:0;display:flex;gap:10px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.sheet-foot button{padding:12px 14px;border-radius:10px;font-weight:700;cursor:pointer}.sheet-foot .ghost{border:1px solid var(--ink);background:none}.sheet-foot .ghost:disabled{opacity:.4;cursor:default}.sheet-foot .primary{flex:1;border:0;background:var(--ink);color:#fff}.desk-only{display:none}.deptlist{display:flex;flex-wrap:wrap;gap:6px}.deptlist button{width:auto;gap:6px;padding:7px 10px;border:1px solid var(--line);background:#fff}.catlist button,.brandpick label{padding:9px 8px}.catsearch{font-size:16px;padding:10px}.steps button{padding:8px 12px}.active{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.active::-webkit-scrollbar{display:none}.achip{flex:none}.filters select,.range input{padding:10px;font-size:16px}.spectrum{padding:12px;margin-bottom:10px}.spectrum-head h2{font-size:1.05rem}.spectrum-head span{font-size:.8rem}.legend{flex-wrap:nowrap;overflow-x:auto;margin:10px -12px 0;padding:0 12px 2px;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.chip{flex:none;font-size:.85rem}.toolbar{gap:8px}.toolbar{flex-wrap:nowrap}.count{white-space:nowrap}.toolbar .seg,.toolbar .sort span{display:none}.toolbar .sort{min-width:0}.toolbar .sort select{max-width:100%;font-size:.85rem;padding:6px 8px}.hint{display:none}}@media(max-width:600px){.grid{grid-template-columns:1fr;gap:10px}.card{display:grid;grid-template-columns:112px 1fr;border-top:0;border-left:5px solid var(--c)}.thumb{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1px solid #eef0f4}.thumb img{padding:8px}.noimg{padding:8px;font-size:.8rem}.badge{left:6px;bottom:6px;padding:3px 7px;font-size:1.05rem}.badge small{display:none}.approx{top:6px;left:6px;right:6px;padding:2px 5px;font-size:.65rem;text-align:center}.fav{top:8px;right:8px;width:32px;height:32px}.body{gap:5px;padding:10px 12px 10px 10px}.meta{padding-right:34px;font-size:.8rem}.card h3{height:auto;font-size:.88rem;-webkit-line-clamp:2}.bfprice{padding:4px 8px}.bfprice .lbl{font-size:.72rem}.bfprice .amt{font-size:1.15rem}.prices dl{font-size:.8rem}.verdict{font-size:.82rem}.save,.rating{font-size:.78rem}.save{margin-top:-3px}.blank,.prices dl div.blank,.actions:not(:has(button,a)){display:none}.actions{font-size:.8rem}.nr{display:none}}@media(prefers-reduced-motion:reduce){.bar span,.filters,.filters.open{transition:none}}.layout>main{min-width:0}