:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.22,1.25,.36,1)}
body{background:radial-gradient(ellipse at 70% 0,#192410 0,transparent 45%),var(--bg);background-attachment:fixed}
.topbar{background:#10150cc7;backdrop-filter:blur(22px);transition:background .5s,box-shadow .5s}
.panel,.metric,.workout-card{background:linear-gradient(135deg,#1d241abb,#12170ff5);border-color:#343e2b;box-shadow:0 8px 28px #00000015;transition:border-color .35s,box-shadow .35s,transform .4s var(--ease-out)}
.panel:hover,.metric:hover{border-color:#53673b;box-shadow:0 12px 35px #0002}
.hero{box-shadow:0 20px 65px #0003,0 0 0 1px #c3fa3614}
.hero>img{animation:volt-hero-settle 2s var(--ease-out) both}
.hero-content .hero-label{letter-spacing:.3px}
.hero:before{content:'';position:absolute;width:260px;height:260px;top:-155px;right:-70px;border-radius:50%;background:#bdff3422;filter:blur(45px);z-index:1;pointer-events:none;animation:volt-aura 6s ease-in-out 2 alternate}
.btn,.chip,.day,.icon-btn,.nav-item,.plan,.set-row button{position:relative;isolation:isolate;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease-spring),color .3s}
.btn:not(.ghost){overflow:hidden}.btn:active,.chip:active,.icon-btn:active,.day:active{transform:scale(.95)}
.btn:not(.secondary):not(.ghost){background:linear-gradient(120deg,#d3ff64,#b8f52b 65%,#89e74b);box-shadow:0 3px 20px #b9f93818}
.btn:not(.secondary):not(.ghost):hover{box-shadow:0 0 0 4px #bcff3010,0 8px 32px #bcff3030}
.btn:not(.secondary):not(.ghost):after{content:'';position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent 42%,#fff7 50%,transparent 58%);transform:translateX(-110%);pointer-events:none}
.btn:not(.secondary):not(.ghost):hover:after{animation:volt-sheen .85s var(--ease-out)}
.chip.active,.day.active{box-shadow:0 0 22px #bdf53715}.nav-item.active{box-shadow:0 5px 25px #a5e32924}
.bottom-nav a{position:relative;transition:color .3s,transform .3s}.bottom-nav a.active:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime);position:absolute;bottom:-8px;box-shadow:0 0 10px var(--lime);animation:volt-pop .4s var(--ease-spring)}
.checklist label{transition:background .25s,border-color .25s,transform .25s}.checklist label:has(input:checked){background:#2e401b;border-color:#8cbb32;transform:translateX(-3px)}
input,select{transition:border-color .25s,box-shadow .25s,background .25s}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 4px #c3fa3610;background:#141e0e}
.set-row{transition:background .3s}.set-row.complete{background:linear-gradient(270deg,#c3fa3614,transparent);border-radius:10px}
.ring{box-shadow:0 0 38px #bdf63610}.ring:after{content:'';position:absolute;inset:-7px;border:1px solid #c3fa3615;border-radius:50%;pointer-events:none}
.motion-ready .page-enter,.motion-ready .cards .workout-card{animation:none}
dialog{background:radial-gradient(ellipse at 100% 0,#34462366,transparent 65%),#11170f;border-color:#52663b;box-shadow:0 40px 160px #000c,0 0 80px #a3e43609;overflow-x:hidden}
.motion-ready dialog[open]{animation:none}dialog::backdrop{background:#050904bd;backdrop-filter:blur(12px)}
dialog .close{z-index:5;transition:transform .3s,background .3s}dialog .close:hover{transform:rotate(90deg);background:#2a351f}
.click-wave{position:fixed;border:1px solid #d4ff85aa;border-radius:50%;width:42px;height:42px;margin:-21px;z-index:1000;pointer-events:none;background:#c3fa3620;animation:volt-ripple .55s ease-out forwards}
.celebration{position:fixed;inset:0;z-index:999;pointer-events:none;overflow:hidden}.celebration i{position:absolute;top:28%;left:50%;width:7px;height:12px;background:var(--lime);border-radius:2px;animation:volt-confetti 1.35s cubic-bezier(.1,.6,.4,1) forwards;animation-delay:var(--delay)}
.toast{background:#1a2613;color:#e2ffb3;border:1px solid #82a847;box-shadow:0 14px 55px #0007;padding:15px 24px;transition:opacity .3s,transform .5s var(--ease-spring)}
.toast:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);color:#152306;margin-left:10px;font-weight:700}
.toast.show{animation:volt-toast .5s var(--ease-spring)}
.wizard-intro{margin-bottom:25px}.wizard-intro h2{font-size:28px;margin:10px 0}.wizard-intro p{font-size:14px;line-height:1.9}
.wizard-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:28px 0 32px;isolation:isolate}
.wizard-steps:before,.wizard-line{content:'';position:absolute;top:21px;right:12.5%;width:75%;height:2px;background:#35422a;z-index:-1}
.wizard-line{background:linear-gradient(270deg,var(--lime),var(--mint));transform:scaleX(var(--step-progress));transform-origin:right;transition:transform .55s var(--ease-out);box-shadow:0 0 12px #c3fa3640}
.wizard-step{text-align:center;font-size:12px;color:var(--muted)}.wizard-step b{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 9px;border:1px solid #49563c;border-radius:50%;background:#1b2416;color:#7e8c70;font-weight:500;transition:background .4s,box-shadow .4s,transform .4s}
.wizard-step.active b{background:linear-gradient(135deg,var(--lime),#6eda84);color:#19270b;box-shadow:0 0 0 6px #b6f33b0a,0 0 28px #b6f33b25;transform:scale(1.08)}.wizard-step.active{color:var(--lime)}.wizard-step.done b{border-color:#748e45;color:var(--lime);background:#26361a}
.wizard-stage h3{font-size:21px;margin-bottom:5px}.wizard-stage>p{margin-bottom:20px}.wizard-options{display:grid;gap:12px;margin:20px 0}.wizard-choice{display:flex;gap:15px;align-items:center;text-align:right;padding:17px 18px;border:1px solid #35452c;border-radius:17px;background:#172011;transition:transform .3s var(--ease-spring),background .3s,border-color .3s,box-shadow .3s;width:100%}
.wizard-choice:hover{transform:translateX(-4px);background:#223017}.wizard-choice[aria-pressed=true]{border-color:var(--lime);background:linear-gradient(110deg,#bfff3612,#2a3c1b);box-shadow:0 0 0 1px #b7f62c22,0 7px 25px #0002}.wizard-choice>.icon{width:27px;height:27px;color:var(--lime)}
.wizard-choice strong{display:block;font-size:15px}.wizard-choice small{font-size:12px}.choice-check{margin-right:auto;width:24px;height:24px;border:1px solid #4b6034;border-radius:50%;display:grid;place-items:center;color:transparent;transition:.3s}.wizard-choice[aria-pressed=true] .choice-check{color:#1b290b;background:var(--lime);border-color:var(--lime);animation:volt-pop .35s var(--ease-spring)}
.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #34402a;margin-top:25px;padding-top:22px}.wizard-footer small{margin-left:auto}.wizard-footer .btn{min-width:105px}.wizard-review{background:#1d2916;border:1px solid #496234;border-radius:18px;padding:5px 20px;margin-top:20px}.wizard-review .settings-row:last-child{border:0}.wizard-summary-icon{width:68px;height:68px;background:linear-gradient(135deg,var(--lime),var(--mint));color:#1a2b0b;border-radius:22px;display:grid;place-items:center;margin:12px 0 22px;box-shadow:0 0 35px #b6f4361b}.wizard-summary-icon .icon{width:34px;height:34px}
.wizard-complete{text-align:center;padding:20px 0}.wizard-complete .wizard-summary-icon{margin:10px auto 25px;border-radius:50%;width:95px;height:95px;animation:volt-pop .6s var(--ease-spring)}.wizard-complete h2{padding:0}.wizard-complete .btn{margin-top:25px}
.training-stepper{display:flex;gap:7px;margin:18px 0}.training-stepper span{height:5px;background:#35412c;border-radius:5px;flex:1;transition:background .4s,box-shadow .4s}.training-stepper span.done{background:var(--mint)}.training-stepper span.active{background:var(--lime);box-shadow:0 0 10px #c3fa3655}
@keyframes volt-hero-settle{from{transform:scale(1.09);opacity:.35}to{transform:scale(1);opacity:.77}}@keyframes volt-aura{to{transform:translate(-50px,70px);opacity:.5}}@keyframes volt-pop{0%{transform:scale(.65)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes volt-sheen{to{transform:translateX(110%)}}@keyframes volt-ripple{to{transform:scale(2.1);opacity:0}}@keyframes volt-toast{from{transform:translate(-50%,18px) scale(.95);opacity:0}to{transform:translate(-50%,0) scale(1);opacity:1}}@keyframes volt-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot))}}
@media(max-width:740px){.wizard-intro h2{font-size:23px}.wizard-step{font-size:11px}.wizard-step b{width:37px;height:37px}.wizard-steps:before,.wizard-line{top:18px}.wizard-choice{padding:14px 12px;gap:11px}.wizard-choice strong{font-size:14px}.wizard-choice small{font-size:11px}.wizard-footer{flex-wrap:wrap}.wizard-footer small{font-size:10px}.wizard-footer .btn{min-width:85px;padding:10px 13px}.wizard-intro{margin-top:12px}.wizard-stage h3{font-size:19px}}
@media(hover:none){.panel:hover,.metric:hover{box-shadow:none;border-color:#343e2b}.wizard-choice:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.click-wave,.celebration,.hero:before{display:none!important}.wizard-choice:hover,.btn:hover{transform:none}}