@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-base:#08080e;--bg-surface:#0e0e18;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-elevated:#ffffff14;--accent-lime:#c8ff00;--accent-lime-dim:#c8ff0026;--accent-orange:#ff5f1f;--accent-orange-dim:#ff5f1f26;--accent-cyan:#00d4ff;--accent-cyan-dim:#00d4ff26;--accent-purple:#9b59ff;--accent-purple-dim:#9b59ff26;--text-primary:#f2f2f7;--text-secondary:#8a8a9a;--text-muted:#4a4a5a;--text-accent:var(--accent-lime);--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--border-accent:#c8ff004d;--gradient-hero:linear-gradient(135deg, #1a0533 0%, #08080e 40%, #001033 100%);--gradient-lime:linear-gradient(135deg, #c8ff00 0%, #8c0 100%);--gradient-orange:linear-gradient(135deg, #ff5f1f 0%, #ff2d55 100%);--gradient-cyan:linear-gradient(135deg, #00d4ff 0%, #09c 100%);--gradient-card:linear-gradient(135deg, #ffffff0f 0%, #ffffff05 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 16px 64px #0009;--shadow-glow-lime:none;--shadow-glow-orange:none;--shadow-glow-cyan:none;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;--font-ui:"Space Grotesk", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-narrow{width:100%;max-width:680px;padding:0 var(--space-6);margin:0 auto}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-ui);letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-lime);color:#08080e;box-shadow:none}.btn-primary:hover{box-shadow:none;transform:translateY(-2px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-lime);color:var(--accent-lime)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:var(--gradient-orange);color:#fff;box-shadow:none}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:18px 36px;font-size:17px}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;padding:0}.badge{border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-lime{background:var(--accent-lime-dim);color:var(--accent-lime);border:1px solid #c8ff0033}.badge-orange{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid #ff5f1f33}.badge-cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid #00d4ff33}.badge-purple{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #9b59ff33}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600;font-family:var(--font-ui)}.form-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:14px 16px}.form-input:focus{border-color:var(--accent-lime);background:var(--bg-elevated);box-shadow:0 0 0 3px #c8ff0026}input[type=number]::-webkit-inner-spin-button{filter:invert(.85);cursor:pointer;height:20px;opacity:1!important}input[type=number]::-webkit-outer-spin-button{filter:invert(.85);cursor:pointer;height:20px;opacity:1!important}select.form-input option{padding:12px;color:#f0f2f5!important;background-color:#12121e!important}textarea.form-input{resize:none;box-sizing:border-box;border-radius:var(--radius-md);width:100%;height:90px;min-height:90px;margin:0;font-size:14px;line-height:1.35;display:block;overflow-y:auto;padding:8px 12px!important}textarea.form-input::-webkit-scrollbar{width:5px}textarea.form-input::-webkit-scrollbar-track{background:0 0;margin:6px 0}textarea.form-input::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}textarea.form-input::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A9A' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.metric-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.metric-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;font-size:42px;line-height:1}.metric-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-top:var(--space-1);font-size:12px;font-weight:600}.day-type-strength{color:var(--accent-orange)}.day-type-run{color:var(--accent-cyan)}.day-type-rest{color:var(--text-muted)}.workout-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.workout-card:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.workout-card.strength:before{background:var(--gradient-orange)}.workout-card.run:before{background:var(--gradient-cyan)}.workout-card.rest:before{background:linear-gradient(135deg,#333 0%,#222 100%)}.exercise-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.exercise-row:last-child{border-bottom:none}.exercise-row.completed{opacity:.5}.exercise-number{background:var(--bg-elevated);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);font-size:12px;font-weight:700;font-family:var(--font-ui);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-container{z-index:999;pointer-events:none;justify-content:center;align-items:center;padding:0 16px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;left:0;right:0}.nav-container.visible{opacity:1;transform:translateY(0)}.nav-container.hidden{opacity:0;transform:translateY(100px)}.nav-dock{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(180%);width:100%;max-width:420px;transition:transform var(--transition-normal);background:#0e0e18d1;border:1px solid #ffffff1f;border-radius:9999px;justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;display:flex;box-shadow:0 16px 36px #000000a6,0 4px 12px #0006,inset 0 1px #ffffff26}.nav-dock-item{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 10px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;border-radius:9999px!important;outline:none!important}.nav-dock-item:focus,.nav-dock-item:focus-visible,.nav-dock-item:active{-webkit-tap-highlight-color:transparent;border-radius:9999px!important;outline:none!important}.nav-dock-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-dock-item.active{color:var(--accent-lime);box-shadow:none;background:linear-gradient(135deg,#c8ff0024 0%,#c8ff000a 100%);border:1px solid #c8ff004d;transform:translateY(-1px)}.nav-icon-wrapper{justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-dock-item.active .nav-icon-wrapper{transform:scale(1.1)}.nav-dock-label{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-ui);margin-top:3px;transition:color .2s}.page{padding-top:var(--space-8);min-height:100vh;padding-bottom:120px}.page-header{padding:var(--space-6) 0 var(--space-8)}.page-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-size:48px;line-height:1}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-2);font-size:15px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:none}50%{box-shadow:none}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(50px)}}@keyframes streak-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:251px}}.animate-fade-in{animation:.25s ease-out both fadeIn}.animate-fade-in-scale{animation:.25s ease-out both fadeInScale}.animate-float{animation:4s ease-in-out infinite float}.animate-glow{animation:none}.stagger-children>*{animation:.25s ease-out both fadeIn}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:30ms}.stagger-children>:nth-child(3){animation-delay:60ms}.stagger-children>:nth-child(4){animation-delay:90ms}.stagger-children>:nth-child(5){animation-delay:.12s}.stagger-children>:nth-child(6){animation-delay:.15s}.stagger-children>:nth-child(7){animation-delay:.18s}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff14 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}::selection{background:var(--accent-lime-dim);color:var(--accent-lime)}:focus-visible{outline:2px solid var(--accent-lime);outline-offset:2px;border-radius:var(--radius-sm)}@media (width<=768px){.container{padding:0 var(--space-5)}.page-title{font-size:36px}.metric-value{font-size:32px}}@media (width<=480px){.container{padding:0 var(--space-4)}}