@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#142d25;--muted:#6f786e;--paper:#f4f4eb;--line:#daddcf;--lime:#d8f36a;--white:#fffef8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #7d9c36;outline-offset:3px}header{border-bottom:1px solid var(--line);height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.brand{font:800 38px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;background:none;padding:0}.brand i{display:inline-block;width:10px;height:10px;background:#9dbb43;margin-left:5px}.profile-chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;font-size:12px}.shell{max-width:1040px;margin:auto;padding:45px 24px 115px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font:700 clamp(48px,7vw,74px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:13px 0 18px}h2{font:700 34px 'Barlow Condensed',Impact,sans-serif}h3{font-size:19px;letter-spacing:-.4px}.sub{color:var(--muted);line-height:1.6}.topline,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero{margin-bottom:32px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode{padding:30px;text-align:left;min-height:245px;border:1px solid var(--line);border-radius:8px;background:var(--white);position:relative;display:flex;flex-direction:column;align-items:flex-start}.mode.dark{background:var(--ink);color:var(--white);border-color:var(--ink)}.mode .symbol{font-size:30px;margin-bottom:28px}.mode h2{font-size:38px}.mode p{margin-top:9px;font-size:13px;opacity:.7}.mode .arrow{position:absolute;right:27px;top:30px;font-size:27px}.pill{font-size:10px;letter-spacing:1px;font-weight:700;border-radius:4px;background:var(--lime);color:var(--ink);padding:6px 9px;display:inline-block}.section{margin-top:35px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.text-btn{background:none;padding:10px 0;font-size:12px;font-weight:600;text-decoration:none}.list{border-top:1px solid var(--line)}.list-item{border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.list-item small{display:block;color:var(--muted);margin-top:7px;font-size:12px}.metric{font:600 26px 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}.footnote{margin-top:30px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.dot{width:6px;height:6px;background:#7a943c;border-radius:50%}nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);z-index:8}nav>div{display:flex;max-width:620px;margin:auto;justify-content:space-around}nav button{background:none;min-width:65px;padding:14px 10px 12px;color:var(--muted);font-size:10px;display:flex;gap:5px;flex-direction:column;align-items:center}nav button b{font-size:20px;font-weight:400}nav button.active{color:var(--ink);font-weight:700}.panel{padding:25px;border:1px solid var(--line);background:var(--white);border-radius:8px;margin:18px 0}.primary,.secondary,.danger{border-radius:5px;min-height:48px;padding:13px 20px;font-size:13px;font-weight:700}.primary{background:var(--ink);color:white}.secondary{background:var(--lime);color:var(--ink)}.danger{background:#f7dfd6}.wide{width:100%;margin-top:16px}.back{padding:0;background:none;color:var(--muted);margin-bottom:24px;font-size:12px}.previous{background:#e9eddc;border-radius:5px;padding:15px;margin:20px 0}.previous .eyebrow{font-size:9px;margin-bottom:7px}.previous strong{font-size:19px}.sets-head,.set{display:grid;grid-template-columns:32px 1fr 1fr 46px;gap:10px;align-items:center;margin:9px 0}.sets-head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.set input{width:100%;min-width:0;text-align:center;background:var(--paper);border:1px solid var(--line);padding:13px 5px;border-radius:5px;font-size:18px;font-weight:600}.set button{height:46px;border-radius:5px;background:#e5e8dd}.set.done button{background:var(--lime)}.set.done input{border-color:#a8bd65}.num{color:var(--muted);font-size:12px}textarea,input.search,select,input.field{width:100%;border:1px solid var(--line);background:var(--white);border-radius:5px;padding:14px;margin:10px 0;color:var(--ink)}textarea{min-height:70px;resize:vertical}.guidance{line-height:1.7;color:var(--muted);font-size:13px;margin:15px 0}details summary{cursor:pointer;font-weight:600;font-size:13px;margin:15px 0}.progress-bar{height:4px;background:var(--line);border-radius:4px;margin:20px 0}.progress-bar i{display:block;height:100%;background:#8ca93e}.timer{position:sticky;top:0;z-index:7;background:var(--lime);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:5px}.timer button{background:none}.empty{padding:40px 10px;text-align:center;color:var(--muted);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats .panel{margin:0;padding:20px 12px}.stats strong{display:block;font:700 34px 'Barlow Condensed',Impact,sans-serif}.stats small{font-size:10px;color:var(--muted)}.avatar{width:54px;height:54px;border-radius:50%;background:#e6ebd7;display:grid;place-items:center;font:700 25px 'Barlow Condensed',Impact,sans-serif}.profiles{max-width:650px;margin:50px auto}.profile-card{display:flex;align-items:center;gap:20px;width:100%;text-align:left;background:var(--white);border:1px solid var(--line);padding:24px;margin:14px 0;border-radius:7px}.profile-card .arrow{margin-left:auto;font-size:25px}.badge{font-size:11px;color:#60772b}.chart{display:flex;align-items:flex-end;gap:12px;height:120px;margin-top:22px}.bar{flex:1;background:#c5d79d;min-height:4px;border-radius:4px 4px 0 0;position:relative}.bar span{position:absolute;top:-20px;font-size:10px;left:0}.bar small{position:absolute;bottom:-22px;left:0;font-size:9px;white-space:nowrap;color:var(--muted)}#toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 20px;border-radius:6px;z-index:30;display:none;font-size:13px;max-width:90vw}.inline-label{font-size:11px;color:var(--muted)}.editor-row{border-top:1px solid var(--line);padding:17px 0}.editor-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.editor-fields input{width:100%;padding:10px;border:1px solid var(--line);border-radius:4px}.success{font-size:50px;margin:15px 0;color:#7b9637}@media(min-width:750px){.home-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:45px}.home-grid .section{margin-top:0}.shell.narrow{max-width:720px}.mode{min-height:280px}.hero{margin-bottom:38px}}@media(max-width:560px){header{height:70px;padding:0 23px}.shell{padding-top:30px}.cards{gap:12px}.mode{padding:23px 19px;min-height:230px}.mode h2{font-size:30px}.mode p{line-height:1.5;font-size:12px}.mode .arrow{right:16px;top:22px}.mode .symbol{margin-bottom:28px}.panel{padding:19px}h1{font-size:55px}.profile-chip{font-size:11px}.metric{font-size:23px}.stats strong{font-size:29px}}
[hidden]{display:none!important}

