:root{--bg-base: #0f1115;--bg-raised: #171a21;--bg-hover: #1e222b;--bg-input: #12141a;--border: #2a2f3a;--text-primary: #e7e9ee;--text-secondary: #9aa1ad;--text-muted: #5c6370;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-text: #0f1115;--deal-good: #34d399;--deal-good-bg: rgba(52, 211, 153, .13);--deal-bad: #f87171;--deal-bad-bg: rgba(248, 113, 113, .13);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .13);--neutral-bg: rgba(154, 161, 173, .13);--chart-bar: #3b4252;--chart-bar-active: #f59e0b;--chart-median: #e7e9ee;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 8px;--radius-badge: 5px;--space: 12px;--tap: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{margin:0 0 8px;font-weight:600}h1{font-size:20px}h2{font-size:17px}.mono{font-family:var(--font-mono)}.muted{color:var(--text-secondary)}.dim{color:var(--text-muted)}.small{font-size:13px}.container{max-width:960px;margin:0 auto;padding:var(--space)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px}.card:hover{background:var(--bg-hover)}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.badge{display:inline-block;padding:2px 7px;border-radius:var(--radius-badge);font-family:var(--font-mono);font-weight:700;font-size:13px}.badge-good{background:var(--deal-good-bg);color:var(--deal-good)}.badge-bad{background:var(--deal-bad-bg);color:var(--deal-bad)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-neutral{background:var(--neutral-bg);color:var(--text-secondary)}.tier{font-size:11px;padding:1px 5px}button,.btn{font-family:var(--font);font-size:14px;min-height:36px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer}button:hover{background:var(--bg-hover)}.btn-accent{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.btn-accent:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}input,select{font-family:var(--font);font-size:14px;min-height:36px;padding:6px 10px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius)}input:focus,select:focus{outline:none;border-color:var(--accent)}label{font-size:13px;color:var(--text-secondary)}.banner{background:var(--deal-bad-bg);color:var(--deal-bad);border-bottom:1px solid var(--border);padding:8px 12px;font-size:14px;cursor:pointer}.header{position:sticky;top:0;z-index:10;background:var(--bg-raised);border-bottom:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:14px}.header .logo{font-weight:700;color:var(--accent)}.header nav{display:flex;gap:4px;flex-wrap:wrap}.header nav a{color:var(--text-secondary);padding:5px 9px;border-radius:6px;font-size:14px}.header nav a.active{color:var(--text-primary);background:var(--bg-hover)}.header nav a .count{color:var(--accent);font-weight:700}.thumb{width:96px;height:72px;object-fit:cover;border-radius:6px;background:var(--bg-input);flex-shrink:0}.thumb-ph{display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-muted)}.price{font-family:var(--font-mono);font-size:18px;font-weight:700}.center{text-align:center}.empty{text-align:center;color:var(--text-secondary);padding:40px 12px}.spinner{text-align:center;color:var(--text-muted);padding:24px}.star{cursor:pointer;font-size:20px;background:none;border:none;min-height:auto;padding:2px}.star.on{color:var(--accent)}.star.off{color:var(--text-muted)}table.kv{width:100%;border-collapse:collapse}table.kv td{padding:5px 0;border-bottom:1px solid var(--border)}table.kv td:first-child{color:var(--text-secondary);width:40%}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:320px;max-width:90vw}@media (min-width: 768px){body{font-size:15px}.thumb{width:120px;height:90px}}