*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:#e4e4e7;-webkit-font-smoothing:antialiased;background:#0a0a0f;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{min-height:100dvh}header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#0f0f17;border-bottom:1px solid #1a1a2e;padding:1rem 1.25rem;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:960px;margin:0 auto;display:flex}h1{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;display:flex}h1 span{color:#e10600}.series-nav{flex-wrap:wrap;gap:.375rem;display:flex}.series-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.series-btn:hover{color:#e4e4e7;border-color:#52525b}.series-btn.active{color:#fff;background:#e10600;border-color:#e10600}.refresh-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;align-items:center;gap:.5rem;margin-left:auto;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.refresh-btn:hover{color:#e4e4e7;border-color:#52525b}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.loading .spinner{animation:.8s linear infinite spin;display:inline-block}main{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.series-label{text-transform:uppercase;letter-spacing:.08em;color:#52525b;margin-bottom:1rem;font-size:.75rem;font-weight:600}.empty-state{text-align:center;color:#52525b;padding:3rem 1rem}.empty-state p{margin-top:.5rem;font-size:.9375rem}.next-event-hero{text-align:center;background:linear-gradient(135deg,#1a0a0a 0%,#12121a 50%,#0a0a1a 100%);border:1px solid #3a1a1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.hero-label{text-transform:uppercase;letter-spacing:.12em;color:#e10600;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.hero-meeting{color:#f4f4f5;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.hero-session{color:#a1a1aa;margin-bottom:.5rem;font-size:.875rem}.hero-time{color:#71717a;margin-bottom:1rem;font-size:.8125rem}.hero-countdown{font-variant-numeric:tabular-nums;color:#e10600;letter-spacing:.04em;font-size:2rem;font-weight:800}.hero-countdown.started{color:#22c55e;font-size:1.125rem}.meeting-group{margin-bottom:2.5rem}.meeting-header{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.meeting-name{color:#f4f4f5;font-size:1.0625rem;font-weight:700}.meeting-date{color:#71717a;font-size:.8125rem}.session-list{flex-direction:column;gap:.375rem;display:flex}.session-card{background:#12121a;border:1px solid #1e1e2e;border-radius:8px;align-items:center;gap:.75rem;padding:.6875rem .875rem;transition:border-color .15s;display:flex}.session-card:hover{border-color:#2e2e42}.session-card.is-past{opacity:.35}.session-card.is-past .session-summary,.session-card.is-past .session-time{color:#52525b}.session-card.is-next{background:linear-gradient(90deg,#1a0a0a 0%,#12121a 30%,#0f0f17 100%);border-color:#5a1a1a;box-shadow:0 0 0 1px #e1060026,0 4px 12px #0000004d}.session-type-badge{white-space:nowrap;text-align:center;border-radius:4px;min-width:4rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.badge-practice{color:#7dd3fc;background:#1e3a5f}.badge-qualifying{color:#d8b4fe;background:#3b1f4e}.badge-sprint{color:#fcd34d;background:#3b2f1e}.badge-race{color:#fca5a5;background:#3a0e0e}.badge-other{color:#a1a1aa;background:#27272a}.session-info{flex:1;min-width:0}.session-summary{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.session-location{color:#71717a;margin-top:.125rem;font-size:.75rem}.session-time{color:#a1a1aa;white-space:nowrap;text-align:right;font-size:.8125rem}.session-time .date{color:#52525b;font-size:.6875rem;display:block}.toast{z-index:100;opacity:0;pointer-events:none;border-radius:8px;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:500;transition:opacity .25s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.toast.success{color:#bbf7d0;background:#166534;border:1px solid #22c55e}.toast.error{color:#fca5a5;background:#450a0a;border:1px solid #dc2626}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.header-inner{flex-direction:column;align-items:stretch;gap:.75rem}.refresh-btn{margin-left:0}.meeting-header{flex-direction:column;align-items:flex-start;gap:.25rem}.session-card{flex-wrap:wrap;gap:.5rem}.session-time{text-align:left;width:100%;padding-left:0}}