:root{--surface:#1a1029;--pink:#f44ca8;--lav:#cbb4ff;--text:#f8f4ff;--muted:#b9a9bb}*{box-sizing:border-box}body{color:var(--text);background:#090610;margin:0;font-family:Rubik,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ff8fc5}.app-shell,.login-page{background:radial-gradient(circle at 15% 20%,#3b123a66,#0000 34%),linear-gradient(160deg,#10081c,#090a12 70%);min-height:100svh;position:relative;overflow:hidden}.app-shell{padding-bottom:110px}.page-content,.topbar{z-index:2;width:min(100% - 36px,920px);margin:auto;position:relative}.page-content{padding-top:28px}.topbar{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:78px;display:flex}.topbar h1{background:linear-gradient(90deg,var(--lav),#ff9fc9);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px}.topbar button,.section-heading button{background:0 0;border:0;padding:8px}.nebula{filter:blur(90px);opacity:.2;border-radius:50%;position:absolute}.nebula-one{background:#d83898;width:320px;height:320px;top:30%;right:-180px}.nebula-two{background:#6b2cff;width:360px;height:360px;bottom:4%;left:-220px}.welcome p,.intro h2{margin:0;font-size:clamp(28px,5vw,42px);font-weight:800}.welcome span,.intro p,.login-tagline{color:var(--muted);font-size:17px}.hero-card,.choice-section,.last-workout,.video-card,.history-card,.chart-card,.goal-card,.settings,.stats-grid article,.profile-stats article{background:linear-gradient(135deg,#241333dd,#181122e8);border:1px solid #b99bda2b;border-radius:26px;box-shadow:0 22px 60px #0003}.hero-card{grid-template-columns:1.35fr .65fr;gap:24px;margin:28px 0 34px;padding:clamp(24px,5vw,46px);display:grid;overflow:hidden}.hero-card p,.choice-section h3{color:#ff9fc8;font-weight:800}.hero-card h2{margin:8px 0;font-size:clamp(28px,5vw,44px)}.hero-card span{color:#d6c4d6}.orbit-art{border:1px solid #ff8fc52e;border-radius:50%;place-items:center;height:210px;display:grid;box-shadow:0 0 80px #ef4aa638,inset 0 0 50px #7530aa2e}.orbit-art svg{color:#ff9fc8;width:84px;height:84px}.primary-button{color:#fff;background:linear-gradient(90deg,#ef4299,#8438f2);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:17px 28px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 10px 34px #ec43a13d}.primary-button.compact{margin-top:22px;padding:13px 24px;display:inline-flex}.primary-button:disabled{opacity:.65}.section-heading{justify-content:space-between;align-items:end;margin:26px 0 14px;display:flex}.section-heading h2{margin:0;font-size:26px}.section-heading span,.section-heading button{color:var(--muted)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stats-grid article,.profile-stats article{text-align:center;place-items:center;gap:6px;padding:24px;display:grid}.stats-grid strong,.profile-stats strong{color:#f492c4;font-size:32px}.stats-grid span,.profile-stats span{color:var(--muted)}.ring{background:radial-gradient(circle,#211329 55%,transparent 57%),conic-gradient(#ef47a5 66%,#42284f 0);border-radius:50%;place-items:center;width:86px;height:86px;font-weight:800;display:grid}.last-workout{grid-template-columns:170px 1fr;gap:18px;padding:18px;display:grid}.video-placeholder,.mini-thumb{color:#ff9bc8;background:radial-gradient(circle,#f78bbc55,#0000),#120d1e;border-radius:18px;place-items:center;min-height:120px;display:grid}.pill{color:#ffd1e6;background:#7b235c;border-radius:999px;padding:5px 11px;font-size:12px;display:inline-block}.last-workout h3,.video-card h3,.history-card h3{margin:10px 0 5px;font-size:21px}.last-workout p,.video-card p,.history-card p{color:var(--muted);margin:0}.intro{margin-bottom:30px}.choice-section{margin:20px 0;padding:24px}.duration-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.duration-grid button,.filter-row button{background:#21132f;border:1px solid #7f498455;border-radius:999px;padding:15px}.duration-grid button.selected,.filter-row button.selected{border-color:#ff4eaa;box-shadow:0 0 0 1px #ff4eaa,inset 0 0 24px #e7449233}.difficulty-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.difficulty-list button{background:#1d132a;border:1px solid #74476b66;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:165px;display:flex}.difficulty-list button.selected{border:2px solid #f448a5;box-shadow:0 0 30px #f448a52c}.difficulty-list span{color:#ffa8d0;font-size:28px}.difficulty-list strong{font-size:22px}.difficulty-list small{color:var(--muted)}.selection-summary{text-align:center;color:#d7c6da;margin:28px}.page-content>.primary-button{width:min(100%,460px);margin:auto}.results-title{align-items:center}.results-title p{color:var(--muted)}.notice{color:#f7bdd7;background:#392032;border:1px solid #7d405e;border-radius:14px;padding:12px 16px}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.video-card{overflow:hidden}.thumb{background-position:50%;background-size:cover;place-items:center;height:230px;display:grid;position:relative}.thumb:after{content:"";background:linear-gradient(#0000,#120919b8);position:absolute;inset:0}.thumb>span{z-index:2;background:#100b16cc;border-radius:10px;padding:6px 10px;position:absolute;bottom:12px;right:14px}.thumb button{z-index:2;color:#591036;background:#fa91c7dd;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.video-card>div:last-child{padding:20px}.filter-row{gap:9px;margin:24px 0;display:flex}.history-card{grid-template-columns:120px 1fr auto;align-items:center;gap:18px;margin:16px 0;padding:16px;display:grid}.history-card button{background:linear-gradient(90deg,#8539ee,#f0479e);border:0;border-radius:12px;gap:7px;padding:13px;display:flex}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stats-grid.four svg{color:#d4b5ff}.chart-card{margin:24px 0;padding:26px}.bars{border-bottom:1px solid #ffffff20;justify-content:space-around;align-items:end;gap:12px;height:220px;display:flex}.bars span{background:linear-gradient(#f55aad,#9a57f7);border-radius:8px 8px 0 0;width:7%}.days{color:var(--muted);justify-content:space-around;padding-top:12px;display:flex}.goal-card{align-items:center;gap:24px;padding:22px;display:flex}.profile-head{text-align:center}.avatar{background:radial-gradient(circle at 35% 30%,#ff8dbc,#57229c);border:3px solid #e548aa;border-radius:50%;place-items:center;width:130px;height:130px;margin:auto;font-size:54px;display:grid;box-shadow:0 0 45px #d53f9d55}.profile-head h2{margin:16px 0 5px;font-size:32px}.profile-head p{color:var(--muted)}.profile-stats{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.settings{padding:10px 24px}.settings h3{color:#f5a0c8}.settings button{background:0 0;border:0;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;width:100%;padding:22px 6px;display:flex}.settings button span{align-items:center;gap:13px;display:flex}.settings b{color:var(--muted)}.settings .logout{color:#ff91b5}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1920e8;border:1px solid #c7abd327;border-radius:30px;justify-content:space-around;width:min(92%,650px);height:82px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #0008}.bottom-nav button{color:#9e8f9d;background:0 0;border:0;place-items:center;gap:4px;font-size:12px;display:grid;position:relative}.bottom-nav button.active{color:#ff9cc7}.bottom-nav button.active:after{content:"";background:#ff9cc7;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;box-shadow:0 0 12px #ff5aaa}.login-page{place-items:center;padding:40px 18px;display:grid}.login-wrap{text-align:center;z-index:2;width:min(100%,630px);position:relative}.brand-orbit{background:#281729;border:1px solid #b4618a33;border-radius:50%;place-items:center;width:170px;height:170px;margin:auto;display:grid;position:relative;box-shadow:0 0 80px #e6679e3b}.brand-orbit svg{color:#f5a1cf;width:65px;height:65px}.brand-orbit span{color:#f09bcc;font-size:34px;position:absolute;top:0;left:7px}.login-wrap>h1{margin:30px 0 6px;font-size:42px}.login-card{text-align:right;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#17161cbd;border:1px solid #ab91a836;border-radius:42px;margin-top:32px;padding:34px}.login-card label{color:#f3a0c5;margin-bottom:22px;font-weight:800;display:block}.input-wrap{border:1px solid #9d5e7466;border-radius:14px;align-items:center;gap:12px;height:66px;margin-top:8px;padding:0 18px;display:flex}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%}.login-card .primary-button{width:100%;margin-top:10px}.login-card small{text-align:center;color:#cdb9dc;margin-top:22px;display:block}.error{color:#ffb4ab}.stars{opacity:.2;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:83px 83px;position:absolute;inset:0}@media (width<=700px){.page-content,.topbar{width:min(100% - 28px,920px)}.hero-card{grid-template-columns:1fr}.orbit-art{display:none}.stats-grid,.stats-grid.four{grid-template-columns:1fr 1fr}.difficulty-list{grid-template-columns:1fr}.difficulty-list button{min-height:140px}.video-grid{grid-template-columns:1fr}.history-card{grid-template-columns:90px 1fr}.history-card>button{grid-column:1/-1;justify-content:center}.duration-grid{grid-template-columns:repeat(2,1fr)}.login-card{border-radius:30px;padding:24px}.login-wrap>h1{font-size:36px}.bottom-nav{width:calc(100% - 16px)}}html,body,button,input,textarea,select{font-family:Alef,Arial,sans-serif!important}.page-content{padding-bottom:24px}.bottom-nav button{min-width:56px;min-height:64px}.section-heading button{min-height:44px}.topbar-spacer{width:40px;height:40px}.days span{text-align:center;flex:1}@media (width<=700px){.stats-grid:not(.four)>article:nth-child(3):last-child{grid-column:1/-1}}.thumb{color:#fff;border:0;width:100%}.play-circle{z-index:2;color:#591036;background:#fa91c7e6;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.player-page,.feedback-page{width:min(100%,760px);margin:0 auto}.player-heading{align-items:center;gap:16px;margin-bottom:22px;display:flex}.player-heading button{background:#20132e;border:1px solid #ffffff26;border-radius:50%;width:46px;height:46px}.player-heading h2,.player-heading p{margin:0}.player-heading p{color:var(--muted);align-items:center;gap:6px;margin-top:4px;display:flex}.youtube-frame{aspect-ratio:16/9;background:#09060f;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000073,0 0 40px #f44ca833}.youtube-frame>div:first-child,.youtube-frame iframe{width:100%;height:100%}.player-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.player-copy{text-align:center;padding:28px 16px 20px}.player-copy h3{margin:12px 0 8px;font-size:28px}.player-copy p{color:var(--muted);line-height:1.65}.secondary-button{background:#20132e;border:1px solid #ff9fc873;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:15px 28px;display:flex}.finish-button{min-width:220px;margin:8px auto 0}.feedback-title{text-align:center;margin-bottom:28px}.feedback-title>svg{color:#ff9fc8;width:58px;height:58px}.feedback-title h2{margin:12px 0 4px;font-size:clamp(28px,5vw,38px)}.feedback-title p{color:var(--muted)}.feedback-page fieldset,.favorite-toggle,.notes-label{background:linear-gradient(135deg,#241333dd,#181122e8);border:1px solid #b99bda40;border-radius:26px;margin:16px 0;padding:22px}.feedback-page legend{color:#ff9fc8;padding:0 8px;font-size:20px;font-weight:700}.feedback-page fieldset>label{border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:14px 16px;display:flex}.feedback-page fieldset>label.selected{background:#f44ca81a;border-color:#f44ca8}.rating-row{direction:ltr;justify-content:center;gap:8px;display:flex}.rating-row button{color:#7a6b80;background:0 0;border:0;padding:8px}.rating-row button.active{color:#ff9fc8}.favorite-toggle{color:#f8f4ff;align-items:center;gap:12px;display:flex}.favorite-toggle svg{color:#ff83bd}.notes-label{color:#ff9fc8;gap:10px;font-weight:700;display:grid}.notes-label textarea{resize:vertical;color:#fff;background:#100b18;border:1px solid #ffffff26;border-radius:16px;min-height:120px;padding:14px}.feedback-page>.primary-button{width:min(100%,460px);margin:24px auto}@media (width<=700px){.player-copy h3{font-size:23px}.feedback-page fieldset,.favorite-toggle,.notes-label{border-radius:20px;padding:18px}}.empty-state{text-align:center;background:#2413338c;border:1px dashed #ff9fc847;border-radius:24px;justify-items:center;padding:38px 24px;display:grid}.empty-state>svg{color:#ff9fc8;width:38px;height:38px}.empty-state h3{margin:12px 0 4px;font-size:22px}.empty-state p{color:var(--muted);margin:0}.history-rating{letter-spacing:3px;color:#ff9fc8!important;margin-top:7px!important}.status-abandoned{color:#ffb4bd;background:#542231}.status-partial{color:#e0c3ff;background:#4c365c}.bars span{position:relative}.bars span b{top:-24px;text-align:center;color:#d9c9df;font-size:12px;position:absolute;inset-inline:0}.favorite-actions{align-items:end;gap:10px;display:flex}.remove-favorite{color:#ff8ab9;background:#2a1524;border:1px solid #ff7eb24d;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}