:root{--bg:#0f0f1a;--bg2:#1a1a2e;--text:#e0e0e0;--text-muted:#a0a0a0;--accent:#7ae0ff;--border:#2a2a40;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text)}.app{max-width:1400px;margin:0 auto;padding:0 16px}header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:20px;padding:24px 0 12px}header h1{letter-spacing:-.5px;color:#fff;margin-bottom:4px;font-size:28px}.subtitle{color:var(--text-muted);margin-bottom:14px;font-size:13px}nav{justify-content:center;gap:8px;display:flex}nav button{background:var(--bg2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .15s}nav button:hover{border-color:var(--accent);color:var(--text)}nav button.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.panel{margin-bottom:40px}.panel h2{color:#fff;border-bottom:1px solid var(--border);margin:28px 0 12px;padding-bottom:8px;font-size:20px}.panel h3{color:var(--accent);margin:20px 0 10px;font-size:16px}.loading{text-align:center;color:var(--text-muted);padding:60px;font-size:16px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filters input,.filters select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 12px;font-size:13px}.search-input{flex:1;min-width:200px}.filters select{min-width:140px}.count-badge{color:var(--text-muted);margin-bottom:10px;font-size:12px}.badge{background:var(--bg2);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.const-grid-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.const-grid{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.const-grid th,.const-grid td{border-bottom:1px solid var(--border);text-align:left;padding:6px 10px}.const-grid th{background:var(--bg2);color:var(--text-muted);z-index:2;font-weight:600;position:sticky;top:0}.sticky-col{background:var(--bg);z-index:1;position:sticky;left:0}th.sticky-col{z-index:3;background:var(--bg2)}.const-name{color:var(--accent);text-underline-offset:2px;font-weight:500;-webkit-text-decoration:underline #7ae0ff4d;text-decoration:underline #7ae0ff4d}.clickable-row{cursor:pointer;transition:background .1s}.clickable-row:hover{background:#61dafb0f}.small-text{color:var(--text-muted);font-size:11px}.party-cell{font-size:12px;padding-left:8px!important}.pc-party{font-weight:600;display:block}.pc-margin{color:var(--text-muted);font-size:11px}.empty-cell{color:#444;text-align:center}.swing-count{text-align:center;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:700;line-height:24px;display:inline-block}.swing-count.low{color:#4ade80;background:#1a3a2a}.swing-count.med{color:#facc15;background:#3a3a1a}.swing-count.high{color:#f87171;background:#3a1a1a}.back-btn{background:var(--bg2);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:6px;margin-bottom:12px;padding:6px 16px;font-size:13px}.back-btn:hover{background:var(--border)}.const-header h2{border:none;margin-bottom:4px}.meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.timeline{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.timeline-item{grid-template-columns:50px 1fr 200px 60px;align-items:center;gap:8px;display:grid}.tl-year{color:var(--text-muted);font-size:14px;font-weight:700;font-family:var(--mono)}.tl-bar{color:#fff;border-radius:4px;padding:5px 12px;font-size:13px;font-weight:600}.tl-party{text-shadow:0 1px 2px #00000080}.tl-name{color:var(--text-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.tl-margin{color:var(--text-muted);text-align:right;font-size:12px;font-family:var(--mono)}.results-table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:13px}.results-table th,.results-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.results-table th{background:var(--bg2);color:var(--text-muted);font-weight:600}.party-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.recharts-text{font-size:12px;fill:var(--text-muted)!important}.recharts-tooltip-cursor{fill:#ffffff0d}.pred-layout{align-items:flex-start;gap:20px;display:flex}.pred-panel{background:var(--bg2);border:1px solid var(--border);border-radius:10px;width:320px;min-width:320px;max-height:calc(100vh - 140px);padding:16px;position:sticky;top:16px;overflow-y:auto}.pred-main{flex:1;min-width:0}.pred-section{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.pred-section:last-of-type{border-bottom:none}.pred-section h3{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px}.pred-label{color:var(--text);justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:4px;font-size:13px;display:flex}.pred-value{font-weight:700;font-family:var(--mono);color:var(--accent);font-size:14px}.pred-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.pred-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:16px;height:16px}.pred-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:16px;height:16px}.pred-range-labels{color:#555;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.pred-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;margin-top:4px;padding:8px 10px;font-size:13px}.pred-input:focus{border-color:var(--accent);outline:none}.pred-select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:6px;margin-top:4px;padding:8px 10px;font-size:13px}.pred-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:30px;margin-top:4px;padding:0}.color-preview{vertical-align:middle;border-radius:3px;width:14px;height:14px;margin-left:6px;display:inline-block}.pred-toggle{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.pred-toggle:hover{color:var(--accent)}.pred-hint{color:var(--text-muted);margin-left:auto;font-size:11px;font-style:italic}.affinity-grid{margin-top:8px}.affinity-row{grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;margin-bottom:4px;display:grid}.affinity-party{font-size:12px;font-weight:600}.affinity-slider{height:4px!important}.affinity-val{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-align:right}.overrides-panel{margin-top:8px}.overrides-list{max-height:200px;margin-top:8px;overflow-y:auto}.override-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 0;display:flex}.override-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.override-input{background:var(--bg);border:1px solid var(--border);width:60px;color:var(--text);font-size:12px;font-family:var(--mono);border-radius:4px;padding:4px 6px}.override-pct{color:var(--text-muted);font-size:11px}.override-remove{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.override-remove:hover{color:#ef4444}.pred-reset{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f87171;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:12px;transition:all .15s}.pred-reset:hover{background:#f871711a}.pred-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.pred-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px}.pred-card.majority{background:#4ade800d;border-color:#4ade80}.pred-card.hung{background:#facc150d;border-color:#facc15}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-left:3px solid var(--accent);margin-bottom:6px;padding-left:8px;font-size:11px}.card-value{color:#fff;font-size:28px;font-weight:800;font-family:var(--mono)}.card-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.flip-value{color:#f87171}.flip-indicator{color:#f87171;text-align:center;background:#f8717126;border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:700;line-height:24px;display:inline-block}.flip-row{background:#f8717108!important}.filter-checkbox{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.filter-checkbox input{cursor:pointer}.header-top{text-align:left;justify-content:space-between;align-items:flex-start;display:flex}.header-actions{padding-top:24px}.btn-login{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600}.btn-login:hover{opacity:.9}.user-menu{position:relative}.user-menu-trigger{background:var(--bg2);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:flex}.user-avatar{border-radius:50%;width:28px;height:28px}.user-avatar-placeholder{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.user-dropdown{background:var(--bg2);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:200px;margin-top:6px;padding:8px 0;position:absolute;top:100%;right:0}.user-dropdown-info{color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px}.user-google{margin-top:2px;font-size:12px;display:block}.user-dropdown-btn{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14px;display:block}.user-dropdown-btn:hover{background:#ffffff0d}.user-dropdown-btn.logout{color:#f87171}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:90%;max-width:420px;padding:28px;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:12px;right:16px}.modal-content h2{margin-bottom:8px;font-size:20px}.modal-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:13px}.modal-label{color:var(--text-muted);margin:12px 0 4px;font-size:13px;display:block}.modal-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:10px 12px;font-size:14px}.modal-textarea{resize:vertical;font-family:var(--sans)}.modal-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:16px;padding:10px;font-size:15px;font-weight:600;display:block}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-google{color:#333;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:8px;display:flex}.modal-btn-google:hover:not(:disabled){background:#f7f8f8}.phone-input-row{align-items:stretch;gap:8px;display:flex}.country-select{background:var(--bg);border:1px solid var(--border);width:120px;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;flex-shrink:0;padding:10px 8px;font-size:14px}.country-select:focus{border-color:var(--accent);outline:none}.phone-number-input{flex:1;min-width:0}.otp-boxes{justify-content:center;gap:10px;margin:12px 0 4px;display:flex}.otp-box{background:var(--bg);border:2px solid var(--border);text-align:center;letter-spacing:0;width:48px;height:56px;color:var(--text);caret-color:var(--accent);border-radius:10px;font-size:24px;font-weight:700;transition:border-color .15s}.otp-box:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126}.modal-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.modal-checkbox-label{cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.pred-toolbar{gap:8px;margin-bottom:12px;padding:0 4px;display:flex}.btn-sm{border:1px solid var(--border);cursor:pointer;border-radius:5px;padding:6px 14px;font-size:13px;font-weight:500}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-secondary{background:var(--bg2);color:var(--text)}.btn-danger{color:#f87171;background:0 0;border-color:#f87171}.btn-sm:hover{opacity:.85}.disclaimer-banner{color:#fbbf24;background:#facc1514;border:1px solid #facc1540;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.disclaimer-close{white-space:nowrap;color:#fbbf24;cursor:pointer;background:0 0;border:1px solid #facc154d;border-radius:4px;margin-top:2px;padding:4px 12px;font-size:12px}.bookmarks-panel{margin-bottom:20px}.bookmarks-panel h3{color:var(--accent);margin-bottom:12px;font-size:16px}.bookmarks-empty{color:var(--text-muted);font-size:13px}.bookmarks-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.bookmark-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:14px}.bookmark-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.bookmark-title{font-size:15px;font-weight:600}.bookmark-meta{align-items:center;gap:6px;display:flex}.bookmark-date{color:var(--text-muted);font-size:12px}.bookmark-desc{color:var(--text-muted);margin-bottom:8px;font-size:13px}.bookmark-stats{gap:12px;margin-bottom:8px;font-size:13px;display:flex}.bookmark-actions{gap:6px;display:flex}.badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.badge-public{color:#34d399;background:#34d39926}.badge-private{color:#94a3b8;background:#94a3b826}.community-feed{max-width:700px;margin:0 auto}.feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feed-header h3{font-size:20px}.feed-sort{gap:4px;display:flex}.feed-sort button{background:var(--bg2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px}.feed-sort button.active{background:var(--accent);color:#000;border-color:var(--accent)}.feed-empty{text-align:center;color:var(--text-muted);padding:40px}.feed-list{flex-direction:column;gap:12px;display:flex}.feed-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px}.feed-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.feed-author{align-items:center;gap:8px;display:flex}.feed-avatar{border-radius:50%;width:28px;height:28px}.feed-avatar-placeholder{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.feed-author-name{font-size:14px;font-weight:500}.feed-date{color:var(--text-muted);font-size:12px}.feed-title{margin-bottom:4px;font-size:16px;font-weight:600}.feed-desc{color:var(--text-muted);margin-bottom:6px;font-size:13px}.feed-params{color:var(--text-muted);font-size:12px;font-family:var(--mono);margin-bottom:10px}.feed-footer{justify-content:space-between;align-items:center;display:flex}.feed-votes{gap:8px;display:flex}.vote-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:13px}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-btn.voted{border-color:var(--accent);color:var(--accent)}.hero{text-align:center;padding:60px 20px 40px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#7ae0ff14 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.hero-badge{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;background:#7ae0ff1a;border:1px solid #7ae0ff33;border-radius:20px;margin-bottom:24px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{color:#fff;letter-spacing:-1px;border:none;margin-bottom:16px;padding:0;font-size:42px;font-weight:800;line-height:1.15}.hero-accent{background:linear-gradient(135deg, var(--accent), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.hero-cta{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7ae0ff40}.hero-cta-arrow{font-size:18px;transition:transform .15s}.hero-cta:hover .hero-cta-arrow{transform:translate(3px)}.hero-features{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid;position:relative}.hero-feature{background:var(--bg2);border:1px solid var(--border);text-align:left;border-radius:12px;padding:24px 16px 20px;transition:border-color .2s,transform .2s}.hero-feature:hover{border-color:#7ae0ff4d;transform:translateY(-2px)}.hero-feature-icon{margin-bottom:12px;font-size:28px}.hero-feature h3{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.hero-feature p{color:var(--text-muted);font-size:13px;line-height:1.5}.hero-stats{border-top:1px solid var(--border);z-index:1;justify-content:center;gap:40px;margin-top:48px;padding-top:32px;display:flex;position:relative}.hero-stat{text-align:center}.hero-stat-value{color:#fff;font-size:28px;font-weight:800;font-family:var(--mono);letter-spacing:-.5px;display:block}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.app-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:40px;padding:20px 0;font-size:13px}.app-footer a{color:var(--accent);text-underline-offset:2px;-webkit-text-decoration:underline #7ae0ff66;text-decoration:underline #7ae0ff66}.app-footer a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.footer-legal{color:var(--text-muted);max-width:600px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:12px}.footer-links{margin-top:8px}@media (width<=900px){.pred-layout{flex-direction:column}.pred-panel{width:100%;min-width:0;max-width:none;max-height:none;position:static}.bookmarks-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hero-features{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.app{padding:0 10px}header{margin-bottom:12px;padding:16px 0 10px}header h1{font-size:18px}.subtitle{margin-bottom:10px;font-size:11px}.header-top{flex-direction:row;align-items:center;gap:8px}.header-actions{flex-shrink:0;padding-top:0}.btn-login{padding:6px 14px;font-size:13px}nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:0 4px 4px;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav button{white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:13px}.const-grid-wrap{max-height:400px!important}.filters{flex-direction:column;gap:6px}.search-input,.filters select{width:100%;min-width:0}.timeline-item{grid-template-columns:36px 1fr 90px 44px;gap:4px}.tl-bar{padding:4px 8px;font-size:12px}.tl-name{font-size:11px}.const-grid{font-size:12px}.const-grid th,.const-grid td{padding:5px 6px}.results-table{font-size:12px}.results-table th,.results-table td{padding:6px 8px}.meta{flex-wrap:wrap;gap:6px;font-size:12px}.pred-cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.pred-card{padding:12px}.card-value{font-size:22px}.pred-toolbar{flex-wrap:wrap;gap:6px}.bookmarks-list{grid-template-columns:1fr}.community-feed{max-width:100%}.feed-header{flex-direction:column;align-items:flex-start;gap:8px}.feed-card{padding:12px}.otp-boxes{gap:6px}.otp-box{border-radius:8px;width:40px;height:48px;font-size:20px}.country-select{width:100px;padding:8px 6px;font-size:13px}.modal-content{padding:20px 16px}.disclaimer-banner{flex-direction:column;gap:8px;padding:10px 12px;font-size:12px}.app-footer{font-size:12px}.footer-legal{font-size:11px}.hero{padding:36px 8px 24px}.hero-title{font-size:28px}.hero-desc{margin-bottom:24px;font-size:14px}.hero-cta{padding:12px 24px;font-size:15px}.hero-features{grid-template-columns:1fr;gap:10px;margin-top:36px}.hero-feature{padding:16px 14px}.hero-stats{flex-wrap:wrap;gap:20px;margin-top:32px;padding-top:24px}.hero-stat-value{font-size:22px}}@media (width<=380px){header h1{font-size:16px}nav button{padding:6px 10px;font-size:12px}.otp-boxes{gap:4px}.otp-box{width:36px;height:44px;font-size:18px}.timeline-item{grid-template-columns:30px 1fr 70px 40px}.pred-cards{grid-template-columns:1fr 1fr}.card-value{font-size:20px}}