@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-surface-alt: #f5f5f5;--color-bg-subtle: #f0f0f0;--color-bg-elevated: #ffffff;--color-border: rgba(0, 0, 0, .06);--color-border-focus: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .15);--color-text: #1d1d1f;--color-text-sec: rgba(0, 0, 0, .5);--color-text-muted: rgba(0, 0, 0, .28);--color-orange: #d63a22;--color-orange-hover: #c0321d;--color-orange-light: rgba(214, 58, 34, .06);--color-orange-border: rgba(214, 58, 34, .15);--color-accent: rgba(0, 0, 0, .65);--color-accent-light: rgba(0, 0, 0, .03);--color-green: #248a3d;--color-green-light: rgba(36, 138, 61, .07);--color-red: #d63a22;--color-red-light: rgba(214, 58, 34, .06);--color-blue: #0071e3;--color-blue-light: rgba(0, 113, 227, .06);--color-yellow: #a05a00;--color-yellow-light: rgba(160, 90, 0, .06);--shadow-card: none;--shadow-card-hover: 0 2px 12px rgba(0, 0, 0, .06);--shadow-dropdown: 0 8px 28px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Mono", monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 42px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em;line-height:1.5}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0000002e}::selection{background:#d63a221f;color:var(--color-text)}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--color-bg)}.main-content{flex:1;overflow-y:auto;padding:var(--space-10) var(--space-12)}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6)}@media(max-width:768px){.app-shell{flex-direction:column}.main-content{padding:var(--space-4);padding-bottom:72px}.auction-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.auction-grid{grid-template-columns:repeat(2,1fr)}}.sidebar{width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;padding:var(--space-6) var(--space-5)}.sidebar-logo{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-10);display:flex;align-items:center;gap:var(--space-2)}.sidebar-logo .logo-bat{color:var(--color-text)}.sidebar-logo .logo-signal{color:var(--color-text-sec)}.sidebar-logo .logo-dot{width:6px;height:6px;border-radius:50%;background:var(--color-orange);display:inline-block;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.3}}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;transition:all .15s ease;color:var(--color-text-sec);text-decoration:none}.nav-item.active{background:var(--color-bg-subtle);color:var(--color-text);font-weight:600}.nav-item:not(.active):hover{color:var(--color-text)}.nav-item-count{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--color-text-muted)}.nav-item.active .nav-item-count{color:var(--color-text-sec)}.auction-card{background:var(--color-bg);border-radius:var(--radius-lg);border:none;box-shadow:none;cursor:pointer;overflow:hidden;transition:opacity .2s ease;position:relative}.auction-card:hover{opacity:.85}.auction-card.compared{outline:2px solid var(--color-orange);outline-offset:-2px}.auction-card-accent-strip{display:none}.auction-card-image{width:100%;height:240px;object-fit:cover;background:var(--color-surface-alt);border-radius:var(--radius-lg)}.auction-card-body{padding:var(--space-4) var(--space-1) var(--space-2)}.auction-card-title{font-size:var(--text-md);font-weight:600;margin-bottom:2px;line-height:1.3;letter-spacing:-.02em}.auction-card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.auction-card-metrics{display:flex;gap:var(--space-5);margin-bottom:var(--space-2)}.auction-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-1)}.metric-cell{background:none;border-radius:0;padding:0;border:none}.metric-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.metric-value{font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:-.02em;color:var(--color-text)}.metric-value.bid{color:var(--color-text)}.metric-value.pred{color:var(--color-text-sec)}.tag{display:inline-block;background:none;color:var(--color-text-sec);border-radius:0;padding:0;font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.tag.green{color:var(--color-green)}.tag.orange{color:var(--color-orange)}.tag.red{color:var(--color-red)}.tag.blue{color:var(--color-blue)}.tag.yellow{color:var(--color-yellow)}.reserve-badge{display:inline-flex;align-items:center;font-weight:600;font-size:11px;padding:0;border-radius:0;letter-spacing:.03em;text-transform:uppercase;background:none}.reserve-badge.met{color:var(--color-green)}.reserve-badge.not-met{color:var(--color-red)}.reserve-badge.unknown{color:var(--color-text-muted)}.time-left{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);padding:0;border-radius:0;letter-spacing:-.02em;background:none}.time-left.urgent{color:var(--color-red)}.time-left.soon{color:var(--color-orange)}.toggle-track{width:40px;height:22px;border-radius:11px;background:var(--color-bg-subtle);position:relative;cursor:pointer;transition:background .2s;border:none;padding:0}.toggle-track.on{background:var(--color-orange)}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0000001f}.toggle-track.on .toggle-thumb{left:21px}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);gap:0}.tab-btn{background:none;border:none;border-bottom:1px solid transparent;color:var(--color-text-muted);padding:var(--space-3) var(--space-5);cursor:pointer;font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:-1px;transition:color .15s}.tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:600}.tab-btn:hover:not(.active){color:var(--color-text-sec)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table thead tr{border-bottom:1px solid var(--color-border-strong)}.compare-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.compare-table tbody tr{border-bottom:1px solid var(--color-border)}.compare-table tbody tr:hover{background:var(--color-surface)}.compare-table td{padding:var(--space-3) var(--space-4)}.compare-table td.best{color:var(--color-orange);font-family:var(--font-mono);font-weight:600;font-size:15px}.weight-input{width:52px;background:none;border:none;border-bottom:1px solid var(--color-border-focus);color:var(--color-text);padding:var(--space-2) 0;text-align:center;font-family:var(--font-mono);font-size:14px;font-weight:600;outline:none;border-radius:0;transition:border-color .15s}.weight-input:focus{border-bottom-color:var(--color-text)}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring-value{position:absolute;font-family:var(--font-mono);font-weight:700;letter-spacing:-.03em}.detail-header{margin-bottom:var(--space-10)}.detail-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.03em;line-height:1.1}.detail-subtitle{font-size:var(--text-md);color:var(--color-text-sec);font-weight:400}.detail-metrics{display:flex;gap:var(--space-10);margin-bottom:var(--space-10)}.detail-signals{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-10)}.feed-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-10)}.feed-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em}.prefs-section{background:none;border:none;border-radius:0;border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-bottom:0}.prefs-section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-6);letter-spacing:-.02em}.prefs-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.prefs-row:last-child{border-bottom:none}.prefs-label{font-size:var(--text-base);font-weight:500}.prefs-description{font-size:var(--text-sm);color:var(--color-text-muted)}.page-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-8);letter-spacing:-.03em}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.empty-state{text-align:center;padding:var(--space-16) var(--space-10);color:var(--color-text-sec)}.empty-state-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}@media(max-width:768px){.sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;right:0;flex-direction:row;border-right:none;border-top:1px solid var(--color-border);padding:var(--space-2);z-index:100;background:var(--color-bg)}.sidebar-logo{display:none}.nav-item{flex:1;justify-content:center;font-size:var(--text-sm)}}