@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--c-bg:#050c1a;--c-surface-1:#0a1628;--c-surface-2:#0f1e35;--c-surface-3:#152543;--c-border:#3882d626;--c-border-glow:#38beff59;--c-teal:#00d4ff;--c-teal-dim:#00d4ff1f;--c-teal-mid:#00d4ff59;--c-green:#00ff9d;--c-green-dim:#00ff9d1f;--c-orange:#ff7e2e;--c-orange-dim:#ff7e2e26;--c-red:#f46;--c-red-dim:#ff446626;--c-purple:#b57bff;--c-text-primary:#e8f4ff;--c-text-secondary:#7fa8d4;--c-text-muted:#7894b1;--glow-teal:0 0 20px #00d4ff40, 0 0 60px #00d4ff14;--glow-green:0 0 20px #00ff9d33;--r-card:16px;--r-chip:8px;--r-btn:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--c-bg);color:var(--c-text-primary);background-image:radial-gradient(80% 50% at 50% -20%,#0064b440 0%,#0000 70%),radial-gradient(40% 30% at 80% 100%,#0028644d 0%,#0000 60%);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button,a{touch-action:manipulation}@media (max-width:640px){:where(button,a,select,input[type=checkbox]){min-height:44px}body{padding-bottom:68px}}img,video{max-width:100%;display:block}:where(a,button,input,select):focus-visible{outline:2px solid var(--c-teal);outline-offset:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-surface-1)}::-webkit-scrollbar-thumb{background:var(--c-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-teal-mid)}.glass{-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid var(--c-border);border-radius:var(--r-card);background:#0a1628b3}.glass:hover{border-color:var(--c-border-glow);transition:border-color .3s}.gradient-text{background:linear-gradient(135deg, var(--c-teal) 0%, var(--c-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.chip-live{background:var(--c-green-dim);color:var(--c-green);border:1px solid #00ff9d4d}.chip-stopped{background:var(--c-red-dim);color:var(--c-red);border:1px solid #ff44664d}.chip-warn{background:var(--c-orange-dim);color:var(--c-orange);border:1px solid #ff7e2e4d}.chip-idle{background:var(--c-surface-3);color:var(--c-text-secondary);border:1px solid var(--c-border)}.pulse{background:var(--c-green);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-anim;box-shadow:0 0 #00ff9d99}@keyframes pulse-anim{0%{box-shadow:0 0 #00ff9d99}70%{box-shadow:0 0 0 8px #00ff9d00}to{box-shadow:0 0 #00ff9d00}}.btn-primary{color:#fff;border-radius:var(--r-btn);background:linear-gradient(135deg,#006fad 0%,#0092d9 100%);align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0092d966}.btn-primary:active{transform:translateY(0)}.btn-danger{color:var(--c-red);border-radius:var(--r-btn);background:#ff446626;border:1px solid #ff44664d;align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.btn-danger:hover{background:#ff446647;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--c-border);color:var(--c-text-secondary);border-radius:var(--r-btn);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--c-teal-mid);color:var(--c-teal)}.skeleton{background:linear-gradient(90deg, var(--c-surface-2) 25%, var(--c-surface-3) 50%, var(--c-surface-2) 75%);background-size:200% 100%;border-radius:8px;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.5s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mono{font-family:JetBrains Mono,monospace}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--canvas:var(--c-bg);--surface:var(--c-surface-1);--surface-raised:var(--c-surface-2);--text:var(--c-text-primary);--text-secondary:#a2bdd7;--border:#29425d;--action:#6dd8eb;--positive:#79d9ae;--warning:#ffd38a;--stale:#c1accf;--error:#ff91a5;--c-text-secondary:var(--text-secondary);--c-border:var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-image:none}button,input,select,textarea{color:var(--text);font-size:1rem}button,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}select,input:not([type=checkbox]):not([type=radio]){background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:10px}input[type=checkbox],input[type=radio]{accent-color:var(--action)}summary{cursor:pointer;padding-block:12px}.glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}h2{font-size:clamp(24px,3vw,32px)}.skip-link{z-index:10000;background:var(--surface-raised);padding:16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.session-form{flex-wrap:wrap;align-items:end;gap:16px;padding-block:16px;display:flex}.session-form label{gap:8px;display:grid}.session-form small{color:var(--text-secondary);flex-basis:100%;font-size:14px}.session-hours{flex-wrap:wrap;gap:8px;padding-block:12px;display:flex}.session-hours button{background:var(--surface-raised);border-radius:8px;padding:8px 12px}.resource-notice{border-left:3px solid var(--warning);background:var(--surface);margin-block:16px;padding:20px}.ride-results{gap:16px;margin-block:24px;display:grid}.ride-results>p,.ride-results>small{color:var(--text-secondary);font-size:14px}.spot-choice{align-items:center;gap:12px;min-height:44px;padding-inline:12px;display:flex}.hour-label{color:var(--text-secondary);min-height:28px;font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:640px){.session-form{gap:8px}.session-form label{width:100%}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}.hour-label{grid-column:1/-1;padding-top:16px}.compact-session label{flex:1;min-width:130px}.compact-session button{align-self:end}.advanced-session{color:var(--text-secondary);font-size:14px}@media (max-width:640px){.compact-session{grid-template-columns:1fr 1fr;display:grid}.compact-session label{min-width:0;font-size:14px}.compact-session input{width:100%;min-width:0}}.sparkline{width:62px;height:24px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--action);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline circle{fill:var(--action)}.result-count{color:var(--text-secondary);font-size:14px}