@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/archivo-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-variable.woff2) format("woff2")}:root,html.dark,body.dark{--bg-base: #14130F;--bg-surface: #1B1913;--bg-surface-elevated: #221F17;--text-primary: #F3F1E9;--text-secondary: #9B9789;--color-scheme: dark;--text-tertiary: #87836F;--accent-primary: #E1523C;--accent-text: var(--accent-primary);--border-subtle: #332F27;--border-divider: #4A453A;--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-surface-elevated);--nav-bg: #14130F;--nav-border: #332F27;--nav-active: #E1523C;--modal-bg: #1B1913;--input-bg: #14130F;--card-shadow: none;--color-gym: #38bdf8;--color-cardio: #0a84ff;--color-steps: #0ea5e9;--color-habits: #10b981;--color-success: #10b981;--color-strava: #FC5200;--color-warning: #f59e0b;--color-success-text: var(--color-success);--color-warning-text: var(--color-warning);--color-danger: #ef4444;--font-main: "Archivo", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", SFMono-Regular, monospace}html.light,body.light{--bg-base: #F4F6F8;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--text-primary: #1A1D20;--text-secondary: #4B5A6E;--color-scheme: light;--text-tertiary: #5F6C7E;--accent-primary: #FBC607;--accent-text: #083F4D;--border-subtle: #E2E8F0;--border-divider: #CBD5E1;--bg-card: var(--bg-surface);--bg-card-hover: #F1F5F9;--nav-bg: rgba(255, 255, 255, .95);--nav-border: #E2E8F0;--nav-active: #083F4D;--modal-bg: #FFFFFF;--input-bg: #F8FAFC;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=time]::-webkit-datetime-edit{padding:0}.onboarding-shell{background:var(--bg-base)!important}.onboarding-header{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important;padding-top:calc(14px + env(safe-area-inset-top,0px))!important}.onboarding-action{position:fixed!important;inset:auto 0 0;z-index:10;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--bg-base);border-top:1px solid var(--border-subtle)}.onboarding-action>button,.onboarding-finish-action{display:flex;width:min(100%,390px)!important;margin:0 auto;background:var(--accent-primary)!important;color:#f3f1e9!important;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.onboarding-finish-action{position:fixed!important;left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:10}#root{width:100%;max-width:430px;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-base);border-left:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);box-shadow:var(--card-shadow);transition:background-color .25s ease,border-color .25s ease}.app-container{width:100%;flex:1;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}.tab-content{flex:1;width:100%}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:84px;background:var(--nav-bg);border-top:1px solid var(--nav-border);display:flex;justify-content:space-around;align-items:center;z-index:100;padding:10px 8px calc(10px + env(safe-area-inset-bottom)) 8px;transition:background-color .25s ease,border-color .25s ease}.nav-item{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:10px 14px;transition:color .2s ease,transform .1s ease}.nav-item span{display:none}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--nav-active)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px)) 16px;animation:fadeIn .2s ease}.modal-sheet{width:100%;max-width:430px;max-height:85vh;background:var(--modal-bg);color:var(--text-primary);border-radius:18px;border:1px solid var(--border-divider);padding:20px 18px 24px;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px #0006;transition:background-color .25s ease,color .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes onboardingStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tab-skeleton{padding:16px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .2s ease}.tab-skeleton-block{border-radius:16px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}::-webkit-scrollbar{display:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-weight:700;opacity:1}body.light [style*="background: #161b26"],body.light [style*="background: rgb(22, 27, 38)"],body.light [style*="background:#161b26"],body.light [style*="background-color: #161b26"],body.light [style*="background-color: rgb(22, 27, 38)"]{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important;box-shadow:0 2px 8px #0000000a}body.light [style*="background: #0c0f17"],body.light [style*="background: rgb(12, 15, 23)"],body.light [style*="background:#0c0f17"],body.light [style*="background-color: #0c0f17"],body.light [style*="background-color: rgb(12, 15, 23)"]{background:var(--bg-base)!important;border-color:var(--border-subtle)!important}body.light [style*="background: #1a1c24"],body.light [style*="background: #121622"],body.light [style*="background: #090c12"]{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}body.light .modal-sheet [style*="color: #fff"],body.light .modal-sheet [style*="color: #ffffff"],body.light .modal-sheet [style*="color: rgb(255, 255, 255)"]{color:var(--text-primary)!important}body.light [style*="background: #ef4444"] [style*="color: #fff"],body.light [style*="background: var(--color-danger)"] [style*="color: #fff"],body.light [style*="background: #ff3b30"] [style*="color: #fff"],body.light [style*="background: #10b981"] [style*="color: #fff"],body.light [style*="background: var(--color-success)"] [style*="color: #fff"],body.light [style*="background: #0ea5e9"] [style*="color: #fff"],body.light [style*="background: var(--color-steps)"] [style*="color: #fff"],body.light [style*="background: #083F4D"] [style*="color: #fff"],body.light [style*="background: rgb(239, 68, 68)"] [style*="color: #fff"],body.light [style*="background: rgb(16, 185, 129)"] [style*="color: #fff"],body.light [style*="background: rgb(14, 165, 233)"] [style*="color: #fff"],body.light [style*="background: rgb(8, 63, 77)"] [style*="color: #fff"]{color:#fff!important}body.light [style*="background: #f59e0b"],body.light [style*="background: var(--color-warning)"],body.light [style*="background: #FBC607"],body.light [style*="background: var(--accent-primary)"]{color:#1a1d20!important}body:not(.light) [style*="background: var(--accent-primary)"]{color:#14130f!important}@media (pointer: coarse){button:not([style*=position]):not(.no-hit-area){position:relative}button:not([style*=position]):not(.no-hit-area):after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}body.light input,body.light select,body.light textarea{color:var(--text-primary)!important;border-color:var(--border-subtle)!important}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.menu-row-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;margin:0;background:transparent;border:none;border-radius:0;color:inherit;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.row-6,.row-8,.row-10,.row-12,.row-14{display:flex;align-items:center}.row-6{gap:6px}.row-8{gap:8px}.row-10{gap:10px}.row-12{gap:12px}.row-14{gap:14px}.row-between{display:flex;justify-content:space-between;align-items:center}.stack-8,.stack-16{display:flex;flex-direction:column}.stack-8{gap:8px}.stack-16{gap:16px}.text-strong{font-size:14px;font-weight:700;color:var(--text-primary)}.heading-caps{margin:0 0 6px;font-size:12px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.powered-by-strava .strava-logo-on-light,html.light .powered-by-strava .strava-logo-on-dark{display:none}html.light .powered-by-strava .strava-logo-on-light{display:inline}html.light,body.light{--color-strava: #C84300}html.light,body.light{--color-success-text: #047857;--color-warning-text: #B45309}body.light [style^="color: var(--color-success)"],body.light [style*="; color: var(--color-success)"]{color:var(--color-success-text)!important}body.light [style^="color: var(--color-warning)"],body.light [style*="; color: var(--color-warning)"]{color:var(--color-warning-text)!important}
