:root{--bg:#0d1f2d;--surface-1:#142a3d;--surface-2:#1a3247;--card-stark:#0a1825;--separator:#ffffff1a;--hairline:#ffffff14;--hairline-soft:#ffffff0d;--text-primary:#f5f7fa;--text-secondary:#f5f7fa9e;--text-tertiary:#f5f7fa61;--text-on-brand:#0d1f2d;--brand:#c8ff26;--success:#30d158;--danger:#ff453a;--warning:#ff9f0a;--info:#0a84ff;--ring-matches:#c8ff26;--ring-workouts:#0a84ff;--color-win:#30d158;--color-loss:#ff453a;--color-draw:#ff9f0a;--upcoming-bg:#fff;--upcoming-text:#000;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Tight", system-ui, sans-serif;--font-round:-apple-system-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--r-card:20px;--r-input:14px;--r-pill:999px;--ease-ios:cubic-bezier(.32, .72, 0, 1);--duration-default:.2s;--duration-screen:.28s;--bg-primary:var(--bg);--surface:var(--surface-1);--surface-elevated:var(--surface-2);--accent-primary:var(--brand);--accent-secondary:#67b0b7;--text-muted:var(--text-secondary);--border-subtle:var(--hairline);--border-accent:#c8ff2626;--modal-backdrop:#0d1f2dd9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:600px;min-height:100svh;margin:0 auto}input,select,textarea,button{font-family:var(--font)}h1,h2,h3{color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}select option{background:var(--surface-1);color:var(--text-primary)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--border-accent)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(94%)sepia(63%)saturate(1000%)hue-rotate(20deg)brightness(105%)contrast(105%);cursor:pointer;opacity:.85}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(94%)sepia(63%)saturate(1000%)hue-rotate(20deg)brightness(105%)contrast(105%);cursor:pointer;opacity:.85}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker{box-shadow:0 12px 40px #00000080;background-color:var(--surface-1)!important;font-family:var(--font)!important;border:1px solid #67b0b74d!important;border-radius:12px!important}.react-datepicker__header{background-color:var(--surface-1)!important;border-bottom:1px solid #67b0b733!important;border-radius:12px 12px 0 0!important;padding-top:14px!important}.react-datepicker__triangle{display:none!important}.react-datepicker__current-month{color:var(--text-primary)!important;margin-bottom:8px!important;font-size:14px!important;font-weight:600!important}.react-datepicker__day-name{color:var(--text-secondary)!important;font-size:12px!important}.react-datepicker__day{color:var(--text-primary)!important;border-radius:6px!important;transition:background .12s!important}.react-datepicker__day:hover:not(.react-datepicker__day--selected){background-color:var(--surface-2)!important;color:var(--text-primary)!important}.react-datepicker__day--selected,.react-datepicker__day--selected:hover{background-color:var(--brand)!important;color:var(--bg)!important;font-weight:700!important}.react-datepicker__day--keyboard-selected{background-color:var(--border-accent)!important;color:var(--brand)!important}.react-datepicker__day--today:not(.react-datepicker__day--selected){color:var(--brand)!important;background-color:#c8ff261a!important;font-weight:700!important}.react-datepicker__day--outside-month{opacity:.4;color:var(--text-secondary)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--brand)!important}.react-datepicker-popper{z-index:9999!important}.drum-scroll::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}