*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e1117;--surface:#161b27;--surface2:#1e2535;--border:#2a3347;--text:#e2e8f0;--text-muted:#64748b;--accent:#4a90d9;--accent-dim:#1e3a5f;--gold:#f5c842;--green:#4ade80;--purple:#a78bfa;--red:#f87171;--radius:8px;--font-mono:"JetBrains Mono", "Fira Mono", "Consolas", monospace}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}.app__header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d1f3c 0%,#0e1117 100%);padding:24px 32px}.app__header h1{color:var(--gold);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.app__subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.app__main{max-width:1400px;margin:0 auto;padding:24px 32px}.app__controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.week-selector{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.week-selector__group{flex-direction:column;gap:4px;display:flex}.week-selector__group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:600}.week-selector__divider{color:var(--text-muted);padding:0 4px;font-size:.85rem}.week-selector__inline{gap:6px;display:flex}input[type=date],input[type=number]{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:6px 10px;font-size:.9rem;transition:border-color .15s}input[type=number]{width:100px}input[type=date]:focus,input[type=number]:focus{border-color:var(--accent)}input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.875rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}.app__week-info{flex-direction:column;gap:2px;display:flex}.week-label{color:var(--gold);font-weight:600}.week-meta{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.circus-label{color:var(--text-muted);font-size:.85rem}.circus-label strong{color:var(--text);font-weight:600}.state-message{color:var(--text-muted);align-items:center;gap:12px;padding:32px;font-size:1rem;display:flex}.state-message--error{color:var(--red)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.predictions-table{border-collapse:collapse;width:100%;font-size:.9rem}.predictions-table thead{background:var(--surface2);z-index:1;position:sticky;top:0}.predictions-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:.75rem;font-weight:700}.predictions-table tbody tr{background:var(--surface);border-bottom:1px solid var(--border);transition:background .1s}.predictions-table tbody tr:last-child{border-bottom:none}.predictions-table tbody tr:hover{background:var(--surface2)}.predictions-table tbody tr[data-type=bear]{background:color-mix(in srgb, var(--surface) 90%, #7c3aed 10%)}.predictions-table tbody tr[data-type=bear]:hover{background:color-mix(in srgb, var(--surface2) 85%, #7c3aed 15%)}.predictions-table tbody tr[data-type=ghost]{background:color-mix(in srgb, var(--surface) 90%, #0ea5e9 10%)}.predictions-table tbody tr[data-type=ghost]:hover{background:color-mix(in srgb, var(--surface2) 85%, #0ea5e9 15%)}.predictions-table td{vertical-align:top;color:var(--text);padding:10px 14px}.cell--num{font-family:var(--font-mono);color:var(--text-muted);text-align:center;width:40px;font-weight:700}.cell--name{white-space:nowrap;font-weight:600}.cell--points{font-family:var(--font-mono);color:var(--gold);white-space:nowrap}.cell--mono{font-family:var(--font-mono);color:var(--green);white-space:nowrap;font-size:.82rem}.cell--hint{color:var(--text-muted);max-width:300px;font-size:.85rem}.type-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.type-badge--penguin{background:var(--accent-dim);color:var(--accent)}.type-badge--ghost{color:#38bdf8;background:#0c2d40}.type-badge--bear{color:var(--purple);background:#2d1b4e}.muted{color:var(--text-muted)}@media (width<=600px){.app__header,.app__main{padding:16px}.week-selector{flex-direction:column;align-items:flex-start}}