:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a;--bg-elevated: #1a1a1a;--bg-input: #111111;--bg-hover: #1a1a1a;--border-subtle: #1a1a1a;--border-default: #2a2a2a;--border-strong: #333333;--text-primary: #f0f0f0;--text-secondary: #d4d4d4;--text-muted: #777777;--text-dim: #777777;--text-inverse: #0a0a0a;--accent: #c8c8c8;--accent-green: #f0f0f0;--accent-green-dim: #d4d4d4;--accent-green-bg: rgba(240, 240, 240, .06);--accent-red: #c44;--accent-red-bg: rgba(204, 68, 68, .08);--accent-yellow: #c90;--accent-yellow-bg: rgba(204, 153, 0, .08);--accent-blue: #89a;--accent-blue-bg: rgba(136, 153, 170, .08);--status-met: #8a8;--status-met-bg: rgba(136, 170, 136, .08);--status-warning: #a86;--status-warning-bg: rgba(170, 136, 102, .08);--status-danger: #a66;--status-danger-bg: rgba(170, 102, 102, .08);--font-display: "Space Grotesk", sans-serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "Space Grotesk", "SF Mono", monospace;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .6s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{color:var(--text-secondary);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}::selection{background:#333;color:var(--text-primary)}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes progressFill{0%{width:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hrDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blink{50%{opacity:0}}.animate-fade-in{animation:fadeIn .7s var(--ease-out)}.animate-slide-up{animation:slideUp .7s var(--ease-out)}.animate-slide-down{animation:slideDown .5s var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:1rem 2.5rem;font-family:var(--font-display);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--text-muted);color:var(--bg-primary)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--status-danger);border:1px solid var(--status-danger)}.btn-danger:hover{background:var(--accent-red-bg)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.75rem 1rem}.btn-ghost:hover{color:var(--text-primary)}.btn-lg{padding:1.125rem 2.5rem;font-size:.9375rem}.btn-sm{padding:.5rem 1.25rem;font-size:.75rem;letter-spacing:.08em}.btn-full{width:100%;text-align:center}.btn-icon{padding:.625rem;min-width:40px}.input{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;font-weight:300;outline:none;transition:border-color .2s}.input:focus{border-color:var(--text-muted)}.input::placeholder{color:#444}.input-label{display:block;margin-bottom:.5rem;font-family:var(--font-sans);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.textarea{resize:vertical;min-height:80px;font-family:var(--font-sans);font-weight:300}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23777' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-left:2px solid var(--border-default);padding:1.25rem 1.5rem;transition:transform .3s ease,border-color .3s ease}.card:hover{border-left-color:var(--text-muted);transform:translate(4px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-title{font-family:var(--font-sans);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.metric-value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--text-primary);animation:countUp .6s var(--ease-out)}.metric-value-sm{font-size:1.5rem}.metric-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:.375rem}.progress-bar{width:100%;height:2px;background:var(--border-default);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--text-primary);transform-origin:left center;transition:width 1s var(--ease-out);animation:progressFill 1s var(--ease-out)}.progress-fill.warning{background:var(--status-warning)}.progress-fill.danger{background:var(--status-danger)}.badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;font-family:var(--font-sans);font-size:.625rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.badge-green{background:var(--status-met-bg);color:var(--status-met)}.badge-yellow{background:var(--status-warning-bg);color:var(--status-warning)}.badge-red{background:var(--accent-red-bg);color:var(--status-danger)}.badge-blue{background:var(--accent-blue-bg);color:var(--accent-blue)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0a0ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-default);padding-bottom:var(--safe-bottom);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-family:var(--font-sans);font-size:.5625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--text-primary)}.nav-item svg{width:20px;height:20px;stroke-width:1.5}.toast{position:fixed;top:calc(12px + var(--safe-top));left:12px;right:12px;padding:1rem 1.25rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-default);font-size:.875rem;font-weight:300;z-index:200;animation:slideDown .5s var(--ease-out)}.toast-success{border-left:2px solid var(--status-met)}.toast-error{border-left:2px solid var(--status-danger)}.toast-warning{border-left:2px solid var(--status-warning)}.gps-prompt{position:fixed;bottom:80px;left:12px;right:12px;background:#0a0a0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);padding:1.25rem 1.5rem;z-index:150;animation:slideUp .6s var(--ease-out)}.gps-prompt-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.gps-prompt-subtitle{font-size:.8125rem;font-weight:300;color:var(--text-muted);margin-bottom:1rem}.gps-prompt-actions{display:flex;gap:8px}.page{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:1rem 1.5rem;padding-top:calc(1rem + var(--safe-top));border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.page-content{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:calc(80px + var(--safe-bottom))}.timer-display{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,4rem);font-weight:700;text-align:center;color:var(--text-primary);letter-spacing:-.02em}.timer-label{text-align:center;font-family:var(--font-sans);font-size:.6875rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:.5rem}.gauge{position:relative;width:100px;height:100px}.gauge-circle{transform:rotate(-90deg);transform-origin:50% 50%}.gauge-bg{stroke:var(--border-default)}.gauge-fill{transition:stroke-dashoffset 1s var(--ease-out)}.gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.year-switcher{display:flex;align-items:center;gap:4px}.year-switcher button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:16px;transition:color .2s}.year-switcher button:hover{color:var(--text-primary)}.year-switcher .year{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-muted);min-width:50px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:1.5rem;opacity:.15}.empty-state-text{color:var(--text-muted);font-size:.875rem;font-weight:300;max-width:280px;line-height:1.6}.coaching-card{position:relative;padding:1rem 1.25rem 1rem 1.5rem;border-left:2px solid var(--border-default);background:transparent;margin-bottom:.5rem;font-size:.8125rem;font-weight:300;line-height:1.65;color:var(--text-secondary);transition:transform .3s ease,border-color .3s ease;animation:slideUp .6s var(--ease-out)}.coaching-card:hover{transform:translate(4px);border-left-color:var(--text-muted)}.coaching-card.success{border-left-color:var(--status-met)}.coaching-card.warning{border-left-color:var(--status-warning)}.coaching-card.info{border-left-color:var(--accent-blue)}.disclaimer-banner{background:transparent;border:1px solid var(--border-default);border-left:2px solid var(--text-muted);padding:.875rem 1.25rem;font-size:.6875rem;font-weight:300;color:var(--text-muted);line-height:1.65;letter-spacing:.01em}.section-divider{width:100%;height:1px;background:var(--border-default);margin:1.5rem 0;transform-origin:left center;animation:hrDraw 1s var(--ease-out)}