.session-question{font-size:clamp(20px,3vw,28px);line-height:1.3;max-width:520px;margin-top:12px;letter-spacing:-.5px}
/* App shell: a single phone-first surface at every screen size. */
html{background:#e0e4da;min-height:100%;overscroll-behavior-y:none}body{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--paper);padding-top:env(safe-area-inset-top);box-shadow:0 0 70px #142d2510;-webkit-tap-highlight-color:transparent}header{height:66px;padding:0 22px;position:sticky;top:0;background:var(--paper);z-index:10}.brand{font-size:33px}.profile-chip{min-height:40px;padding:8px 13px;font-size:12px}.shell,.shell.narrow{width:100%;max-width:480px;padding:27px 20px calc(100px + env(safe-area-inset-bottom))}.hero{margin-bottom:25px}.hero .topline .eyebrow:last-child{font-size:9px;letter-spacing:1px}h1{font-size:52px;line-height:1.02;margin:12px 0 15px}.session-question{font-size:23px;line-height:1.3;max-width:340px}.home-grid{display:block}.cards{display:flex;flex-direction:column;gap:13px}.mode{width:100%;min-height:164px;padding:24px 23px 23px 77px;border-radius:16px;justify-content:center}.mode .symbol{position:absolute;left:23px;top:27px;margin:0;font-size:29px}.mode h2{font-size:32px;line-height:1.05;max-width:240px}.mode p{font-size:13px;line-height:1.5;max-width:235px;padding-right:12px;margin-top:8px}.mode .arrow{right:21px;top:24px;font-size:24px}.mode .pill{margin-top:14px!important;font-size:9px}.home-grid .section{margin-top:29px}.section-title{margin-bottom:5px}.list-item{padding:18px 0}.list-item h3{font-size:17px}.metric{font-size:26px}.panel{padding:20px;border-radius:14px;margin:16px 0}.primary,.secondary,.danger{min-height:54px;border-radius:12px;font-size:15px;padding:15px 20px}.wide{margin-top:14px}.back{min-height:44px;margin-bottom:12px}.text-btn{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.profile-card{border-radius:15px;min-height:100px;padding:21px;margin:13px 0}.profile-card p{font-size:13px}.profiles{margin:34px auto 0}.profiles>h1{font-size:55px}.profiles>.sub{margin-bottom:28px}.avatar{width:52px;height:52px;flex-shrink:0}.footnote{font-size:11px;line-height:1.6;margin-top:24px}nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,480px);background:#f4f4ebf5;backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line)}nav>div{max-width:480px}nav button{flex:1;min-height:70px;padding:10px 8px 9px;gap:5px;font-size:11px}nav button b{height:26px;min-width:49px;display:grid;place-items:center;border-radius:20px;font-size:23px}nav button.active b{background:#dce8ba}.previous{border-radius:10px;padding:15px}.previous strong{font-size:18px;line-height:1.5}.set{gap:8px;grid-template-columns:25px 1fr 1fr 48px}.sets-head{gap:8px;grid-template-columns:25px 1fr 1fr 48px;font-size:9px}.set input{font-size:20px;min-height:54px;border-radius:9px}.set button{height:52px;border-radius:10px;font-size:20px}input.search,input.field,select,textarea{font-size:16px;min-height:52px;border-radius:10px}textarea{min-height:84px}.timer{top:66px;border-radius:12px;min-height:54px;font-size:13px}.timer button{min-height:36px}.stats{gap:8px}.stats .panel{padding:16px 10px;border-radius:12px}.stats strong{font-size:32px}.stats small{font-size:9px}.editor-fields{grid-template-columns:repeat(2,1fr);gap:12px}.editor-fields input{font-size:16px;min-height:48px;margin-top:6px;border-radius:8px}.inline-label{font-size:12px}.chart{gap:9px}#toast{bottom:calc(85px + env(safe-area-inset-bottom));max-width:calc(100vw - 40px);width:max-content;border-radius:12px}.guidance{font-size:14px;line-height:1.65}details summary{font-size:14px}.success{margin-top:25px}@media(max-width:360px){.shell,.shell.narrow{padding-left:16px;padding-right:16px}h1{font-size:46px}.mode{padding-left:65px}.mode h2{font-size:28px}.mode .symbol{left:20px}.session-question{font-size:21px}.profile-card{gap:14px}.profile-card p{font-size:12px}}@media(min-width:481px){body{border-left:1px solid #cdd4c6;border-right:1px solid #cdd4c6}nav{border-left:1px solid #cdd4c6;border-right:1px solid #cdd4c6}}
/* Athletic editorial direction. */
:root{--ink:#111;--muted:#747474;--paper:#fff;--line:#e6e6e6;--lime:#dfff00;--white:#fff}html{background:#ededed}body{box-shadow:0 0 70px #00000008}header{height:72px;background:#fff;border-bottom:1px solid #eee;padding:0 24px}.brand{font-size:40px;font-style:italic;letter-spacing:-1.8px}.brand i{background:var(--ink);width:7px;height:7px;margin-left:7px}.profile-chip{border:0;background:#f3f3f3;border-radius:24px;font-weight:700;padding:10px 16px}.shell,.shell.narrow{padding:32px 24px calc(105px + env(safe-area-inset-bottom))}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#656565}.hero{margin-bottom:29px}h1{font-size:65px;line-height:.91;letter-spacing:-1.5px;text-transform:uppercase;font-style:italic;margin:17px 0 23px;font-weight:800}h2{font-weight:800;text-transform:uppercase;letter-spacing:-.8px}h3{font-weight:700}.session-question{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.35;max-width:300px}.cards{gap:12px}.mode{min-height:177px;border-radius:0;padding:27px 46px 27px 25px;background:#f1f1f1;border:0;justify-content:center;overflow:hidden}.mode.dark{background:#111;color:white;border:0}.mode .symbol{display:none}.mode h2{font-size:43px;line-height:.95;font-style:italic;max-width:270px;letter-spacing:-1px}.mode .arrow{top:22px;right:23px;font-size:30px;font-weight:400}.mode p{font-size:12px;margin-top:12px;opacity:.65;max-width:260px}.mode .pill{border-radius:0;color:#111;background:#dfff00;font-size:9px;padding:5px 7px;margin-top:14px!important}.home-grid .section{margin-top:38px}.section-title h3{font-size:11px;letter-spacing:1.2px}.list-item{padding:21px 0}.list-item h3{font-size:17px}.metric{font-size:29px;font-weight:700}.panel{border-radius:0;border:0;background:#f5f5f5;padding:23px;margin:18px 0}.primary{background:#111;color:white;border-radius:30px}.secondary{background:#e8e8e8;color:#111;border-radius:30px}.danger{border-radius:30px}.primary,.secondary{font-size:14px;min-height:55px;font-weight:700}.back{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1px;color:#555}.text-btn{font-weight:700;font-size:12px}.profile-card{border-radius:0;background:#f4f4f4;border:0;min-height:107px;padding:23px;gap:20px}.profile-card h3{font:800 italic 39px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.8px}.profile-card .arrow{font-size:29px}.avatar{background:#111;color:#fff;border-radius:0;font:800 italic 28px 'Barlow Condensed',Impact,sans-serif;width:49px;height:49px}.profiles{margin:45px auto 0}.profiles>h1{font-size:69px;max-width:330px}.profiles>.sub{font-size:14px;color:#666;margin-bottom:35px}.profiles>.eyebrow{font-size:9px}.footnote{color:#898989;font-size:10px}.dot{background:#111;width:5px;height:5px}nav{background:#fffffff5;border-top:1px solid #e8e8e8}nav button{font-weight:600;color:#888;min-height:75px;font-size:10px}nav button.active{color:#000}nav button.active b{background:#111;color:white}nav button b{border-radius:22px;font-size:22px;min-width:52px;height:29px}.previous{border-radius:0;background:#e7e7e7;padding:17px;border-left:3px solid #111}.previous .eyebrow{color:#555}.previous strong{font-size:19px;letter-spacing:-.4px}.set input{border-radius:0;background:#fff;border:1px solid #dcdcdc}.set button{border-radius:50%;height:46px;background:#dedede}.set.done button{background:#111;color:#fff}.set.done input{border-color:#111}.num{font-weight:700;color:#888}.timer{background:#dfff00;color:#111;border-radius:0;top:72px}.progress-bar{border-radius:0;background:#e5e5e5}.progress-bar i{background:#111}.pill{border-radius:0;background:#dfff00;color:#111}.stats .panel{border-radius:0;background:#111;color:white;padding:19px 11px}.stats strong{font-size:36px;font-style:italic}.stats small{color:#aaa;font-size:8px;letter-spacing:.5px}.bar{background:#111;border-radius:0}.bar span{font-weight:700}.success{color:#111;font-weight:700}input.search,input.field,select,textarea{border-radius:0;border-color:#ddd;background:white}.editor-fields input{border-radius:0}.guidance{color:#666}#toast{background:#111;border-radius:0;font-weight:500}@media(max-width:360px){.shell,.shell.narrow{padding-left:20px;padding-right:20px}h1{font-size:58px}.profiles>h1{font-size:60px}.mode{padding-left:22px}.mode h2{font-size:36px}.profile-card h3{font-size:34px}}

.focus-options{display:grid;gap:12px;margin-top:27px}.focus-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:132px;width:100%;padding:24px;background:#f2f2f2;text-align:left}.focus-option:first-child{background:#111;color:white}.focus-option h2{font-size:36px;font-style:italic;line-height:1}.focus-option p{font-size:12px;opacity:.65;margin-top:8px}.focus-option small{display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:13px;opacity:.7}.focus-option .arrow{font-size:28px;align-self:flex-start}
/* Electric volt palette from the supplied reference. */
:root{--ink:#080808;--muted:#757575;--paper:#fff;--line:#dedede;--lime:#ceff00;--white:#fff;--volt:#ceff00;--charcoal:#292a32;--gray:#808080;--silver:#e5e5e5}html{background:#292a32}body{background:#fff;box-shadow:0 0 65px #0003}header{background:#080808;color:#fff;border-bottom-color:#080808}.brand i{background:var(--volt)}.profile-chip{background:#292a32;color:white}.primary{background:var(--volt);color:#080808}.primary:active{background:#b9e600}.secondary{background:#080808;color:#fff}.mode{background:#e5e5e5;color:#080808}.mode.dark{background:#080808;color:#fff}.mode.dark .arrow{color:var(--volt)}.mode .pill,.pill{background:var(--volt);color:#080808}.mode:active,.focus-option:active,.profile-card:active{outline:2px solid var(--volt);outline-offset:-2px}.previous{background:#e5e5e5;border-left-color:var(--volt)}.set.done button{background:var(--volt);color:#080808}.set.done input{border-color:#080808;background:#f8ffe0}.set button{background:#e5e5e5;color:#080808}.timer{background:var(--volt);color:#080808}.progress-bar{background:#e5e5e5}.progress-bar i{background:var(--volt)}nav{background:#080808f7;border-top-color:#292a32}nav button{color:#aaa}nav button.active{color:var(--volt)}nav button.active b{background:var(--volt);color:#080808}.avatar{background:#080808;color:var(--volt)}.profile-card{background:#e5e5e5}.focus-option{background:#e5e5e5}.focus-option:first-child{background:#080808;color:#fff}.focus-option:first-child .arrow{color:var(--volt)}.stats .panel{background:#080808;color:var(--volt)}.stats small{color:#ccc}.bar{background:var(--volt);border-top:2px solid #080808}.bar span{color:#080808}.success{color:#080808;background:var(--volt);width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:45px}.dot{background:var(--volt);box-shadow:0 0 0 1px #080808}.badge{color:#080808;background:var(--volt);padding:3px 6px}#toast{background:#292a32;color:#fff;border-left:4px solid var(--volt)}button:focus-visible,a:focus-visible{outline-color:#91b300}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #080808;outline-offset:2px}@media(min-width:481px){body,nav{border-left-color:#292a32;border-right-color:#292a32}}
/* Dark app surfaces with electric volt actions. */
:root{color-scheme:dark;--ink:#f5f5f5;--muted:#a2a2a8;--paper:#101010;--line:#343438;--white:#f5f5f5}html{background:#080808}body{background:#101010;color:#f5f5f5}header{background:#101010;color:#fff;border-bottom-color:#303034}.brand i{background:var(--volt)}.profile-chip{background:#292a32;color:#fff}.eyebrow,.sub,.guidance,.inline-label,.num{color:#aaaab0}.hero .eyebrow{color:#aaaab0}.mode{background:#292a32;color:#fff}.mode.dark{background:#19191c;color:#fff;border:1px solid #44454a}.mode .arrow,.mode.dark .arrow{color:var(--volt)}.mode p{color:#d3d3d6;opacity:1}.panel{background:#202023;color:#f5f5f5}.profile-card{background:#252529;color:#fff}.avatar{background:#080808;color:var(--volt)}.profiles>.sub{color:#aaaab0}.focus-option{background:#292a32;color:#fff}.focus-option:first-child{background:#19191c;border:1px solid #44454a}.focus-option .arrow{color:var(--volt)}.focus-option p,.focus-option small{color:#c2c2c7;opacity:1}.previous{background:#303035;color:#fff;border-left-color:var(--volt)}.previous .eyebrow{color:#c1c1c5}.back{color:#c1c1c5}.primary{background:var(--volt);color:#080808}.secondary{background:#343439;color:#fff}.danger{background:#5a2c2c;color:#fff}.text-btn{color:inherit}.set input,input.search,input.field,select,textarea,.editor-fields input{background:#18181b;color:#fff;border-color:#49494f}.set.done input{background:#282f16;border-color:var(--volt);color:#fff}.set button{background:#3b3b40;color:#fff}.set.done button{background:var(--volt);color:#080808}.sets-head{color:#aaaab0}input::placeholder,textarea::placeholder{color:#94949d;opacity:1}.stats .panel{background:#252529;color:var(--volt)}.stats small{color:#b9b9c0}.bar span{color:#f5f5f5}.bar small{color:#aaaab0}.bar{border-top-color:var(--volt)}.list,.list-item,.editor-row{border-color:#343438}.list-item small,.empty,.footnote{color:#aaaab0}.progress-bar{background:#343438}nav{background:#101010f7;border-top-color:#343438}nav button{color:#aaaab0}nav button.active{color:var(--volt)}nav button.active b{background:var(--volt);color:#080808}.timer{background:var(--volt);color:#080808}.timer button{color:#080808}.success{background:var(--volt);color:#080808}button:focus-visible,a:focus-visible{outline-color:var(--volt)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--volt)}#toast{background:#343439;color:#fff}@media(min-width:481px){body,nav{border-left-color:#303034;border-right-color:#303034}}
/* Rounded mobile bento system. */
body{background:radial-gradient(ellipse at 0 12%,#18302655,transparent 52%),#101214}header{background:#101214ed;backdrop-filter:blur(20px);border-bottom:0}.shell,.shell.narrow{padding-left:20px;padding-right:20px}.brand{font-size:36px}.profile-chip{border:1px solid #ffffff0c;background:#ffffff10;border-radius:28px}.hero{margin-bottom:26px}h1{font-size:58px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.mode,.mode.dark{border-radius:26px;min-height:230px;padding:65px 20px 23px;border:1px solid #ffffff0b;justify-content:flex-end;background:#272d31}.mode.dark{background:#ceff00;color:#101214;min-height:258px;grid-row:span 1}.mode h2{font-size:34px;max-width:155px;line-height:1.03;letter-spacing:-.8px}.mode p{font-size:12px;line-height:1.5;padding-right:0;max-width:170px;color:#c6cbd0}.mode.dark p{color:#293411}.mode .arrow,.mode.dark .arrow{top:19px;right:19px;color:inherit;border:1px solid #ffffff26;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:23px}.mode.dark .arrow{border-color:#10121430}.mode .pill{background:#10121412;color:#101214;border:1px solid #10121418;border-radius:20px;font-size:8px;letter-spacing:.7px;align-self:flex-start}.home-grid .section{background:#252c2d;border:1px solid #ffffff09;padding:20px;border-radius:26px;margin-top:14px}.section-title h3{font-size:11px;letter-spacing:1px}.section-title .text-btn{font-size:11px}.list{border-top:0}.list-item{padding:17px 0;border-color:#ffffff12}.list-item:last-child{border-bottom:0}.list-item h3{font-size:16px}.list-item small{font-size:11px}.metric{font-size:27px}.home-grid .empty{padding:25px 0;font-size:13px}.panel{border-radius:26px;background:#252b2e;border:1px solid #ffffff09;padding:22px}.primary,.secondary,.danger{border-radius:30px}.profile-card{border-radius:25px;background:#272e31;border:1px solid #ffffff0b;padding:23px;min-height:112px}.profile-card h3{font-size:36px}.avatar{border-radius:50%;background:#ceff00;color:#101214}.profile-card .arrow{font-size:25px}.previous{border-radius:18px;background:#ffffff09;border-left:0;border:1px solid #ffffff0b;padding:17px}.previous .eyebrow{color:#b9c1bf}.previous strong{font-size:18px}.set input{border-radius:14px;background:#171d20;border-color:#ffffff15}.set.done input{border-color:#ceff0070;background:#ceff0010}.set button{border-radius:50%}.timer{border-radius:22px;box-shadow:0 8px 24px #0003}.progress-bar{border-radius:10px;height:5px}.progress-bar i{border-radius:10px}.focus-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.focus-option,.focus-option:first-child{border-radius:25px;background:#272e31;border:1px solid #ffffff0b;min-height:200px;padding:24px 18px;position:relative;align-items:flex-end}.focus-option:first-child{background:#ceff00;color:#101214}.focus-option h2{font-size:32px;line-height:1.03;padding-top:32px}.focus-option .arrow{position:absolute;right:18px;top:16px;font-size:25px;color:#ceff00}.focus-option:first-child .arrow{color:#101214}.focus-option p{font-size:12px;line-height:1.5}.focus-option small{font-size:10px;margin-top:16px}.focus-option:first-child p,.focus-option:first-child small{color:#293411}.focus-option:nth-child(3){min-height:175px}.focus-option:nth-child(4){min-height:205px}.stats{gap:10px}.stats .panel{border-radius:22px;padding:21px 12px;background:#272e31}.stats strong{font-size:33px}.stats small{font-size:8px;line-height:1.6;display:block}.bar{border-radius:9px 9px 0 0}.chart{padding-top:12px}textarea,input.search,input.field,select,.editor-fields input{border-radius:16px;background:#171d20;border-color:#ffffff18}textarea{padding:16px}.pill{border-radius:20px}.success{border-radius:25px}.footnote{padding:0 5px;line-height:1.7}.profiles{margin-top:34px}.profiles>h1{font-size:62px}nav{width:min(calc(100% - 28px),452px);bottom:calc(12px + env(safe-area-inset-bottom));padding:7px;background:#30383aee;backdrop-filter:blur(24px);border:1px solid #ffffff12!important;border-radius:45px;box-shadow:0 10px 35px #0006}nav>div{gap:5px;align-items:center}nav button{min-width:0;min-height:59px;border-radius:32px;padding:9px 4px;gap:2px;font-size:9px;color:#c7cdcd}nav button b{background:none;border-radius:0;min-width:0;height:25px;font-size:22px}nav button.active{background:#ceff00;color:#101214}nav button.active b{background:none;color:#101214}#toast{border-radius:18px;bottom:calc(100px + env(safe-area-inset-bottom));background:#30383a;border-left:0;border:1px solid #ceff0050}.text-btn{font-weight:600}@media(max-width:360px){.shell,.shell.narrow{padding-left:16px;padding-right:16px}.cards,.focus-options{gap:10px}.mode{padding-left:16px;padding-right:16px}.mode h2{font-size:29px}.mode p{font-size:11px}.mode .pill{font-size:7px;padding:5px}.focus-option{padding:20px 15px}.focus-option h2{font-size:28px}.profiles>h1{font-size:56px}}
/* One continuous gradient beneath translucent app chrome. */
html{background:#0c1318}body{background:linear-gradient(155deg,#122b28 0%,#111b23 38%,#171827 70%,#10251e 100%);background-attachment:fixed;min-height:100dvh}header{background:linear-gradient(180deg,#101a2038,#101a200a);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:0}nav{background:#b8d4cf0d;border:1px solid #ffffff16!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 30px #00000026}.profile-chip{background:#ffffff0c;border-color:#ffffff12}.home-grid .section,.panel{background:#c5d6d00c;border-color:#ffffff0c}.mode:not(.dark),.profile-card,.focus-option:not(:first-child),.stats .panel{background:#c0ced014;border-color:#ffffff0d}

.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.profile-grid .profile-card{width:100%;margin:0;min-height:176px;padding:24px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;border-radius:26px}.profile-grid .profile-card h3{font-size:35px}.profile-grid .profile-card .arrow{position:absolute;top:24px;right:18px;font-size:23px;margin:0;color:var(--volt)}.profile-grid .avatar{width:48px;height:48px}.profile-grid .profile-card:active{background:#ceff0020}@media(max-width:360px){.profile-grid{gap:10px}.profile-grid .profile-card{padding:21px 16px;min-height:160px}.profile-grid .profile-card h3{font-size:31px}}
/* Compact header-to-content spacing and profile heading. */
.shell,.shell.narrow{padding-top:18px}.profiles{margin-top:8px}.profiles>h1{font-size:clamp(30px,8.6vw,41px);line-height:1.05;letter-spacing:-.8px;max-width:none;white-space:nowrap;margin-top:12px;margin-bottom:14px}.profiles>.sub{margin-bottom:20px}.profile-grid{margin-top:20px}

.hero>h1{font-size:clamp(30px,8.6vw,41px);line-height:1.05;letter-spacing:-.8px;white-space:nowrap;margin-top:12px;margin-bottom:14px}.hero>.session-question{font-size:clamp(15px,4.4vw,19px);line-height:1.35;letter-spacing:-.3px;max-width:none;white-space:nowrap;margin-top:0}
/* Equal visual weight for the two training routes. */
.cards .mode,.cards .mode.dark{background:#c0ced014;color:#f5f5f5;border:1px solid #ffffff0d}.cards .mode p,.cards .mode.dark p{color:#c6cbd0}.cards .mode .arrow,.cards .mode.dark .arrow{color:var(--volt);border-color:#ffffff26}.cards .mode .pill{background:#ceff0012;color:var(--volt);border:1px solid #ceff0030}
/* Compact route cards, about 25% shorter. */
.cards .mode,.cards .mode.dark{min-height:194px;padding:48px 18px 20px}.cards .mode h2{font-size:30px}.cards .mode p{margin-top:9px}.cards .mode .arrow{width:30px;height:30px;font-size:21px;top:16px;right:16px}

.admin-link{display:flex;margin:0 auto;padding:8px 18px;background:transparent;border:0;color:#b9c1c5;text-decoration:underline;text-underline-offset:4px;font-size:12px;letter-spacing:1px;text-transform:uppercase}

.admin-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.admin-selectors label{min-width:0}.admin-selectors select{width:100%}

.focus-page>h1{font-size:clamp(30px,8.6vw,41px);line-height:1.05;letter-spacing:-.8px;white-space:nowrap;margin-top:12px;margin-bottom:14px}.focus-page .focus-options{margin-top:14px}.focus-page .focus-option,.focus-page .focus-option:first-child{background:#c0ced014;color:#f5f5f5;border:1px solid #ffffff0d;min-height:180px}.focus-page .focus-option p,.focus-page .focus-option small,.focus-page .focus-option:first-child p,.focus-page .focus-option:first-child small{color:#c2c2c7}.focus-page .focus-option .arrow,.focus-page .focus-option:first-child .arrow{color:var(--volt)}.suggested-focus{width:100%;display:block;text-align:left;background:#ceff0014;border:1px solid #ceff0050;border-radius:25px;color:#f5f5f5;padding:23px;margin-top:24px}.suggested-focus .eyebrow{color:var(--volt);font-size:9px}.suggested-focus h2{font-size:32px;font-style:italic;margin-top:12px}.suggested-focus .arrow{font-size:28px;color:var(--volt)}.suggested-focus p{color:#c2c9c5;font-size:13px;line-height:1.5;margin-top:10px}.suggested-focus small{display:block;color:var(--volt);font-size:11px;margin-top:16px}

.choice-row{display:flex;gap:10px;margin:18px 0 28px}.choice-row button{flex:1;min-height:56px;border-radius:18px;background:#ffffff0d;color:white;border:1px solid #ffffff18;font-size:21px;font-weight:700}.choice-row button.selected{background:var(--volt);color:#101214;border-color:var(--volt)}

.compact-title{font-size:clamp(30px,8.6vw,41px);line-height:1.05;letter-spacing:-.8px}.circuit-lift{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:1px solid #ffffff12;background:#c0ced014;color:white;padding:20px;border-radius:22px;margin:12px 0}.circuit-lift.up-next{border-color:#ceff0070;background:#ceff000c}.circuit-lift h3{margin:9px 0 12px}.circuit-lift .eyebrow{font-size:9px}.circuit-lift.up-next .eyebrow,.circuit-lift .arrow{color:var(--volt)}.circuit-lift .arrow{font-size:25px}.round-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff12;font-size:10px;margin-right:4px}.round-dot.logged{background:var(--volt);color:#101214}.circuit-lift small{font-size:11px;color:#b3bbbb}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:40;backdrop-filter:blur(3px)}.log-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;background:#20282a;border:1px solid #ffffff18;border-radius:30px 30px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));z-index:41;box-shadow:0 -15px 60px #0004}.sheet-handle{width:40px;height:4px;border-radius:5px;background:#7b8586;margin:0 auto 8px}.log-sheet .panel{padding:0;border:0;background:none;margin-top:12px}.log-sheet h2{font-size:30px}.log-sheet .pill{display:none}body:has(.log-sheet){overflow:hidden}

.track-last{font-size:17px;line-height:1.6;font-weight:600;color:#f0f3ef;margin:10px 0}.track-last .eyebrow{font-size:8px;color:#adb7b4}.track-today{font-size:12px;line-height:1.5;color:var(--volt);margin-bottom:9px}.circuit-lift>div{min-width:0}.track-last,.track-today{overflow-wrap:anywhere}

[data-cloud-status]{color:var(--volt)}