/* Repalyth: a quieter, image-led surface over the existing local recorder. */
:root{--bg:#090b12;--surface:#11141e;--surface-2:#191d2a;--surface-3:#222638;--text:#f4f5fb;--muted:#a0a5b8;--line:#292d3c;--lime:#baa5ff;--lime-soft:#25223b;--aqua:#91c8fb;--radius:22px}
body{background:radial-gradient(ellipse at 95% 0,#23204735,transparent 38%),var(--bg);color:var(--text)}
button,input,select,textarea{font-family:var(--font)}
.btn{border-radius:12px;font-weight:650;letter-spacing:-.1px;transition:background .18s,transform .18s,border-color .18s}
.btn-primary{background:linear-gradient(115deg,#c2abff,#a9acff);color:#161426;box-shadow:0 7px 22px #a18aff18;border:1px solid #d2c0ff38}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-secondary,.btn-ghost{background:#191d2b;border:1px solid #34394b;color:#e3e5f4;box-shadow:none}
.btn-ghost{background:transparent}
.side{background:#0d1019;border-color:#ffffff0b}.brand{font-weight:750;letter-spacing:-1.1px}.brand-mark{padding:0;background:transparent!important;box-shadow:none!important;width:38px;height:38px;border-radius:10px;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%}.side-caption{font-size:8px;letter-spacing:1.8px;color:#747c95;margin-top:3px}.side-nav{gap:8px}.side .nav-item{border-radius:12px;color:#969fb8;font-size:13px}.side .nav-item.active{color:#ddceff;background:linear-gradient(90deg,#c4aaff19,#8b9cff0c);border:1px solid #bba5ff26;box-shadow:none}.side .nav-item:hover{background:#171b29}.side .nav-item.active:before{display:none}.side-profile{border-color:#ffffff10}.side-profile .avatar{border:1px solid #ae97e638}
.topbar{border-bottom:1px solid #ffffff0b;background:transparent}.breadcrumb{color:#67718b}.breadcrumb b{color:#a9b0c5}.utility .round-btn{border-color:#ffffff0e;color:#acb4cd}.connection{color:#8790a8;font-size:10px}.connection .dot{box-shadow:none;background:#b6a1ed}.main{max-width:1600px}.premium-home{max-width:1060px}.simple-greeting{margin:4px 0 24px}.simple-greeting h1{font-size:clamp(27px,3.3vw,38px);letter-spacing:-1.3px;font-weight:700}.simple-greeting .eyebrow{font-size:9px;letter-spacing:1.7px;color:#8e96b0;margin-bottom:8px}.home-avatar{width:46px;height:46px;border:1px solid #d9c5ff24;background:#252039;box-shadow:none}
.premium-hero{position:relative;isolation:isolate;overflow:hidden;min-height:298px;border-radius:24px;background:#10141f;border:1px solid #d9d6ff14;padding:32px 36px;display:flex;align-items:center;margin-bottom:34px}
.premium-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f121de8 0%,#0f121dc4 35%,#0d11184a 65%,#0e121b08),url('/assets/brand/training-hero.webp') 62% 56%/cover no-repeat}
.premium-hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff0c}
.premium-hero-copy{max-width:520px}.premium-hero .eyebrow{font-size:9px;letter-spacing:2px;color:#c8b5ee;margin:0 0 13px}.premium-hero h2{font-size:clamp(30px,3.4vw,44px);line-height:1.13;letter-spacing:-1.6px;font-weight:700;color:#fbfbff}.premium-hero-lead{font-size:13px;color:#b4bed1;margin:15px 0 23px}.premium-hero .btn{min-height:46px;font-size:12px;gap:14px;padding:12px 17px}.premium-hero .btn .icon{height:16px;width:16px}.premium-hero-tag{position:absolute;right:22px;bottom:18px;font-size:7px;letter-spacing:2px;color:#d9e1f486}
.premium-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.premium-section-head .eyebrow{font-size:8px;letter-spacing:1.7px;color:#8e96ae;margin-bottom:8px}.premium-section-head h2{font-size:22px;letter-spacing:-.7px;line-height:1.3;font-weight:650}.premium-step-note{font-size:10px;color:#777f96}.premium-today{scroll-margin-top:18px;margin:0 0 25px}.premium-today h2{font-size:24px}.premium-training-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px;margin-bottom:10px}.premium-training-grid>button{position:relative;isolation:isolate;min-height:202px;border:1px solid #e4ddff12;background:#11151f;border-radius:18px;padding:0;overflow:hidden;text-align:left;transition:border-color .2s,transform .2s}.premium-training-grid>button:first-child{border-color:#c9b4f82b}.premium-training-grid>button:hover,.premium-training-grid>button:focus-visible{border-color:#c7b0ff80;transform:translateY(-2px)}.premium-training-grid>button>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 15%;border-radius:0;z-index:-2;filter:brightness(.92)}.premium-training-grid>button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090e16 1%,#090e16dd 15%,#090e1652 43%,#090e1600 68%);z-index:-1}.premium-training-grid .premium-choice-label{position:absolute;left:16px;right:14px;bottom:15px;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:-.2px}.premium-training-grid .premium-choice-label small{font-size:9px;letter-spacing:.2px;color:#a3acc0;margin-top:6px}.premium-training-grid>button>.icon{position:absolute;right:12px;top:12px;width:23px;height:23px;padding:5px;border:1px solid #ffffff1c;border-radius:50%;background:#090c1650;color:#cbb7ff}.premium-custom{display:flex;align-items:center;gap:12px;color:#ac9acb;font-size:11px;padding:8px 0}.premium-custom>.icon{width:13px;height:13px}
.premium-shortcuts{gap:24px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:17px 0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr}.premium-shortcuts>button{display:flex;align-items:center;gap:13px;text-align:left;min-height:42px;padding:0}.premium-shortcuts b{font-size:13px;font-weight:600}.premium-shortcuts small{display:block;font-size:10px;color:#7f89a1;margin-top:5px}.premium-shortcut-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#a58aff12;color:#baa6e6;flex-shrink:0}.premium-shortcut-icon .icon{width:18px;height:18px}.premium-shortcuts>button>.icon{margin-left:auto;color:#68728e;width:16px;height:16px}
.premium-week{border:1px solid #ffffff0f;border-radius:21px;background:linear-gradient(130deg,#141826,#10141f);padding:24px 28px;margin-bottom:24px}.premium-week .premium-section-head{align-items:flex-start}.premium-week-count{display:flex;gap:7px;align-items:center;color:#a5a7c0}.premium-week-count>strong{font-size:37px;line-height:1.1;color:#d1c1ff;letter-spacing:-2px;font-weight:600}.premium-week-count>span{font-size:15px;padding-top:4px}.premium-week-count small{display:block;font-size:8px;line-height:1.4;color:#858fa9;margin-top:4px}.premium-week-days{padding:0;margin:24px 0 16px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;list-style:none}.premium-week-days li{display:grid;place-items:center;gap:5px;padding:7px 2px;border-radius:13px;color:#8690a6}.premium-week-days span{font-size:9px}.premium-week-days b{font-weight:500;font-size:17px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;line-height:1}.premium-week-days i{width:4px;height:4px;border-radius:50%;background:#4c5367}.premium-week-days .is-today b{border:1px solid #bbaaeb66;color:#e6dcff}.premium-week-days .is-today span{color:#c5b4f3}.premium-week-days .is-done b{background:#baa5ff;color:#181629;border:none}.premium-week-days .is-done i{background:#bfa6ff}.premium-week-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #ffffff0b;padding-top:16px}.premium-week-footer>p{font-size:11px;margin:0;color:#8c95af}.premium-week-footer .btn{font-size:11px;padding:7px 11px;min-height:37px;border-color:#b8b0ec17;color:#c6b2ee;white-space:nowrap}.premium-week-footer .icon{width:14px;height:14px}.premium-last{font-size:11px;color:#8f9bb7;margin-top:14px;display:flex!important;gap:8px;align-items:center}.premium-last .icon{width:12px;height:12px}.premium-details{border-color:#ffffff0c;padding-top:18px;margin-top:23px}.premium-details>summary{font-size:12px;color:#8c95ac}.premium-details .nova-dashboard{background:transparent}
.card,.exercise-session,.history-card,.exercise-tile{background:#121622;border-color:#ffffff0e;box-shadow:none}.exercise-tile:hover{border-color:#bba2ed60;background:#181b2c}.exercise-tile .group-pill{border-color:#b598e93a;color:#c3b4e7;background:#18152cd9}.exercise-heading h3,.modal-head h2{color:#f2f3fb}.exercise-photo{background:#0c1017}.motion-target{border-color:#b7a0e133;background:#10141de8;color:#c8c0e1}.modal{background:#111622;border-color:#49415980;box-shadow:0 30px 130px #000a}.modal-head{border-color:#ffffff0c}.modal::backdrop{background:#050810b3;backdrop-filter:blur(8px)}.modal-body{color:#e8eaf3}.field input,.field select,.field textarea,.input,.set-input,.welcome-form input,.welcome-form select{background:#0d121e;border-color:#353b50;color:#eff1fa}.set-input{border-radius:11px}.set-input:focus{outline-color:#b9a4f5}.set-done[aria-pressed=true]{background:#baa5ff;border-color:#baa5ff;color:#191629}.focus-stage{border-radius:23px;border-color:#ffffff0e;background:#111622}.focus-navigation{border-color:#ffffff0c}.simple-load{color:#c3b2eb}.simple-effort{border-color:#ffffff0d}.simple-effort button{background:#171b29;border-color:#38364d;font-size:12px}.simple-effort button[aria-pressed=true]{background:#aa8bf629;border-color:#bba2ee75}.simple-menu{border-top:1px solid #ffffff0c}.simple-menu>button{padding:23px 4px;border-color:#ffffff0b}.simple-menu>button>span{font-size:14px}.simple-menu>button>.icon:first-child{padding:10px;box-sizing:content-box;border-radius:13px;background:#a995ee10;color:#bba7e9}.simple-menu>button>.icon:last-child{width:14px;height:14px;color:#77829d}.group-pill,.chip{color:#afb6cc}.chip.active{background:#a78de622;border-color:#c4abff60;color:#dcc9ff}.page-intro h1{letter-spacing:-1.2px;font-weight:650}.library-reference{border-color:#ffffff10;color:#8e98b1}
.mobile-nav{background:#0d111def;border:1px solid #c8b2ff20;border-radius:20px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #05070d36;backdrop-filter:blur(18px)}.mobile-nav>button{font-size:10px;border-radius:13px;min-height:48px;color:#8d98b1}.mobile-nav>button.active{background:#bfa3ff15;color:#d4baff}.mobile-nav>button.active:before{display:none}.mobile-nav>button .icon{width:20px;height:20px}.mobile-nav .nav-label{font-size:10px;letter-spacing:0;font-weight:500}.profile-avatar,.avatar{background:#211e34;color:#cbb2ff;border-color:#b8a1df2a}.intro-orbit{box-shadow:0 0 100px #8c74de10;border-color:#8f7cba30}#startup-root{background:radial-gradient(ellipse at 50% 25%,#34244780,transparent 58%),#090c14}
@media(max-width:1050px){.premium-training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-training-grid>button{min-height:205px}.premium-step-note{display:none}}
@media(max-width:700px){.simple-greeting{margin:0 0 19px}.simple-greeting h1{font-size:28px;letter-spacing:-1px}.simple-greeting .eyebrow{font-size:8px;letter-spacing:1.4px}.home-avatar{width:40px;height:40px}.topbar{padding-bottom:18px}.brand-mark{width:33px;height:33px}.mobile-brand .brand{font-size:22px;gap:8px}.premium-hero{min-height:242px;padding:24px 22px;border-radius:21px;margin-bottom:29px}.premium-hero:before{background-image:linear-gradient(90deg,#0f121de8 0%,#0f121da8 54%,#0e121b14),url('/assets/brand/training-hero.webp');background-position:65% 50%}.premium-hero h2{font-size:30px;letter-spacing:-1.1px;line-height:1.13}.premium-hero .eyebrow{font-size:7px;letter-spacing:1.6px}.premium-hero-lead{font-size:11px;line-height:1.7;margin:12px 0 19px;max-width:215px}.premium-hero .btn{font-size:11px;min-height:43px;padding:10px 13px}.premium-hero-tag{display:none}.premium-today h2{font-size:21px}.premium-section-head .eyebrow{font-size:7px;letter-spacing:1.4px}.premium-training-grid{gap:11px;margin-top:15px}.premium-training-grid>button{min-height:175px;border-radius:17px}.premium-training-grid .premium-choice-label{left:12px;right:12px;bottom:13px;font-size:13px;line-height:1.4}.premium-training-grid .premium-choice-label small{font-size:9px;margin-top:4px}.premium-custom{font-size:10px}.premium-today{margin-bottom:19px}.premium-shortcuts{gap:15px;padding:16px 0;margin-bottom:23px}.premium-shortcuts>button{gap:9px}.premium-shortcut-icon{width:31px;height:35px;border-radius:10px}.premium-shortcuts b{font-size:11px;line-height:1.5}.premium-shortcuts small{font-size:8px;line-height:1.6;max-width:100px;margin-top:3px}.premium-shortcuts>button>.icon{display:none}.premium-week{padding:21px 18px;border-radius:20px}.premium-week .premium-section-head h2{font-size:18px}.premium-week .premium-section-head{gap:10px}.premium-week .premium-section-head .eyebrow{font-size:6px;max-width:160px;line-height:1.7}.premium-week-count>strong{font-size:31px}.premium-week-count>span{font-size:12px}.premium-week-count small{font-size:7px;max-width:64px}.premium-week-days{gap:2px;margin:20px 0 15px}.premium-week-days li{padding:5px 0}.premium-week-days b{font-size:15px;width:30px;height:30px}.premium-week-footer{gap:8px}.premium-week-footer>p{font-size:9px;max-width:135px;line-height:1.7}.premium-week-footer .btn{font-size:9px;padding:7px 8px}.premium-week-footer .icon{width:11px;height:11px}.premium-last{font-size:9px;line-height:1.8}.premium-details>summary{font-size:11px}.mobile-nav{left:12px;right:12px;bottom:10px;width:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-radius:18px}.mobile-nav>button{min-height:46px}.mobile-nav .nav-label{font-size:9px}.modal-head h2{font-size:20px;line-height:1.35}.simple-preview b{font-size:14px}.simple-preview small{font-size:10px}.simple-menu>button>span{font-size:13px}.set-input{font-size:17px}}
@media(max-width:359px){.premium-hero{padding:21px 18px;min-height:230px}.premium-hero h2{font-size:27px}.premium-training-grid>button{min-height:163px}.premium-training-grid .premium-choice-label{font-size:12px}.premium-week{padding:18px 13px}.premium-week-count small{max-width:58px}.premium-shortcuts b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.btn,.premium-training-grid>button{transition:none}.btn-primary:hover,.premium-training-grid>button:hover{transform:none}.mobile-nav{backdrop-filter:none}}