:root{--bg:#0a0a0c;--card:#16161a;--card2:#1d1d22;--line:rgba(255,255,255,.09);--text:#f5f5f7;--sub:#98989d;--dim:#6e6e73;--blue:#0a84ff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;padding-bottom:70px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:50;background:#0a0a0cd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.hd{max-width:880px;margin:0 auto;padding:12px 16px 10px;display:flex;align-items:center;gap:10px}.hd .logo{font-size:20px}.hd h1{font-size:16px;font-weight:600;flex:1;min-width:0}.hd h1 small{display:block;font-size:11px;font-weight:400;color:var(--sub)}.hd .subs-btn{font-size:12px;color:var(--blue);border:1px solid rgba(10,132,255,.4);border-radius:999px;padding:5px 12px;position:relative}.hd .subs-btn .cnt{position:absolute;top:-6px;right:-6px;background:var(--blue);color:#fff;font-size:10px;border-radius:999px;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 4px}.stats{max-width:880px;margin:0 auto;padding:0 16px 10px;display:flex;gap:8px;flex-wrap:wrap}.stat{font-size:11px;color:var(--sub);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.stat b{color:var(--text);font-weight:600}main{max-width:880px;margin:0 auto;padding:12px 16px}.champ{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1c2340,#17171c 45%,#0f2a1e);border:1px solid rgba(255,255,255,.14);padding:18px;margin-bottom:16px}.champ .tag{font-size:11px;color:var(--orange);letter-spacing:.08em;margin-bottom:6px;font-weight:600}.champ h2{font-size:18px;font-weight:700;margin-bottom:2px}.champ .conf{font-size:12.5px;color:var(--sub);margin-bottom:12px}.champ .row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}.champ .price{font-size:26px;font-weight:700}.champ .score{display:flex;flex-direction:column;align-items:center;background:#ffffff14;border-radius:12px;padding:6px 12px}.champ .score b{font-size:20px;color:var(--green)}.champ .score span{font-size:10px;color:var(--sub)}.champ .btns{display:flex;gap:8px;flex-wrap:wrap}.champ .note{font-size:11px;color:var(--sub);margin-top:10px}.filters{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}.filters .fhead{display:flex;align-items:center;gap:8px;margin-bottom:10px}.filters .fhead h3{font-size:13px;flex:1}.filters .fhead .reset{font-size:12px;color:var(--blue)}.fgroup{margin-bottom:10px}.fgroup:last-child{margin-bottom:0}.fgroup .flabel{font-size:11px;color:var(--dim);margin-bottom:6px;letter-spacing:.03em}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:6px 12px;border-radius:999px;background:var(--card2);border:1px solid var(--line);color:var(--sub);transition:all .15s}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.pricerow{display:flex;align-items:center;gap:8px}.pricerow input{flex:1;min-width:0;background:var(--card2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;outline:none}.pricerow input:focus{border-color:var(--blue)}.weights{display:flex;gap:10px;overflow-x:auto;padding:4px 0 2px}.weight{flex:none;width:96px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:7px 9px}.weight .wl{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-bottom:3px}.weight .wl b{color:var(--blue)}.weight input[type=range]{width:100%;accent-color:var(--blue);height:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.toggle-row .tl{font-size:13px}.toggle-row .tl small{display:block;font-size:11px;color:var(--dim)}.switch{width:44px;height:26px;border-radius:999px;background:#3a3a3c;position:relative;transition:.2s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--green)}.switch.on:after{transform:translate(18px)}.lhead{display:flex;align-items:center;gap:8px;margin:4px 2px 10px}.lhead .lh{font-size:13px;color:var(--sub);flex:1}.lhead select{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:12.5px;padding:7px 10px;font-family:inherit;outline:none}.banner{background:#ff9f0a1f;border:1px solid rgba(255,159,10,.35);border-radius:14px;padding:10px 14px;font-size:12.5px;margin-bottom:10px;display:flex;gap:8px;align-items:center}.banner button{font-size:12px;color:#000;background:var(--orange);border-radius:999px;padding:5px 12px;font-weight:600;flex:none}.card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px}.card.oos{opacity:.5}.card.oos .img{filter:grayscale(1)}.img{width:84px;height:84px;border-radius:12px;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:26px;background:radial-gradient(circle at 30% 25%,#2c2c34,#141418);border:1px solid var(--line);position:relative}.img span{font-size:8.5px;color:var(--dim);position:absolute;bottom:7px;letter-spacing:.05em}.info{flex:1;min-width:0}.title{font-size:13.5px;font-weight:600;margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conf-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.cc{font-size:10.5px;color:var(--sub);background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:2px 7px}.pr{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.pr .price{font-size:17px;font-weight:700}.badge{font-size:10.5px;border-radius:6px;padding:2px 8px;font-weight:600}.badge.stock{background:#30d15824;color:var(--green)}.badge.weeks{background:#ff9f0a24;color:var(--orange)}.badge.oos{background:#ff453a24;color:var(--red)}.vrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.vidx{font-size:13px;font-weight:700;color:var(--green)}.vidx.mid{color:var(--orange)}.vidx.low{color:var(--sub)}.vbar{flex:1;height:4px;background:var(--card2);border-radius:2px;overflow:hidden}.vbar i{display:block;height:100%;border-radius:2px;background:var(--green)}.vbar i.mid{background:var(--orange)}.vbar i.low{background:#5a5a5e}.notes{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.notes div{font-size:11px;color:var(--sub)}.notes div b{color:var(--text);font-weight:600}.marginal{font-size:11px;background:#30d1581a;border:1px solid rgba(48,209,88,.3);color:#7ee29a;border-radius:8px;padding:4px 9px;margin-bottom:8px;display:inline-block}.btns{display:flex;gap:7px;flex-wrap:wrap}.btn{font-size:12px;font-weight:600;border-radius:999px;padding:8px 14px;background:var(--blue);color:#fff;transition:.15s}.btn.ghost{background:var(--card2);color:var(--text);border:1px solid var(--line)}.btn.warn{background:var(--orange);color:#000}.btn:active{transform:scale(.96)}.divider{display:flex;align-items:center;gap:10px;margin:18px 2px 10px;font-size:11px;color:var(--dim);letter-spacing:.06em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.drawer,.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.drawer .mask,.sheet .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:.25s}.drawer .panel,.sheet .panel{position:absolute;left:50%;bottom:0;transform:translate(-50%,105%);width:100%;max-width:880px;background:#131316;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:none;padding:10px 16px 26px;transition:transform .3s cubic-bezier(.32,.72,.35,1);max-height:85vh;overflow-y:auto}.drawer.open,.sheet.open{pointer-events:auto}.drawer.open .mask,.sheet.open .mask{opacity:1}.drawer.open .panel,.sheet.open .panel{transform:translate(-50%)}.dgrip{width:36px;height:4px;background:#3a3a3c;border-radius:2px;margin:2px auto 12px}.drawer h3,.sheet h3{font-size:15px;margin-bottom:2px}.dsub,.ssub{font-size:12px;color:var(--sub);margin-bottom:12px}.seg{display:flex;background:var(--card);border-radius:10px;padding:3px;margin-bottom:12px;border:1px solid var(--line)}.seg button{flex:1;font-size:12px;padding:6px;border-radius:8px;color:var(--sub)}.seg button.on{background:var(--card2);color:var(--text);font-weight:600;border:1px solid var(--line)}.chart{width:100%;height:auto}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.statgrid .s{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.statgrid .s span{display:block;font-size:10.5px;color:var(--dim);margin-bottom:3px}.statgrid .s b{font-size:15px}.statgrid .s b.good{color:var(--green)}.statgrid .s b.bad{color:var(--red)}.drawer .btns{margin-top:14px}.opt{margin-bottom:14px}.opt .olabel{font-size:12px;color:var(--dim);margin-bottom:6px}.radio{display:flex;gap:8px;flex-direction:column}.radio label{display:flex;gap:8px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;cursor:pointer}.radio label.sel{border-color:var(--blue);background:#0a84ff14}.radio input{accent-color:var(--blue);margin-top:3px}.radio .rd{font-size:11px;color:var(--dim);display:block}.checks{display:flex;gap:8px;flex-wrap:wrap}.checks label{display:flex;gap:6px;align-items:center;font-size:12.5px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer}.checks label.sel{border-color:var(--blue);color:var(--blue)}.checks input{display:none}.labelinput{width:100%;background:var(--card2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:9px 12px;font-size:13px;font-family:inherit;outline:none;margin-bottom:14px}.labelinput:focus{border-color:var(--blue)}.subcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px}.subcard .st{font-size:13.5px;font-weight:600;margin-bottom:4px}.subcard .sd{font-size:11.5px;color:var(--sub);margin-bottom:8px;line-height:1.6}.subcard .row{display:flex;align-items:center;gap:8px}.subcard .status{font-size:11px;border-radius:6px;padding:3px 9px;font-weight:600;flex:none}.subcard .status.wait{background:#ff9f0a24;color:var(--orange)}.subcard .status.ok{background:#30d15824;color:var(--green)}.subcard .del{margin-left:auto;font-size:12px;color:var(--red)}.notif{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:12px;color:var(--sub)}.notif b{color:var(--text)}.empty{padding:50px 20px;text-align:center;color:var(--dim);font-size:13px}.empty .big{font-size:40px;margin-bottom:10px}#toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#2c2c32;border:1px solid var(--line);color:var(--text);font-size:12.5px;border-radius:999px;padding:9px 18px;box-shadow:0 8px 30px #00000080;animation:tin .25s ease;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes tin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}footer{max-width:880px;margin:30px auto 0;padding:0 16px;font-size:11px;color:var(--dim);text-align:center;line-height:1.7}@media (min-width:700px){.img{width:104px;height:104px}.title{font-size:14.5px}}.filters.folded .fgroup,.filters.folded .toggle-row{display:none}.filters.folded{padding-bottom:14px}.fhead .fcnt{color:var(--blue);font-weight:600;font-size:12px}.fhead .fold{font-size:12px;color:var(--sub);padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card2)}.filterbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px;margin-bottom:10px;cursor:pointer}.fchip{font-size:11px;color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}