header.top{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--panel) 0%, #1c1a15eb 100%);-webkit-backdrop-filter:blur(8px);z-index:50;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.brand-box{flex-direction:column;line-height:1.15;display:flex}.brand-box .t1{letter-spacing:.14em;color:var(--gold);font-size:15px;font-weight:700}.brand-box .t2{letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase;margin-top:3px;font-size:10px}.hspacer{flex:1}.scraped-at{color:var(--ink-dim);background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11.5px;display:flex}.scraped-at .dot{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 6px #5aa57ab3}.scraped-at b{color:var(--gold);font-family:var(--mono);font-weight:600}main.viewer{max-width:1140px;margin:0 auto;padding:20px 24px 72px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 18px;display:flex}.searchwrap{flex:0 280px;min-width:200px;position:relative}.searchwrap svg{pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.searchbox{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:8px;padding:9px 12px 9px 32px;font-size:13px;transition:border-color .15s}.searchbox::placeholder{color:var(--ink-faint)}.searchbox:hover{border-color:var(--gold-dim)}.hint{color:var(--ink-faint);font-size:11.5px}.sheetwrap{margin:0 -4px;padding:0 4px;overflow-x:auto}table.sheet{border-collapse:collapse;width:100%;min-width:320px}table.sheet th{letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase;text-align:right;white-space:nowrap;padding:0 10px 10px;font-size:10px;font-weight:500}table.sheet th:first-child{text-align:left;padding-left:12px}tr.brandrow td{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);border-bottom:1px solid var(--line);padding:26px 12px 8px;font-size:10.5px;font-weight:600}tbody tr.brandrow:first-child td{padding-top:8px}tr.modelrow td{border-bottom:1px solid var(--line-soft);padding:9px 10px;transition:background .12s}tr.modelrow td:first-child{border-left:2px solid #0000;padding-left:12px}tr.modelrow{cursor:pointer}tr.modelrow:hover td{background:var(--panel)}tr.modelrow:hover td:first-child{border-left-color:var(--gold)}tr.modelrow:active td{background:var(--panel2)}.mcell{flex-direction:column;gap:1px;display:flex}.mcell .r{font-family:var(--mono);color:var(--ink);letter-spacing:.01em;font-size:13px}.mcell .n{color:var(--ink-faint);font-size:10.5px}td.ronum{text-align:right;font-family:var(--mono);color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}td.ronum.median{color:var(--ink);font-size:13px;font-weight:600}td.chg{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}td.sparkcell{text-align:right;padding-right:12px}td.sparkcell svg{margin-left:auto;display:block}.up{color:var(--green)}.down{color:var(--red)}.flat,.nodata td .mcell .r,.nodata td.ronum{color:var(--ink-faint)}.empty{color:var(--ink-faint);text-align:center;padding:32px 0;font-size:12px}.foot{color:var(--ink-faint);text-align:center;margin-top:28px;font-size:11px;line-height:1.7}.overlay{z-index:80;background:#0009;animation:.18s fadein;position:fixed;inset:0}.drawer{background:var(--bg);border-left:1px solid var(--line);z-index:90;overscroll-behavior:contain;width:480px;max-width:100vw;height:100dvh;animation:.22s cubic-bezier(.2,.8,.3,1) slidein;position:fixed;top:0;right:0;overflow-y:auto}@keyframes fadein{0%{opacity:0}}@keyframes slidein{0%{opacity:0;transform:translate(40px)}}.dhead{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);z-index:2;background:#14130ff0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.dhead .ref{font-family:var(--mono);letter-spacing:.01em;font-size:20px;font-weight:600}.dhead .n{color:var(--ink-dim);margin-top:2px;font-size:12px}.dclose{background:var(--panel2);border:1px solid var(--line);color:var(--ink-dim);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:color .12s,border-color .12s;display:flex}.dclose:hover{color:var(--ink);border-color:var(--gold-dim)}.dbody{padding:18px 20px calc(24px + env(safe-area-inset-bottom))}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;margin-bottom:14px;padding:16px}.card h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.card h3 .badge{font-family:var(--mono);color:var(--ink-faint);letter-spacing:0;text-transform:none;font-size:10.5px;font-weight:500}.statgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--panel2);border:1px solid var(--line-soft);border-radius:10px;min-width:0;padding:10px 12px}.stat .k{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px}.stat .v{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px;font-size:15px}.stat .v small{color:var(--ink-faint);margin-left:1px;font-size:10px}.stat .v.gold{color:var(--gold);font-weight:600}.chgrow{gap:8px;margin-top:10px;display:flex}.chgpill{background:var(--panel2);border:1px solid var(--line-soft);color:var(--ink-faint);border-radius:8px;flex:1;justify-content:space-between;align-items:baseline;padding:7px 11px;font-size:10.5px;display:flex}.chgpill b{font-family:var(--mono);font-size:12px;font-weight:600}.chartwrap{position:relative}.chartwrap svg{touch-action:pan-y;width:100%;display:block}.charttip{pointer-events:none;background:var(--panel2);border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap;z-index:3;border-radius:8px;padding:7px 10px;font-size:11px;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0006}.charttip .d{font-family:var(--mono);color:var(--ink-faint);margin-bottom:3px;font-size:10px}.charttip .m{font-family:var(--mono);color:var(--gold);font-size:12.5px;font-weight:600}.charttip .lh{font-family:var(--mono);font-size:10.5px}.listrow{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:14px;min-height:24px;padding:9px 0;display:flex}.listrow:first-of-type{border-top:none}.listrow .t{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.listrow .t:hover{color:var(--gold)}.listrow .p{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}@media (max-width:900px){.col-l2{display:none}}@media (max-width:720px){header.top{gap:10px;padding:12px 16px}main.viewer{padding:14px 14px 60px}.col-l1{display:none}.toolbar{margin-bottom:12px}.searchwrap{flex:100%}.hint{display:none}tr.modelrow td{padding:10px 8px}.drawer{border-left:none;width:100vw}.statgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.col-l0{display:none}.brand-box .t1{font-size:14px}.scraped-at{padding:5px 11px;font-size:10.5px}td.sparkcell svg{width:56px}}
