:root{--color-primary: #1d3d73;--color-primary-dark: #142a52;--color-accent: #ef7a30;--color-accent-dark: #d9631c;--color-bg: #f4f6f5;--color-text: #1f2937;--color-error: #b91c1c;--color-error-bg: #fee2e2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem 1.75rem;display:flex;flex-direction:column}.auth-card h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--color-primary);text-align:center}.auth-logo{display:block;width:128px;height:128px;margin:0 auto 1.25rem;border-radius:22px;box-shadow:0 4px 18px #1d3d732e}.auth-subtitle{margin:0 0 1.5rem;text-align:center;color:#6b7280;font-size:.95rem}.auth-card label{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.auth-card input{padding:.65rem .75rem;margin-bottom:1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.auth-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e26}.auth-card button{padding:.75rem;border:none;border-radius:8px;background:var(--color-accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.auth-card button:hover:not(:disabled),.auth-card button:active:not(:disabled){background:var(--color-accent-dark)}.auth-card button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background:var(--color-error-bg);color:var(--color-error);border-radius:8px;padding:.6rem .75rem;font-size:.9rem;margin:0 0 1rem}.auth-switch{margin:1.25rem 0 0;text-align:center;font-size:.9rem}.auth-switch a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border:none;border-radius:10px;background:var(--color-accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--color-accent-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.75rem 1.25rem;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer}.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;padding:.5rem 0;text-align:left}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell-content{flex:1;padding-bottom:5.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e5e7eb;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 12px #0000000f;z-index:10}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 0 .5rem;color:#6b7280;text-decoration:none;font-size:.72rem;font-weight:600;min-height:56px;justify-content:center}.bottom-nav-icon{font-size:1.35rem;line-height:1}.bottom-nav-item.active{color:var(--color-primary)}.page{max-width:560px;margin:0 auto;padding:1.5rem 1.25rem 1rem}.page h1{margin:0 0 .15rem;color:var(--color-primary);font-size:1.5rem}.page-subtitle{margin:0 0 1.25rem;color:#6b7280;font-size:.95rem}.page-loading,.empty-hint{color:#6b7280;padding:1rem 0}.section-heading{font-size:1.05rem;margin:1.75rem 0 .75rem;color:var(--color-text)}.run-list{display:flex;flex-direction:column;gap:.75rem}.info-banner{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;margin:0 0 1.25rem}.week-group+.week-group{margin-top:.5rem}.empty-state{max-width:420px;margin:3rem auto 0;padding:2rem 1.5rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.empty-state-emoji{font-size:2.5rem;margin:0 0 .5rem}.empty-state h2{margin:0 0 .5rem;color:var(--color-primary)}.empty-state p{color:#6b7280;margin:0 0 1.5rem}.run-card{background:#fff;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 2px 10px #0000000d;border-left:4px solid var(--color-primary)}.run-card.rest{border-left-color:#cbd5e1;background:#fafafa}.run-card.done{border-left-color:#16a34a}.run-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem}.run-card-date{font-size:.8rem;color:#6b7280;text-transform:capitalize}.run-card-type{font-weight:700;font-size:1.05rem}.run-card-distance{font-size:.95rem;color:var(--color-primary-dark);font-weight:600;margin-bottom:.25rem}.run-card-notes{margin:.25rem 0 .5rem;color:#4b5563;font-size:.9rem}.run-card-result{margin:.5rem 0 0;color:#16a34a;font-weight:600;font-size:.9rem}.run-card-result.skipped{color:#b45309}.run-card-moved-note{margin:.25rem 0 0;color:#6b7280;font-size:.8rem;font-style:italic}.run-card-actions{display:flex;gap:.6rem;margin-top:.9rem}.run-card-actions .btn-primary,.run-card-actions .btn-secondary{flex:1;padding:.6rem}.week-strip{display:flex;justify-content:space-between;background:#fff;border-radius:14px;padding:1rem .5rem;margin-bottom:1.25rem;box-shadow:0 2px 10px #0000000d}.week-strip-day{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1}.week-strip-day.today .week-strip-label{color:var(--color-primary);font-weight:700}.week-strip-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.dot-rest{background:#cbd5e1}.dot-done{background:#16a34a}.dot-upcoming{background:#eab308}.dot-missed{background:#dc2626}.dot-empty{background:#e5e7eb}.week-strip-label{font-size:.75rem;color:#6b7280}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center}.progress-ring-pct{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.progress-ring-label{font-size:.75rem;color:#6b7280}.stats-hero{display:flex;justify-content:center;margin:.5rem 0 1.5rem}.stats-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-tile{background:#fff;border-radius:14px;padding:1rem;text-align:center;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:.25rem}.stats-tile-value{font-size:1.3rem;font-weight:700;color:var(--color-primary-dark)}.stats-tile-label{font-size:.78rem;color:#6b7280}.chart-wrap{background:#fff;border-radius:14px;padding:1rem .5rem .5rem;box-shadow:0 2px 10px #0000000d}.settings-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;overflow:hidden;margin-bottom:1.5rem}.settings-row{display:flex;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid #f1f5f9}.settings-row:last-child{border-bottom:none}.settings-label{color:#6b7280;font-size:.9rem}.settings-value{font-weight:600}.settings-value.muted{color:#9ca3af;font-weight:500}.settings-toggle-row{align-items:center}.settings-toggle{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0;border:none;border-radius:999px;background:#d1d5db;cursor:pointer;transition:background .15s ease;padding:0}.settings-toggle.on{background:var(--color-primary)}.settings-toggle:disabled{opacity:.6;cursor:not-allowed}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease}.settings-toggle.on .settings-toggle-knob{transform:translate(18px)}.settings-toggle-hint{margin:.5rem 1.1rem .9rem;font-size:.8rem;color:#9ca3af}.logout-btn{width:100%;color:var(--color-error);border-color:#fca5a5}.danger-btn{width:100%;margin-top:.6rem;color:#fff;background:var(--color-error);border-color:var(--color-error)}.settings-credit{margin-top:2rem;text-align:center;font-size:.78rem;color:#9ca3af}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.onboarding-card{width:100%;max-width:460px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem 1.75rem}.onboarding-card h1{margin:0 0 .25rem;color:var(--color-primary);font-size:1.4rem;text-align:center}.onboarding-logo{display:block;width:96px;height:96px;margin:0 auto 1rem;border-radius:18px;box-shadow:0 4px 16px #1d3d7329}.page-header-row{display:flex;align-items:center;gap:.5rem}.page-logo{width:30px;height:30px;flex-shrink:0;border-radius:8px;box-shadow:0 1px 4px #1d3d7333}.onboarding-step-indicator{text-align:center;color:#9ca3af;font-size:.8rem;margin:0 0 1.5rem}.onboarding-card h2{font-size:1.1rem;margin:0 0 1rem}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.choice-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.choice-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1.25rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.choice-card:hover{border-color:var(--color-primary);background:#f0fdfa}.choice-card.wide{align-items:flex-start;text-align:left;padding:1rem 1.15rem}.choice-card.wide span{font-weight:400;font-size:.85rem;color:#6b7280}.choice-card-meta{color:var(--color-primary)!important;font-weight:600!important}.onboarding-card form{display:flex;flex-direction:column}.onboarding-card label{font-size:.85rem;font-weight:600;margin-bottom:.35rem}.onboarding-card input[type=date]{padding:.65rem .75rem;margin-bottom:1.25rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.summary-list{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0 0 1.5rem}.summary-list dt{color:#6b7280;font-size:.85rem}.summary-list dd{margin:0;font-weight:600;text-align:right}