*,:before,:after{box-sizing:border-box}body{color:#e5ecf5;background:#05060a;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}header{margin-bottom:12px}header h1{margin:0;font-size:1.25rem}header nav a{font-size:.9rem}.card{background:#111827;border:1px solid #1f2937;border-radius:18px;margin-bottom:12px;padding:14px 16px;box-shadow:0 10px 25px #0006}.small{color:#9ca3af;font-size:.8rem}.badge{color:#e5ecf5;background:#1f2937;border-radius:999px;justify-content:center;align-items:center;margin-right:8px;padding:2px 8px;font-size:.75rem;display:inline-flex}.input{color:#e5ecf5;background:#020617;border:1px solid #374151;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:.95rem}.input::placeholder{color:#6b7280}.input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 1px #38bdf8cc}.btn{cursor:pointer;color:#020617;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:transform 50ms,box-shadow 50ms,opacity .1s;display:inline-flex;box-shadow:0 10px 20px #38bdf859}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #38bdf866}.btn:active{transform:translateY(0);box-shadow:0 6px 14px #0f172acc}.btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.btn-wide{width:100%}.workout-page{padding-bottom:96px}.footer-bar{background:linear-gradient(#0000,#020617eb,#020617);border-top:1px solid #1f2937;flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-status{color:#9ca3af;font-size:.8rem}@media (min-width:768px){body{font-size:16px}.workout-page{padding-bottom:24px}.footer-bar{background:0 0;border-top:none;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:0;position:static}.btn-wide{width:auto}}@media (max-width:480px){body{font-size:15px}header{margin-bottom:8px}header nav{flex-wrap:wrap;gap:8px;display:flex}.card{border-radius:16px;padding:12px}}.exercise-scroll::-webkit-scrollbar{width:8px}.exercise-scroll::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.exercise-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.exercise-scroll::-webkit-scrollbar-thumb:hover{background:#777}.exercise-scroll{scrollbar-width:thin;scrollbar-color:#555 #1a1a1a}.app-header{z-index:50;background:#0f172a;border-bottom:1px solid #1e293b;width:100%;padding:10px 0;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 16px;display:flex}.app-logo{color:#f1f5f9;letter-spacing:.5px;font-size:1.15rem;font-weight:700}.app-nav{gap:20px;display:flex}.app-nav a{color:#cbd5e1;border-radius:8px;padding:6px 10px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.app-nav a:hover{color:#e2e8f0;background:#1e293b}.app-nav a:active{color:#f8fafc;background:#334155}.app-nav-dropdown details{position:relative}.app-nav-dropdown summary{cursor:pointer;color:#e5e7eb;background:#0b1220;border:1px solid #1e293b;border-radius:999px;padding:6px 10px;font-size:.9rem;list-style:none}.app-nav-dropdown summary::-webkit-details-marker{display:none}.app-nav-menu{z-index:100;background:#020617;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;margin-top:6px;padding:8px;display:flex;position:absolute;right:0;box-shadow:0 8px 20px #0006}.app-nav-menu a{color:#cbd5e1;border-radius:8px;padding:6px 8px;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s}.app-nav-menu a:hover{color:#e5e7eb;background:#1e293b}.app-nav a.active{color:#0f172a;background:#38bdf8}