:root,[data-theme=dark]{color-scheme:dark;--bg: #121418;--panel: #1a1d24;--line: #2a3140;--text: #e8eaef;--muted: #9aa3b2;--accent: #4c8bf5;--danger: #e05858;--ok: #5dd39e;--arena-amber: #c9a227;--arena-heat: #e85d4c;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}[data-theme=light]{color-scheme:light;--bg: #eceae8;--panel: #f7f5f3;--line: #ddd9d4;--text: #2c2a28;--muted: #7a7670;--accent: #5c7eb3;--danger: #b84a4a;--ok: #2e7d5a;--arena-amber: #a16207;--arena-heat: #c2410c;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1rem;background:var(--line);color:var(--text)}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}@media(prefers-reduced-motion:reduce){button:hover{filter:none!important}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.panel h1{margin:0 0 .35rem;font-size:1.35rem;font-weight:650}.panel .muted{margin:0 0 1rem;color:var(--muted);font-size:.98rem}@media(max-width:720px){.panel{padding:.85rem .75rem;border-radius:10px}.panel h1{font-size:1.22rem}}.muted{color:var(--muted)}.small{font-size:.88rem}a.hub-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;text-decoration:none;border-radius:8px;padding:.55rem 1rem;background:var(--accent);color:#fff;border:none}a.hub-primary-link:hover{filter:brightness(1.08)}.hub-root{min-height:100vh;display:flex;flex-direction:column}.hub-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}.hub-brand{font-weight:650;font-size:1.05rem;letter-spacing:.02em}.hub-header-actions{display:flex;align-items:center;gap:.5rem}.hub-theme-toggle{padding:.4rem .65rem;font-size:.85rem;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.hub-theme-toggle:hover{color:var(--text);border-color:var(--accent)}.hub-main{flex:1;width:100%;max-width:52rem;margin:0 auto;padding:2.25rem 1.25rem 3rem}@media(max-width:640px){.hub-main{padding:1.5rem .75rem 2.5rem}}.hub-intro{margin:0 0 1.25rem;font-size:1rem;color:var(--muted);max-width:40rem}.hub-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.hub-tabs button{padding:.45rem 1rem;border-radius:8px;background:transparent;border:1px solid var(--line);color:var(--muted)}.hub-tabs button:hover{color:var(--text)}.hub-tabs button.hub-tab--active{color:var(--text);border-color:var(--accent);background:#4c8bf51f}[data-theme=light] .hub-tabs button.hub-tab--active{background:#5c7eb324}.hub-tab-label{display:inline-flex;align-items:center;gap:.35rem}.hub-lock{font-size:.75rem;opacity:.85}.hub-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.hub-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .45rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);background:var(--bg)}.hub-badge--soon{border-color:#4c8bf559;color:var(--accent)}[data-theme=light] .hub-badge--soon{border-color:#5c7eb366}@media(prefers-reduced-motion:reduce){a.hub-primary-link:hover{filter:none!important}}