:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:#020617;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#38bdf833,#0000 35%),radial-gradient(circle at 85% 20%,#a78bfa2b,#0000 40%),radial-gradient(circle at top,#111827,#020617 60%);margin:0}#root{min-height:100vh}.app-shell{max-width:900px;min-height:100vh;margin:0 auto;padding:1rem 1rem 6rem;animation:.42s ease-out shell-enter}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b8;border:1px solid #334155;border-radius:.9rem;padding:.8rem;position:sticky;top:0;box-shadow:0 12px 25px #02061759}.app-header h1{color:#93c5fd;letter-spacing:.02em;margin:0;font-size:1rem}.header-top{justify-content:space-between;align-items:center;display:flex}.header-actions{gap:.5rem;margin-top:.5rem;display:flex}.content{padding-top:1.1rem}.page{animation:.28s ease-out fade-slide-up}.page h2{margin-top:0}.card{background:linear-gradient(155deg,#0f172ae0,#1e293bbf);border:1px solid #94a3b847;border-radius:.9rem;margin-top:.75rem;padding:1rem;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 28px #02061740}.card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #02061759}.primary-btn{color:#0f172a;cursor:pointer;background:#38bdf8;border:0;border-radius:.7rem;align-items:center;gap:.4rem;padding:.7rem 1rem;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex}.primary-btn:hover{filter:brightness(1.04)}.primary-btn:active{transform:translateY(1px)scale(.99)}.secondary-btn{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #475569;border-radius:.7rem;align-items:center;gap:.35rem;padding:.55rem .9rem;transition:border-color .14s,transform .15s;display:inline-flex}.secondary-btn:hover{border-color:#7dd3fc}.secondary-btn:active{transform:translateY(1px)}.active-filter{color:#38bdf8;background:#38bdf81f;border-color:#38bdf8}.status{color:#7dd3fc;margin-top:.7rem}.install-banner{background:#1e293bbd;border:1px solid #475569;border-radius:.9rem;margin-top:1rem;padding:.9rem;animation:.26s ease-out fade-slide-up}.install-banner p{margin:0 0 .75rem}.install-actions{gap:.6rem;display:flex}.exercise-list{margin:1rem 0}.set-list{gap:.7rem;display:grid}.set-row{background:#0f172a9e;border:1px solid #475569;border-radius:.65rem;padding:.7rem}.set-title{margin:0 0 .5rem;font-weight:600}.row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;display:grid}.row label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.input{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:.5rem;width:100%;margin:.35rem 0 .7rem;padding:.5rem .6rem}.center-message{place-items:center;min-height:100vh;display:grid}.splash-screen{place-items:center;min-height:100vh;padding:1.2rem;display:grid}.splash-content{background:#020617d1;border:1px solid #334155;border-radius:1rem;gap:.9rem;width:min(420px,100%);padding:1.4rem;animation:.42s ease-out fade-slide-up;display:grid;box-shadow:0 18px 38px #0206176b}.splash-title{color:#cbd5e1;margin:0}.splash-loader{background:#94a3b833;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.splash-loader:after{content:"";background:linear-gradient(90deg,#38bdf8,#a78bfa);border-radius:999px;width:38%;animation:1.1s ease-in-out infinite loader-slide;position:absolute;inset:0}.brand-wrap{align-items:center;gap:.65rem;display:inline-flex}.brand-icon{color:#020617;background:linear-gradient(140deg,#38bdf8,#a78bfa);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:0 6px 16px #38bdf859}.brand-icon svg:last-child{position:absolute;bottom:3px;right:3px}.brand-title{margin:0;font-size:.98rem;font-weight:700;line-height:1.1}.brand-subtitle{color:#93c5fd;margin:0;font-size:.73rem}.auth-card{max-width:520px;margin:15vh auto 0}.tutorial-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#020617ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tutorial-card{background:#0f172a;border:1px solid #475569;border-radius:1rem;width:min(620px,100%);max-height:88vh;padding:1.1rem;overflow:auto;box-shadow:0 22px 40px #02061780}.tutorial-card h2,.tutorial-card p{margin-top:0}.tutorial-card h3{align-items:center;gap:.35rem;margin-top:0;display:inline-flex}.tutorial-card .card p{align-items:center;gap:.35rem;margin:.3rem 0;display:inline-flex}.tutorial-actions{margin-top:.9rem}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617ed;border:1px solid #334155;border-bottom:0;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-right:1px solid #1e293b;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .35rem;font-size:.72rem;transition:background-color .14s,color .14s;display:flex}.nav-btn:last-child{border-right:0}.nav-btn.active{color:#38bdf8;background:#38bdf81f}.nav-icon{display:inline-flex}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shell-enter{0%{opacity:0}to{opacity:1}}@keyframes loader-slide{0%{transform:translate(-120%)}50%{transform:translate(120%)}to{transform:translate(320%)}}