*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-elevated: #111111;--bg-hover: #161616;--text: #e8e8e8;--text-muted: #999;--text-faint: #666;--border: #222;--border-subtle: #1a1a1a;--link: #60a5fa;--link-hover: #93c5fd;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .15);--success: #22c55e;--success-muted: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .12);--trending-bg: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .06) 100%);--trending-border: rgba(139, 92, 246, .25);--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--transition: .15s ease}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:720px;margin:0 auto;padding:0 20px}header{padding:24px 0;border-bottom:1px solid var(--border);margin-bottom:24px;position:sticky;top:0;background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200}header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-meta{font-size:.75rem;color:var(--text-faint);display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading,.no-results{text-align:center;color:var(--text-muted);padding:5rem 2rem;font-size:.9375rem}.filters-section{padding:16px 0;margin-bottom:8px;position:sticky;top:73px;background:#0a0a0ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border-subtle)}.category-filters{display:flex;flex-wrap:wrap;gap:6px}.category-chip{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--text-muted);font-size:.8125rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition);font-weight:500}.category-chip:hover{color:var(--text);border-color:var(--text-faint);background:var(--bg-hover)}.category-chip.active{color:var(--text);background:var(--bg-elevated);border-color:var(--text-faint)}.category-count{font-size:.6875rem;color:var(--text-faint);background:var(--bg);padding:1px 6px;border-radius:100px;font-weight:600}.category-chip.active .category-count{background:var(--bg);color:var(--text-muted)}.market-list{display:flex;flex-direction:column;gap:2px;padding-bottom:80px}.market-item{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px 12px;border-radius:var(--radius);transition:background var(--transition)}.market-item:hover{background:var(--bg-hover)}.market-item.trending{background:var(--trending-bg);border:1px solid var(--trending-border);margin-bottom:8px;position:relative;overflow:hidden}.market-item.trending:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.market-item.trending:hover{background:linear-gradient(135deg,#8b5cf61f,#3b82f614)}.vote-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center}.market-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.market-title-row{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.market-title{color:var(--text);text-decoration:none;font-weight:500;font-size:.9375rem;line-height:1.4;transition:color var(--transition)}.market-title:hover{color:var(--link)}.market-item.trending .market-title{color:var(--text)}.probability-group{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}footer{margin-top:auto;padding:24px 0;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-faint);position:fixed;bottom:0;left:0;right:0;background:#0a0a0ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}footer .container{display:flex;justify-content:space-between;align-items:center}footer a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}footer a:hover{color:var(--link)}@media(max-width:640px){.container{padding:0 16px}header{padding:16px 0}h1{font-size:1.125rem}.header-meta{display:none}.filters-section{top:57px;padding:12px 0}.category-filters{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:8px 14px}.market-item{grid-template-columns:60px 1fr;gap:12px;padding:14px 8px}.market-title{font-size:.875rem}.market-list{padding-bottom:100px}footer .container{flex-direction:column;gap:8px;text-align:center}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}