:root{--primary-color: #ff9d00;--secondary-color: #00a0e9;--bg-color: #0f0f11;--surface-color: #1a1a1f;--surface-hover: rgba(255, 255, 255, .06);--surface-elevated: rgba(255, 255, 255, .04);--sidebar-color: rgba(22, 22, 28, .85);--text-color: #ececf1;--text-muted: #8e8ea0;--text-dim: #6e6e80;--glass-bg: rgba(22, 22, 28, .85);--glass-border: rgba(255, 255, 255, .08);--accent-gradient: linear-gradient(135deg, #ff9d00, #ff6b00);--accent-color: #ff9d00;--success-color: #34d399;--danger-color: #f87171;--accent-subtle: rgba(255, 157, 0, .08);--accent-border: rgba(255, 157, 0, .25);--accent-hover: rgba(255, 157, 0, .15);--success-subtle: rgba(52, 211, 153, .08);--success-border: rgba(52, 211, 153, .22);--danger-subtle: rgba(248, 113, 113, .08);--danger-border: rgba(248, 113, 113, .25);--session-color: #0891b2;--session-subtle: rgba(8, 145, 178, .08);--session-border: rgba(8, 145, 178, .25);--session-text: #38bdf8;--surface-card: rgba(22, 22, 28, .92);--color-white: #fff;--color-black: #000;--color-light-gray: #e0e0e0;--color-medium-gray: #ccc;--color-dark-gray: #333;--color-very-dark: #1e272e;--strava-color: #fc4c02;--dev-accent-color: #f59e0b;--google-white: #fff;--google-text: #333;--positive-color: #2ecc71;--positive-alt: #4ade80;--negative-color: #e74c3c;--metric-fitness: #60a5fa;--metric-fatigue: #f87171;--metric-form-positive: #4ade80;--metric-form-negative: #f87171;--metric-power: #f39c12;--metric-heartrate: #e74c3c;--metric-cadence: #3498db;--block-warmup: #3498db;--block-cooldown: #6c5ce7;--block-interval: #e74c3c;--block-steady: #9b59b6;--block-ramp: #f1c40f;--block-free: #95a5a6;--chart-tsb-positive: #3b82f6;--chart-tsb-negative: #e74c3c;--chart-warmup: #0984e3;--chart-cooldown: #6c5ce7}*{box-sizing:border-box;font-family:Inter,sans-serif}body{margin:0;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.premium-button{background:var(--accent-gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.premium-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff9d004d}.premium-button:active{transform:translateY(0)}.summary-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.summary-card{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 50px #00000080;max-width:90%;animation:cardSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-header{display:flex;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid var(--glass-border);flex-shrink:0;border-radius:12px}