:root{--bg: #0e0b14;--surface: #1a1524;--surface-raised: #251e33;--border: #3a3049;--text: #f5f1fa;--text-muted: #b3a9c4;--primary: #ff4fa3;--on-primary: #0e0b14;--gold: #f2c46d;--success: #3dd6c6;--danger: #ff6b6b;--cat-quiz: #ffb020;--cat-live: #ff6b6b;--cat-standup: #b98cff;--cat-bowling: #3dd6c6;--cat-aw: #ff8a4c;--cat-klubb: #6b9bff;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--touch: 48px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:24px}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}h1{font-size:24px;line-height:30px}h2{font-size:20px;line-height:26px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.page{width:min(960px,100%);margin:0 auto;padding:var(--space-lg)}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner,.toolbar{width:min(960px,100%);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between}.brand{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.04em;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none}.brand span{color:var(--primary)}.muted{color:var(--text-muted)}.small{font-size:14px;line-height:20px}.caption{font-size:12px;line-height:16px;color:var(--text-muted)}.row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 18px;border:0;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-secondary{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:var(--bg)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:var(--surface-raised);border:1px solid var(--border);font-size:12px;line-height:16px;font-weight:600}.badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.mock-banner{background:color-mix(in srgb,var(--gold) 16%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--gold) 45%,var(--border));color:var(--text)}.mock-banner .topbar-inner{gap:var(--space-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.card-list{display:flex;flex-direction:column;gap:var(--space-md)}.card-title{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:720px){.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}}label.field{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:20px;font-weight:500}input,select,textarea{min-height:var(--touch);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text)}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.login-card{width:min(440px,100%);margin:48px auto}.actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.empty{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.crumb{color:var(--text-muted);font-size:14px}.crumb a{color:var(--text-muted)}