*{box-sizing:border-box}html{background:#090b0e;color:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{margin:0;padding-bottom:92px;background:radial-gradient(circle at 85% 0,#1d2719 0,transparent 24%),#090b0e;min-height:100vh}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:#090b0ed9;backdrop-filter:blur(16px);z-index:4}.brand{font-weight:900;letter-spacing:1px}.brand>span{display:inline-grid;place-items:center;background:#b8ff38;color:#0a0d08;width:29px;height:29px;border-radius:9px;margin-right:7px}.brand b{color:#b8ff38}.avatar{border:1px solid #34383e;background:#171a1e;color:#fff;border-radius:50%;width:38px;height:38px}main{max-width:900px;margin:auto;padding:0 20px}.hero{padding:48px 0 36px}.hero p,.section-title small,.workout small,.exercise small,.modal-head small{font-size:11px;letter-spacing:1.6px;color:#90969d;font-weight:800}.hero h1{font-size:42px;line-height:1.03;margin:10px 0 28px;font-weight:500}.hero h1 strong{font-weight:900}.quick{display:flex;gap:10px}.quick a,.quick button,.primary{border:0;text-decoration:none;background:#b8ff38;color:#0a0d08;font-weight:900;border-radius:14px;padding:17px 19px;font-size:14px}.quick button{background:#181b1f;color:#fff}.quick i{margin-left:18px}.notice{background:#332b13;border:1px solid #6c571c;padding:14px;border-radius:12px;margin-bottom:25px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:26px 0 14px}.section-title h2{margin:4px 0 0;font-size:24px}.section-title button{background:#1a1d21;border:1px solid #30343a;color:#fff;width:40px;height:40px;border-radius:12px;font-size:22px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.workout{min-height:180px;border:1px solid #282c31;border-radius:20px;background:linear-gradient(145deg,#181b20,#111316);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.workout h3{font-size:24px;margin:7px 0}.workout p{color:#9399a1;font-size:13px}.workout a,.workout>button{color:#b8ff38;text-decoration:none;font-size:12px;font-weight:900;background:none;border:0;text-align:left;padding:0}.accent{background:linear-gradient(145deg,#202a18,#121711)}.exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.exercise{color:#fff;text-decoration:none}.thumb{height:160px;background:#171a1e;border-radius:17px;overflow:hidden;display:grid;place-items:center;margin-bottom:10px}.thumb video{width:100%;height:100%;object-fit:cover}.thumb span{font-size:25px}.exercise h3{margin:4px 0 14px;font-size:15px}.history{background:#121417;border:1px solid #24282d;border-radius:18px;padding:4px 16px}.history>p{color:#7f858c;font-size:13px}.history>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #24272b}.history span{color:#7f858c;font-size:12px}nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#101216ed;backdrop-filter:blur(18px);border-top:1px solid #25282d;display:flex;justify-content:space-around;align-items:center;z-index:5;padding-bottom:env(safe-area-inset-bottom)}nav a{color:#6f757d;text-decoration:none;font-size:20px;text-align:center}nav a span{display:block;font-size:9px;margin-top:3px}nav .on{color:#b8ff38}nav button{border:0;background:#b8ff38;width:50px;height:50px;border-radius:17px;font-size:28px}dialog{border:1px solid #30343a;background:#111418;color:#fff;border-radius:24px;width:min(92%,520px);padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:4px 0 20px}.modal-head button{background:none;border:0;color:#fff;font-size:28px}label{display:block;color:#a7adb4;font-size:12px;font-weight:700;margin:13px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:14px;border-radius:12px;border:1px solid #30343a;background:#191c21;color:#fff;font:inherit}textarea{min-height:80px}.hint{font-size:11px;color:#777e86;line-height:1.5}.primary{width:100%;margin-top:10px}@media(min-width:700px){.exercise-grid{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:56px}nav{left:50%;right:auto;transform:translateX(-50%);width:520px;border:1px solid #292d31;border-bottom:0;border-radius:22px 22px 0 0}}

/* V1.1 */
.page{padding-top:42px}.back{color:#b8ff38;text-decoration:none;font-weight:900;font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#90969d;font-weight:900;margin-top:22px}.page-title{font-size:44px;margin:7px 0 8px}.muted{color:#9299a1;line-height:1.6}.title-actions{display:flex;gap:10px;align-items:center}.title-actions>a{color:#b8ff38;font-size:10px;font-weight:900;text-decoration:none}.card-actions{display:flex;justify-content:space-between}.card-actions .go{background:#b8ff38;color:#080b08;padding:8px 10px;border-radius:9px}.add-row,.filters{display:grid;grid-template-columns:1fr 80px 100px auto;gap:8px;align-items:end;margin:25px 0}.add-row input,.add-row select,.filters input,.filters select{margin:0}.routine-list{display:grid;gap:10px}.routine-list article{display:flex;gap:14px;align-items:center;padding:12px;background:#121519;border:1px solid #282c31;border-radius:18px}.mini-thumb{width:72px;height:72px;border-radius:13px;background:#08090b;overflow:hidden;flex:0 0 auto}.mini-thumb video{width:100%;height:100%;object-fit:cover}.grow{flex:1}.grow small{color:#8c939b;font-size:10px}.grow h3{margin:3px 0 6px}.grow b{font-size:11px;color:#b8ff38}.danger{border:0;background:#28181a;color:#ff7373;width:35px;height:35px;border-radius:10px;font-size:20px}.start-big{display:block;width:100%;text-align:center;border:0;background:#b8ff38;color:#080b08;text-decoration:none;font-weight:950;padding:18px;border-radius:15px;margin:20px 0}.video-shell{background:#000;border-radius:22px;overflow:hidden;display:grid;place-items:center}.video-shell video{width:100%;max-height:70vh}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.secondary,.danger-text{border:1px solid #30343a;background:#171a1e;color:#fff;padding:12px 14px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:900}.danger-text{color:#ff7777}.library{margin-top:25px}.filters{grid-template-columns:1fr 180px auto}.training{padding-bottom:20px}.train-wrap{max-width:650px;margin:auto;padding:18px}.train-top{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#090b0ee8;backdrop-filter:blur(12px);padding:10px 0;z-index:4}.train-top>a{color:#fff;text-decoration:none;font-size:28px}.train-top>div{text-align:center}.train-top small,.train-top b{display:block}.train-top small{color:#858c94;font-size:10px}.train-top span{font-variant-numeric:tabular-nums}.train-card h1{font-size:36px;margin:4px 0 15px}.train-video{height:min(50vh,440px);background:#000;border-radius:20px;overflow:hidden}.train-video video{width:100%;height:100%;object-fit:contain}.prescription{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.prescription span{background:#14171b;border:1px solid #272b30;padding:12px;border-radius:13px}.prescription small{display:block;color:#7f868e;font-size:8px}.prescription b{font-size:17px}.sets{display:grid;gap:8px}.sets>div{display:grid;grid-template-columns:1fr 80px 80px 42px;gap:7px;align-items:center;background:#121519;padding:9px;border-radius:13px}.sets input{margin:0;padding:10px}.sets button{height:40px;border:0;border-radius:10px;background:#22262b;color:#fff;font-weight:900}.sets button.done{background:#b8ff38;color:#080b08}.rest{position:fixed;inset:0;background:#090b0ef2;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.rest small{letter-spacing:3px;color:#8f969e}.rest strong{font-size:110px;color:#b8ff38;line-height:1}.rest span{color:#888}.rest button{margin-top:30px;background:none;border:1px solid #444;color:#fff;padding:12px 20px;border-radius:12px}.hidden{display:none!important}@media(max-width:650px){.page-title{font-size:36px}.add-row,.filters{grid-template-columns:1fr 1fr}.add-row select,.filters input{grid-column:1/-1}.train-video{height:46vh}.sets>div{grid-template-columns:1fr 68px 68px 40px}.exercise-grid.library{grid-template-columns:repeat(2,1fr)}}

/* V1.2 — premium visual layer */
:root{--lime:#b7ff2a;--bg:#07090b;--panel:#0d1114;--panel2:#11171a;--line:rgba(255,255,255,.085);--muted:#8e989f}
html{background:var(--bg)}body{background:radial-gradient(900px 500px at 75% 4%,rgba(183,255,42,.075),transparent 60%),linear-gradient(180deg,#07090b,#090c0f);min-height:100vh}
header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(7,9,11,.76);border-bottom:1px solid rgba(255,255,255,.045)}
.brand{letter-spacing:.08em}.brand span{box-shadow:0 0 32px rgba(183,255,42,.22)}
main{max-width:1040px}.hero{padding-top:74px;padding-bottom:56px;position:relative}.hero:after{content:"";position:absolute;right:0;top:28px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(183,255,42,.10),transparent 66%);filter:blur(8px);pointer-events:none}
.hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.055em;line-height:.93}.hero>p,.section-title small,.workout small{letter-spacing:.19em}
.quick a,.quick button,.primary{border-radius:16px;min-height:50px}.quick a{box-shadow:0 12px 35px rgba(183,255,42,.14)}
section{margin-bottom:54px}.section-title h2{font-size:30px;letter-spacing:-.035em}.section-title>button,.title-actions button{border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#161c21,#101419);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.cards{gap:16px}.workout{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(18,24,27,.98),rgba(10,13,16,.98));box-shadow:0 20px 60px rgba(0,0,0,.20);padding:27px}.workout:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 30%);pointer-events:none}.workout.accent{background:radial-gradient(500px 180px at 0 0,rgba(183,255,42,.10),transparent 60%),linear-gradient(145deg,#111813,#0d1210)}.workout h3{font-size:25px;letter-spacing:-.03em}
.exercise-grid{gap:18px}.exercise{padding:10px;border:1px solid transparent;border-radius:20px;transition:.25s ease}.exercise:hover{background:rgba(255,255,255,.025);border-color:var(--line);transform:translateY(-2px)}.thumb{border-radius:17px;overflow:hidden;background:#030405;box-shadow:0 14px 34px rgba(0,0,0,.25)}.exercise h3{letter-spacing:-.02em}
.history{border:1px solid var(--line);background:rgba(16,20,24,.72);border-radius:22px}
nav{background:rgba(12,15,18,.90);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 70px rgba(0,0,0,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:25px}
nav>button{box-shadow:0 8px 30px rgba(183,255,42,.20)}
dialog{border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(145deg,#11161a,#090c0f)!important;box-shadow:0 40px 140px rgba(0,0,0,.72)!important;border-radius:28px!important}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}input,select,textarea{background:#090c0f!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;transition:.2s}input:focus,select:focus,textarea:focus{border-color:rgba(183,255,42,.6)!important;box-shadow:0 0 0 3px rgba(183,255,42,.08);outline:none}
@media(max-width:700px){main{padding-left:18px!important;padding-right:18px!important}.hero{padding-top:42px;padding-bottom:38px}.hero h1{font-size:48px}.section-title h2{font-size:27px}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.thumb{aspect-ratio:4/5!important}.workout{padding:22px;border-radius:22px}nav{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;transform:none!important}.quick{display:grid;grid-template-columns:1fr 1fr}.quick>*{justify-content:center!important}}
/* V1.3 — Training experience */
.training{background:radial-gradient(circle at 50% -20%,rgba(183,255,42,.11),transparent 32%),#050708}.train-wrap{max-width:760px;margin:auto;padding:18px 18px 110px}.train-top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:12px 0;background:rgba(5,7,8,.86);backdrop-filter:blur(18px)}.train-top>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #293034;border-radius:50%;font-size:27px;color:#fff;text-decoration:none}.train-meta{display:flex;flex-direction:column}.train-meta small{color:#737e85;font-weight:800}.train-meta b{font-size:12px;letter-spacing:.12em}.train-top>span{font-variant-numeric:tabular-nums;font-weight:900}.progress-track{height:3px;background:#161b1d;border-radius:10px;overflow:hidden;margin-bottom:25px}.progress-track i{display:block;height:100%;background:#b7ff2a;box-shadow:0 0 18px rgba(183,255,42,.55);transition:.35s}.exercise-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.exercise-head h1{font-size:clamp(32px,6vw,54px);letter-spacing:-.045em;margin:4px 0}.exercise-count{color:#596268;font-size:13px;font-weight:900}.train-video{border:1px solid #242b2e;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 25px 70px rgba(0,0,0,.45);margin-bottom:18px}.train-video video{display:block;width:100%;max-height:58vh;object-fit:contain;background:#000}.prescription{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 26px}.prescription span{padding:16px;border:1px solid #22292c;background:linear-gradient(145deg,#111619,#0c0f11);border-radius:18px}.prescription small{display:block;font-size:9px;letter-spacing:.14em;color:#6e797f;font-weight:900}.prescription b{display:block;margin-top:5px;font-size:19px}.set-labels,.set-row{display:grid;grid-template-columns:54px 1fr 1.2fr 48px;gap:8px;align-items:center}.set-labels{padding:0 10px 7px;color:#5e686e;font-size:9px;font-weight:900;letter-spacing:.12em}.set-row{padding:8px;margin-bottom:8px;border:1px solid #20272a;background:#0d1113;border-radius:17px;transition:.2s}.set-row>b{text-align:center;font-size:17px}.set-row input{width:100%;box-sizing:border-box;border:0;background:#151b1e;color:#fff;border-radius:12px;padding:13px;text-align:center;font-size:17px;font-weight:800;outline:none}.set-row input:focus{box-shadow:0 0 0 1px #b7ff2a}.kg{position:relative}.kg em{position:absolute;right:10px;top:14px;font-size:10px;color:#657076;font-style:normal}.set-row button{width:42px;height:42px;border-radius:13px;border:1px solid #2b3437;background:#171d20;color:#778187;font-size:18px}.set-row.completed{border-color:rgba(183,255,42,.35);background:rgba(183,255,42,.045)}.set-row button.done{background:#b7ff2a;color:#071000;border-color:#b7ff2a;box-shadow:0 0 22px rgba(183,255,42,.18)}.coach-note{margin:20px 0;padding:17px 18px;border-left:2px solid #b7ff2a;background:#0c1011;border-radius:0 14px 14px 0}.coach-note small{color:#b7ff2a;font-weight:900;font-size:9px;letter-spacing:.14em}.coach-note p{margin:5px 0 0;color:#a7b0b5}.training .start-big{position:sticky;bottom:18px;width:100%;box-shadow:0 18px 50px #000}.rest{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,6,7,.96);backdrop-filter:blur(20px)}.rest-orbit{width:190px;height:190px;border-radius:50%;border:2px solid #b7ff2a;box-shadow:0 0 80px rgba(183,255,42,.13),inset 0 0 50px rgba(183,255,42,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px}.rest-orbit strong{font-size:68px;line-height:.9}.rest-orbit span{color:#b7ff2a;font-size:10px;font-weight:900;letter-spacing:.18em}.rest>small{color:#687278;letter-spacing:.18em;font-weight:900}.rest h2{font-size:36px;margin:5px 0 25px}.rest button{border:1px solid #2b3437;background:#121719;color:#fff;border-radius:14px;padding:13px 18px;font-weight:900}.rest .rest-skip{margin-top:10px;background:transparent;color:#b7ff2a;border:0}.finish-screen{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.finish-screen>span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#b7ff2a;color:#071000;font-size:38px;box-shadow:0 0 70px rgba(183,255,42,.22)}.finish-screen small{margin-top:28px;color:#b7ff2a;letter-spacing:.16em;font-weight:900}.finish-screen h1{font-size:64px;margin:5px 0}.finish-screen p{color:#8e989e}.finish-screen a{margin-top:25px;padding:16px 24px;border-radius:15px;background:#b7ff2a;color:#071000;text-decoration:none;font-weight:950}.hidden{display:none!important}@media(max-width:600px){.train-wrap{padding:10px 12px 90px}.train-video{border-radius:20px}.train-video video{max-height:52vh}.exercise-head h1{font-size:34px}.prescription span{padding:13px 10px}.prescription b{font-size:16px}.set-labels,.set-row{grid-template-columns:42px 1fr 1.15fr 44px}.set-row input{padding:12px 8px}.training .start-big{bottom:10px}}
