:root{--bg-main:#07090e;--bg-surface:#0e141f;--bg-surface-elevated:#141d2b;--bg-card:#0e1420;--bg-glass:#101827bf;--bg-glass-card:#141e308c;--border-subtle:#ffffff12;--border-focus:#10b98166;--border-glow:#38bdf859;--accent-primary:#05f292;--accent-primary-hover:#00d980;--accent-primary-glow:#05f29240;--accent-secondary:#00d2ff;--accent-secondary-glow:#00d2ff38;--accent-purple:#a855f7;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-success:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-accent:#05f292;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-card:0 10px 30px -10px #0009;--shadow-glow:0 0 25px #05f29233;--shadow-cyan:0 0 25px #00d2ff33;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.28s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 10%,#05f29214 0%,#0000 40%),radial-gradient(circle at 85% 25%,#00d2ff12 0%,#0000 45%),radial-gradient(circle at 50% 80%,#a855f70d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.55;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#07090e}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1f2d3d}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-weight:700}button,input,select,textarea{color:#fff;font-family:inherit}input,select,textarea{color:#fff;background-color:#080d16;border:1px solid #ffffff29}select option{color:#fff;background-color:#0c121d}select option:checked{color:#04140b;background-color:#05f292}button{cursor:pointer;transition:all var(--transition-smooth);background:0 0;border:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel-elevated{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #ffffff1a;box-shadow:0 15px 35px -5px #000000b3}.glow-emerald{box-shadow:var(--shadow-glow)}.glow-cyan{box-shadow:var(--shadow-cyan)}.btn-primary{color:#04140b;border-radius:var(--radius-md);transition:all var(--transition-smooth);background:linear-gradient(135deg,#05f292 0%,#00c978 100%);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #05f29259}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#24ffaa 0%,#05f292 100%);transform:translateY(-2px);box-shadow:0 6px 24px #05f29280}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,#fff 30%,#05f292 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-cyan-emerald{background:linear-gradient(135deg,#00d2ff 0%,#05f292 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.form-input,.input-field{border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem;color:#fff!important;background-color:#080d16!important;border:1.5px solid #ffffff2e!important}.form-input::placeholder,.input-field::placeholder{opacity:1;color:#64748b!important}.form-input:focus,.input-field:focus{border-color:var(--accent-primary)!important;background-color:#0c1422!important;box-shadow:0 0 0 3px #05f29238!important}select.input-field,select.form-input{cursor:pointer;color:#fff!important;background-color:#080d16!important}select.input-field option,select.form-input option{padding:10px 14px;color:#fff!important;background-color:#0b111a!important}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:#05f292;background:#05f2921f;border:1px solid #05f29247}.badge-cyan{color:#00d2ff;background:#00d2ff1f;border:1px solid #00d2ff47}.badge-warning{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b47}@keyframes softPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.pulse-animation{animation:2.5s ease-in-out infinite softPulse}.exercise-canvas-container{aspect-ratio:16/9;border-radius:var(--radius-md);background:radial-gradient(circle,#162436 0%,#0a1019 100%);border:1px solid #ffffff14;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@keyframes floatBiomech{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.biomech-figure{animation:3s ease-in-out infinite floatBiomech}.app-container{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 5.5rem}@media (width>=768px){.app-container{padding:2rem 1.5rem 4rem}}.desktop-nav-tabs{display:flex}@media (width<=768px){.desktop-nav-tabs{display:none!important}}.mobile-bottom-nav{z-index:45;-webkit-backdrop-filter:blur(20px);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:#080b12f0;border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 25px #00000080}@media (width>=769px){.mobile-bottom-nav{display:none!important}}.bottom-nav-container{justify-content:space-around;align-items:center;gap:.25rem;width:100%;max-width:540px;margin:0 auto;display:flex}.bottom-nav-item{border-radius:var(--radius-md);color:var(--text-dim);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.4rem .2rem;font-size:.68rem;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-icon-wrapper{justify-content:center;align-items:center;margin-bottom:.2rem;display:flex;position:relative}.bottom-nav-item.active .bottom-nav-icon-wrapper{color:var(--accent-primary);filter:drop-shadow(0 0 8px #05f29299)}.bottom-nav-item.main-action.active .bottom-nav-icon-wrapper{color:#04140b;background:linear-gradient(135deg,#05f292 0%,#00d2ff 100%);border-radius:50%;width:38px;height:38px;box-shadow:0 0 16px #05f29280}.bottom-nav-item.main-action .bottom-nav-icon-wrapper{background:#ffffff0f;border-radius:50%;width:38px;height:38px}.bottom-nav-pulse-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #ef4444}.bottom-nav-label{font-size:.68rem;font-weight:600;line-height:1}@media (width<=640px){.user-role-label{display:none!important}.glass-panel{padding:1.2rem 1rem!important}}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-18px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.floating-rest-hud{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade}