/* Shared visual system, loaded after the structural and responsive layout. */
@font-face{font-family:Training Sans;src:url('./assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Training Sans;src:url('./assets/manrope-600.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Training Display;src:url('./assets/sora-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ui-font:'Training Sans',sans-serif;--bg:#0b111c;--text:#eff3fa;--muted:#b2bfd0;--line:#7891ae40;--lavender:#ffc18c;--surface:#172233;--raised:#1c2c3d;--field:#0e1928;--action:#ffc18c;--violet:#c8b6ff;--mint:#9cdec9;--glass:linear-gradient(135deg,#263449bb,#162331bf);--edge:linear-gradient(135deg,#adc5e357,#abc0e51a);--icon:none;font-family:var(--ui-font);background:var(--bg);color:var(--text)}
body{background:radial-gradient(ellipse at 10% 0%,#38305a55,transparent 55%),#080e18;color:var(--text);font-family:var(--ui-font);line-height:1.5}
.app{background:radial-gradient(ellipse at 100% 0%,#59467728,transparent 48%),radial-gradient(ellipse at 0% 80%,#2467771c,transparent 55%),var(--bg);border-color:var(--line);box-shadow:none}
h1,h2,h3,.brand a,.machine-title{font-family:'Training Display',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.3}
h1{font-size:clamp(27px,3vw,38px);margin:8px 0 20px}.welcome h1{font-size:clamp(28px,3.5vw,40px)}h2{font-size:19px}h3{font-size:16px}
.muted,.tiny,.connection,.save-state{color:var(--muted)}.muted{font-size:14px}.tiny{font-size:12px;line-height:1.65}.kicker,.eyebrow{color:#b9c5d6;font-size:11px;letter-spacing:.09em;font-weight:600}.accent{color:var(--action)}
.brand{gap:12px;padding:8px 0 16px}.brand a{letter-spacing:-.05em;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px}.profile-button,.header-settings{border:1px solid var(--line);border-radius:12px;background:#1c2938a6;color:#e3ebf7;min-height:44px;padding:9px 12px}
.panel,.home-hero,.active-set,.inline-card,.profile-selected{background:var(--glass);border:1px solid var(--line);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff09,0 8px 24px #00000012;backdrop-filter:blur(18px)}
.panel:after{display:none}.panel{padding:20px;margin-top:18px}.home-hero{padding:22px}.home-hero h2{font-size:clamp(36px,5vw,52px);line-height:1.2;letter-spacing:-.05em;margin:16px 0}.welcome{margin:8px 0 20px}.hero-metrics{gap:16px;margin:24px 0}.hero-metrics b{color:var(--text);font-size:29px}.hero-metrics span{color:var(--muted);font-size:12px}
button{font-weight:600;line-height:1.4}.primary,.secondary,.plain{border-radius:12px;min-height:44px}.primary{background:var(--action);color:#291e1a;border:1px solid #ffcea4;box-shadow:none}.primary:hover{background:#ffd1aa}.secondary{background:#2232478c;color:#e3edfc;border:1px solid #a2bcd03b;box-shadow:none}.secondary:hover{background:#2b4055}.plain{background:transparent;color:#d4dfed}.text-action{color:#d5e2f4}.icon-action{color:#d9e6f4;border-radius:11px}
.icon,nav svg.icon{width:21px;height:21px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;vertical-align:middle}.icon-action,.rest-play{display:inline-flex;align-items:center;justify-content:center}
button.danger{color:#ffbcb6;border-color:#ffbcb645}button.primary.danger{background:#663138;color:#fff1ef;border-color:#d08e8e}.success,.series-track button.validated{color:var(--mint)}
input,textarea,select{background:var(--field);color:var(--text);border:1px solid #7592b355;border-radius:11px;min-height:44px;font-size:15px;padding:10px 12px;line-height:1.5}input::placeholder,textarea::placeholder{color:#899ab1}label{color:#cbd7e8}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.pill,.chips span,.program-detail-targets>span{background:#b6a3ee14;border-color:#c3aeff2e;color:#ded1ff;border-radius:9px}.stats-tabs{background:#142033;border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.stats-tabs button{min-height:44px;color:var(--muted)}.stats-tabs [aria-pressed=true]{background:#c8b6ff20;color:#ecdeff;border-radius:10px}
nav{background:#152132e8;border:1px solid #8ba4c140;border-radius:20px;backdrop-filter:blur(20px);padding:7px 5px;box-shadow:0 -6px 24px #080e182e}nav a{color:#aabbd0;font-size:11px;font-weight:600;gap:5px}nav a[aria-current=page]{color:#eedfff}nav a[aria-current=page]>span{background:#c8b6ff23;color:#dcc7ff;border-radius:10px}nav a>span{width:38px;height:30px}
.focus-exercise h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;line-height:1.25;margin:12px 0 8px}.exercise-subtitle{color:#b9c8dc;font-size:15px;margin-bottom:16px}.focus-exercise>.between .text-action{color:#bfd4ea}.exercise-targets{gap:12px;margin:12px 0 18px}.exercise-targets b{color:#f0f5fe}.active-set{padding:16px}.series-track{gap:8px}.series-track button{color:#adbed2;border-bottom-color:#8ba4c12b}.series-track button[aria-pressed=true]{background:#c8b6ff1c;border-bottom-color:var(--violet);color:#e3d4ff}
.focus-fields input,.focus-fields input:disabled{background:var(--field);border:1px solid #86a8c34d;border-radius:12px;line-height:1.4;font-size:34px;min-height:66px;letter-spacing:-.025em}.focus-fields input:disabled{color:var(--mint)}.focus-fields label,.focus-fields small{color:#bdcce0}.last-performance{color:#b7c8dc;margin:12px 0}.last-performance b{color:#e0ecfa}.validate-focus{font-size:15px;min-height:50px}.validate-focus.is-done{background:#9cdec918;color:var(--mint);border-color:#9cdec93b}.rest-dock .clock,.focus-fields input,.hero-metrics b,.stats-numbers b{font-variant-numeric:tabular-nums}.rest-play{background:#c8b6ff12;border-color:#c8b6ff5c;color:#e1ceff}.timer-buttons .icon-action{color:#c6d7eb}.set-help .text-action,.session-meta .text-action{font-size:12px}.undo-strip{background:#183c38;color:#d2f4e6;border-color:#9cdec93b}
.exercise-rail button{border-radius:12px;color:#c3d0df}.exercise-rail button[aria-current=step]{background:#c8b6ff16;border-color:#c8b6ff4d}.exercise-rail small{color:var(--muted)}.workout-progress::-webkit-progress-value{background:var(--mint)}.workout-progress::-moz-progress-bar{background:var(--mint)}
.program-read-list{gap:12px;margin-top:16px}.program-read-exercise{border:1px solid var(--line);background:#192637a6;border-radius:16px;padding:17px 14px;gap:12px;margin-bottom:10px}.program-read-exercise:hover{background:#25354b}.program-read-copy{gap:7px}.program-read-copy strong{font-size:18px;color:#f0f4fc}.program-read-copy>span{color:#c2cfe0;font-size:14px}.program-read-copy small{color:#b8c6d8}.program-read-exercise>.icon{color:var(--violet)}
.inline-card{padding:16px}.inline-card[open]{background:linear-gradient(135deg,#2b3850c7,#192b3ed9);border-color:#b9a8ed66}.inline-card>summary{min-height:52px;padding:4px 28px 4px 0}.inline-card>summary strong{font-size:18px}.inline-card>summary span{font-size:13px;color:#bdcbe0}.inline-card>summary:after{color:var(--violet);font-size:22px}.inline-card .inline-names input,.inline-card .inline-names input:hover,.inline-card .inline-names input:focus,.inline-targets input{background:var(--field);border-color:#86a8c34d;color:var(--text)}.inline-targets legend,.inline-targets label,.inline-card .inline-names label{color:#c5d4e8}.inline-card details>summary{color:#cbbcf0;font-size:13px}.inline-status{color:#ffd0a5}
.inline-add-footer [data-inline-action=add]{background:#203f4b;color:#cef3ef;border:1px solid #9cdec950;border-radius:14px;min-height:50px}.inline-add-footer [data-inline-action=add]:hover{background:#2b5260}.program-savebar{background:#172437f5;border-color:#9cabc245;box-shadow:0 -8px 24px #0b111c90}
dialog{background:linear-gradient(145deg,#233247f5,#152333fa);color:var(--text);border:1px solid #91aac35c;border-radius:24px;padding:24px;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#030814b8;backdrop-filter:blur(8px)}dialog h2{font-size:23px;line-height:1.35;margin-bottom:16px}dialog p{font-size:14px;color:var(--muted);line-height:1.65}dialog .actions{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}#dialog .secondary,.settings .secondary{background:#25384b80;border-color:#8ca9c544;color:#e0ebf9}.password-eye{color:#d3c4fa!important}
.profile-card{background:#1b2c40;border-color:#8ba4c140;border-radius:16px;padding:16px}.profile-card[aria-pressed=true]{background:#c8b6ff12;border-color:#c8b6ff80}.profile-avatar{background:#c8b6ff24;color:#e4d7ff;border-radius:12px}.profile-card-copy small{color:#b9c8dc}.profile-card>.icon{color:#d1bcff}.profile-selected{background:#111f30;padding:18px}.profile-delete-link{margin-top:18px}.profile-create-footer{border-color:var(--line)}.profile-lock{background:var(--bg)}
.history-card{background:#1926379c;border:1px solid var(--line);border-radius:16px;padding:18px}.history-card h2{font-size:20px}.history-table th,.set-head{color:#c6d6e9}.history-table td{border-color:var(--line)}.history-options{padding-left:8px}.stats-numbers b,.stat-value{color:#ecddff}.chart-line{stroke:var(--violet)}.chart-point{fill:var(--violet);stroke:var(--violet)}.chart-grid{stroke:#9bb2cf2e}.progress-chart text{fill:var(--muted)}
.settings{margin-top:16px}.settings>summary,.cycle-details>summary,.stats-explanation>summary{color:#d6e3f4;line-height:1.5;min-height:48px}.settings .settings{background:transparent;box-shadow:none;backdrop-filter:none}.settings button+button{margin-top:12px}.cycle-overview .day.active b{background:#c8b6ff25;color:#e3d3ff}.cycle-overview .day{color:#b8c8dc}.next-note{background:#b7a0ef10;border-color:#b7a0ef44;color:#dfd4f3}.backup-reminder{background:#ffc18c0b;border-color:#ffc18c40}.recent-link{border-color:var(--line)}
#toast{background:#24354a;border-color:#9db8d36b;color:#f1f6ff;border-radius:14px;font-size:13px}#storage-warning{background:#492d38;color:#ffe0df;border-color:#ca8c9866}
@media(max-width:699px){.app{padding-inline:16px}.brand{gap:8px}.profile-button{font-size:12px}.panel,.home-hero{padding:18px}.focus-fields{gap:8px}.focus-fields input{font-size:30px}.program-heading h1{font-size:28px}.inline-targets{gap:8px}.program-read-copy strong{font-size:17px}dialog{padding:20px;width:calc(100% - 24px);max-height:88dvh}}
@media(min-width:700px){.program-read-list{align-items:start}.program-read-exercise{height:100%;margin-bottom:0}.focus-layout{gap:24px}.exercise-rail{padding-right:12px;border-right:1px solid var(--line)}}
@media(min-width:1200px){.brand a{font-size:27px}.brand-mark{width:38px;height:38px}.focus-main{max-width:760px}main[data-page=program]{max-width:1180px}.inline-program{max-width:1000px}dialog{max-width:580px}nav a{font-size:14px}nav a>span{height:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
select.exercise-picker,select.filter,.stats-label select{background-color:var(--field);color:var(--text);border-color:#86a8c34d}.app nav a[aria-current=page]{background:#c8b6ff0b}.focus-fields input,.clock,.stats-numbers b,.stat-value{font-family:TrainingInter,'Training Sans',sans-serif}
/* Luminous glass: light on the surfaces, quiet backgrounds behind content. */
:root{--bg:#0a1020;--surface:#202b46;--field:#101c31;--text:#f5f5ff;--muted:#b8c8e2;--line:#c2d1ff30;--glass:linear-gradient(130deg,#cedcff17,#849bdb0c 50%,#9dbee513)}
body{background:#080d19}.app{isolation:isolate;background:radial-gradient(ellipse at 98% 4%,#7057c440,transparent 48%),radial-gradient(ellipse at 0% 60%,#28777e2c,transparent 55%),#0a1020}
.app:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 14%,#b3a0ff16,transparent 26%),radial-gradient(ellipse at 5% 78%,#5fd8c21a,transparent 35%);border-radius:inherit}
.brand>a{color:#faf6ff}.brand-mark{box-shadow:0 0 22px #ba9bff24}.profile-button,.header-settings{background:linear-gradient(125deg,#ffffff12,#c4b6ff05);border-color:#d6dbff29;box-shadow:inset 0 1px 0 #ffffff0c;backdrop-filter:blur(18px)}
.welcome{margin:6px 0 24px}.welcome>.kicker{color:#c0b8e3;font-size:12px;font-weight:600;letter-spacing:.03em}.welcome h1{font-size:clamp(32px,4.5vw,52px);letter-spacing:-.055em;line-height:1.16;margin:10px 0 12px}.welcome .muted{font-size:14px;color:#b7c7e0}.welcome .accent{color:#d7baff}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#b7a6ff28,transparent 70%),linear-gradient(125deg,#456d7c63,#35425d4d 55%,#675c8238);border:1px solid #deecff4f;border-radius:28px;padding:24px;box-shadow:inset 0 1px 0 #ffffff2b,0 18px 48px #03081638;backdrop-filter:blur(24px)}
.home-hero:before{content:'';position:absolute;width:280px;height:280px;right:-138px;top:-125px;border-radius:50%;border:1px solid #ebdcff3d;box-shadow:0 0 0 30px #d9d0ff06,0 0 0 60px #d9d0ff05,0 0 0 90px #d9d0ff03;pointer-events:none;z-index:-1}
.home-hero>.between .eyebrow{color:#d9e4ef;font-size:11px;letter-spacing:.13em}.home-hero h2{font-size:clamp(42px,6vw,70px);font-weight:500;letter-spacing:-.065em;margin:28px 0 12px;color:#fff}.home-hero>.muted{color:#d2dfed}.home-hero .pill{background:#f4efff10;border:1px solid #e0d7ff3b;color:#eee4ff;border-radius:10px;padding:7px 10px}
.hero-metrics{margin:28px 0;gap:0;padding:18px 0;border-top:1px solid #e5eaff1f;border-bottom:1px solid #e5eaff1f}.hero-metrics>div{padding:0 14px;border-right:1px solid #e5eaff1f}.hero-metrics>div:first-child{padding-left:0}.hero-metrics>div:last-child{border:0}.hero-metrics b{font-size:32px;line-height:1.1;font-weight:450}.hero-metrics span{color:#c0d0e6;font-size:12px}.home-hero>.primary{min-height:54px;font-size:15px;border-radius:16px;background:linear-gradient(120deg,#ffdab5,#ffc08e);color:#352315;border-color:#ffe0c370;box-shadow:0 5px 22px #fca76518,inset 0 1px 0 #fff8}.home-hero .hero-date{margin-top:12px}.home-hero .hero-date .tiny{color:#c0cfe0}
.cycle-overview{margin:18px 0 0;padding:20px;background:linear-gradient(130deg,#bbc7ff0e,#a0bcff04);border:1px solid #bccdff26;border-radius:22px}.cycle-overview h2{font-size:17px}.cycle-overview .days{gap:8px}.cycle-overview .day{font-size:12px}.cycle-overview .day b{border-radius:12px;height:38px;background:#c0d5ff07;margin-bottom:6px;display:grid;place-items:center}.cycle-overview .day.active b{background:linear-gradient(135deg,#c5b0fa,#aaccfa);color:#172139;box-shadow:0 4px 18px #bea4fb20}.cycle-overview .day.rest{color:#9db6ca}.cycle-details summary{font-size:12px;font-weight:400;color:#c3d0e7}.cycle-overview>.tiny{margin-top:12px}
.recent-link{margin:18px 0 0;padding:18px;background:#dae3ff07;border:1px solid #d5e0ff24;border-radius:18px}.recent-link small{color:#b9cce2}.recent-link b{font-size:19px;color:#eff2ff}.recent-link>.icon{color:#d9c6ff}.backup-reminder{border-radius:18px;padding:16px;margin:16px 0 0}
.panel,.active-set,.inline-card{box-shadow:inset 0 1px 0 #ffffff15,0 10px 26px #00000012;border-color:#c6d4ff2f;background:var(--glass);backdrop-filter:blur(20px)}.active-set{border-radius:24px}.focus-fields input,.focus-fields input:disabled{background:#0a142b90;border-color:#bccfff33;box-shadow:inset 0 2px 6px #0000001a}.series-track button[aria-pressed=true]{background:linear-gradient(180deg,#d4c0ff22,#c7acff09);color:#f0e4ff;border-bottom-color:#ddc6ff}.series-track button.validated{color:#a8edce}.rest-play{border-color:#d4c0ff70;background:#dfd1ff0c}
.program-read-exercise{position:relative;background:linear-gradient(120deg,#c8d8ff12,#c8d8ff05);border-color:#d0dcff29;border-radius:20px;padding:20px 16px;box-shadow:inset 0 1px 0 #ffffff09}.program-read-exercise:hover{background:linear-gradient(120deg,#c8d8ff20,#c8d8ff0a);border-color:#d0dcff55}.program-read-exercise>.tiny{display:grid;place-items:center;width:30px;height:34px;border-radius:10px;background:#bfabff12;color:#d8c9f8;flex-shrink:0}.program-read-copy strong{font-weight:600;letter-spacing:-.015em}.program-read-exercise>.icon{width:17px;color:#d7c3ff}
.inline-card[open]{background:linear-gradient(130deg,#aab6f422,#9acbd914);border-color:#d5c2ff5c}.inline-card>summary:after{border-radius:50%;width:26px;height:26px;display:grid;place-items:center;background:#c4b0fa13;font-size:19px}.program-savebar{background:#172239ef;border-color:#d3d8ff3b;backdrop-filter:blur(20px)}
nav{background:linear-gradient(130deg,#c8dbff13,#d7c3ff09),#101b2fdb;border-color:#d4dfff3d;box-shadow:inset 0 1px 0 #ffffff12,0 8px 30px #02061152;border-radius:23px;backdrop-filter:blur(24px)}.app nav a[aria-current=page]{background:transparent;color:#eee3ff}.app nav a[aria-current=page]>span{background:linear-gradient(125deg,#e0d2ff33,#a5c2ff1a);box-shadow:inset 0 1px 0 #ffffff26;color:#e7d4ff}.app nav a{transition:background .15s ease,color .15s ease}
.primary{background:linear-gradient(120deg,#ffd7ae,#ffc18c);box-shadow:inset 0 1px 0 #fff4;border-color:#ffe2c54d}.secondary{background:linear-gradient(130deg,#d1ddff12,#bdceff06);border-color:#cbd9ff36}.secondary:hover{background:#c5d6ff1d}button:disabled{box-shadow:none}
.profile-card{background:linear-gradient(130deg,#c9d6ff12,#afc6ff06);border-color:#d0dcff2e;border-radius:18px}.profile-card[aria-pressed=true]{background:linear-gradient(120deg,#c9afff26,#bad1ff12);border-color:#d9c4ff73}.profile-avatar{background:linear-gradient(135deg,#d3baf63b,#a2c8fa21);border:1px solid #dbcaff30}.profile-selected{background:#101e329e;border-color:#c5d5ff2f;border-radius:20px}dialog{background:radial-gradient(ellipse at 100% 0%,#72609030,transparent 65%),linear-gradient(135deg,#27374def,#18243afa);border-color:#d8e0ff4d;box-shadow:inset 0 1px 0 #ffffff24,0 28px 100px #0009}dialog::backdrop{background:#03081ab8;backdrop-filter:blur(12px)}
.settings>summary{font-family:'Training Display',sans-serif;font-weight:500;letter-spacing:-.02em}.history-card{background:linear-gradient(130deg,#bbcaff10,#bdd2ff05);border-color:#d0dbff2d}.stats-tabs [aria-pressed=true]{box-shadow:inset 0 1px 0 #f4eaff1f;background:linear-gradient(120deg,#cdb5ff26,#b0caff15)}
@media(min-width:900px){main[data-page=home]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 28px;align-content:start;align-items:start}.welcome{grid-column:1/-1;margin:0 0 6px}.home-hero{grid-column:1;grid-row:2/span 4;min-width:0;padding:30px}.cycle-overview{grid-column:2;margin:0}.recent-link,.backup-reminder{grid-column:2;margin:0}.home-hero h2{margin-top:36px}.hero-metrics{margin:32px 0}}
@media(min-width:1200px){.app{grid-template-rows:44px auto minmax(0,1fr) 26px;column-gap:40px}.app>.brand{position:absolute;left:24px;top:24px;width:220px;grid-area:auto;margin:0;gap:20px}.app>nav{position:absolute;left:24px;top:248px;width:220px;grid-area:auto;margin:0;background:linear-gradient(140deg,#bdcbff0c,#d1beff05);border:1px solid #d4dfff21}.app>nav a[aria-current=page]{background:linear-gradient(115deg,#cfbaff1a,#b9d3ff0b)}.app>.connection{font-size:11px}.welcome h1{font-size:46px}.app main{padding-top:20px}.brand>.profile-button{max-width:none}.home-hero{max-width:none}}
@media(max-width:699px){.welcome{margin-bottom:18px}.welcome h1{font-size:34px}.home-hero{padding:22px;border-radius:25px}.home-hero h2{font-size:46px;margin:24px 0 12px}.cycle-overview{padding:16px}.hero-metrics{margin:24px 0}.program-read-exercise{padding:17px 12px;gap:10px}.program-read-exercise>.tiny{width:25px}.program-read-copy strong{font-size:17px}}
@media(max-height:600px) and (min-width:1200px){.app>.brand{gap:10px;top:12px}.app>nav{top:195px}.app>nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.app nav a{transition:none}}
/* Keep the original eight-day cycle balanced instead of a 6 + 2 wrap. */
.cycle-overview .days:has(>.day:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
/* Actual backdrop: one shared scene behind translucent, blurred surfaces. */
:root{--user-accent:#ffc18c;--user-glow:#7456bc;--user-second:#167b82;--user-tint:24 35 58;--user-alpha:.3;--user-blur:18px;--action:var(--user-accent);--lavender:var(--user-accent)}
body,.profile-lock{background:radial-gradient(ellipse 42% 48% at 86% 16%,var(--user-glow),transparent 85%),radial-gradient(ellipse 50% 40% at 12% 80%,var(--user-second),transparent 80%),#080f20;background-attachment:fixed}
html[data-backdrop=halo] body,html[data-backdrop=halo] .profile-lock{background:radial-gradient(ellipse at 80% 5%,color-mix(in srgb,var(--user-glow) 40%,transparent),transparent 65%),#080f20;background-attachment:fixed}
html[data-backdrop=plain] body,html[data-backdrop=plain] .profile-lock{background:#0b1222}
body .app{background:transparent!important}.app:before,.home-hero:before{display:none}
body .home-hero,body .panel,body .active-set,body .inline-card,body .inline-card[open],body .program-read-exercise,body .cycle-overview,body .recent-link,body .history-card,body .profile-card,body .profile-selected,body .app>nav,body dialog,body .startup-card{background:rgb(var(--user-tint)/var(--user-alpha));backdrop-filter:blur(var(--user-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--user-blur)) saturate(145%);border:1px solid #e1eaff45;box-shadow:inset 0 1px 0 #ffffff21,0 12px 32px #00000025}
body .home-hero,body .panel,body .active-set{isolation:auto}.panel:after{display:none}.profile-card[aria-pressed=true]{background:color-mix(in srgb,var(--user-accent) 15%,transparent)!important}.app nav a[aria-current=page]>span{color:var(--user-accent)}
body .primary,body .home-hero>.primary{background:var(--user-accent);border-color:color-mix(in srgb,var(--user-accent) 70%,white);color:#162033;box-shadow:inset 0 1px 0 #ffffff40}.primary.danger{background:#71363f!important;color:#fff!important}.accent{color:var(--user-accent)}
body .program-savebar{background:rgb(var(--user-tint)/.9)}
.profile-lock{z-index:1000}.startup-card{width:min(100%,520px);border-radius:28px;padding:28px}.startup-card>img{margin-bottom:18px}.startup-card>h1{font-size:30px;line-height:1.3}.startup-card>.primary{width:100%;margin-top:20px}.startup-screen{overflow:auto;align-items:safe center}.startup-screen .profile-grid{max-height:40dvh;overflow:auto;padding:4px}.startup-screen .profile-card{min-height:56px}
.primary-choice{display:flex!important;align-items:center;gap:12px!important;line-height:1.6;margin:18px 0;font-size:13px;color:#e6e9fa}.primary-choice input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;accent-color:var(--user-accent)}
.theme-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.theme-choice{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0!important}.theme-choice>span{width:18px;height:18px;flex:0 0 18px;border-radius:50%}.theme-choice[aria-pressed=true]{outline:2px solid var(--user-accent);outline-offset:1px}.appearance-settings>label{display:grid;gap:10px;margin:20px 0;font-size:14px;line-height:1.5}.appearance-settings input[type=range]{width:100%;min-height:44px;accent-color:var(--user-accent);padding:0}.appearance-settings output{color:var(--user-accent);font-variant-numeric:tabular-nums}
@supports not (backdrop-filter:blur(1px)){body .panel,body .home-hero,body .active-set,body dialog,body .startup-card{background:rgb(var(--user-tint)/.94)}}
/* Navigation selection must keep rounded corners on narrow screens too. */
.app>nav a{border-radius:14px;background-clip:padding-box}

/* A single glass container; selection belongs to the icon, never a full tile. */
body .app>nav{overflow:hidden;isolation:isolate;background-clip:padding-box}
body .app>nav a,body .app>nav a:hover,body .app>nav a[aria-current=page]{background:transparent;box-shadow:none;filter:none;border-radius:14px;-webkit-tap-highlight-color:transparent}
body .app>nav a:focus-visible{outline-offset:-3px}
body .app>nav a[aria-current=page]>span{background:color-mix(in srgb,var(--user-accent) 18%,transparent);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff26;color:var(--user-accent)}
@media(hover:hover){body .app>nav a:hover>span{background:color-mix(in srgb,var(--user-accent) 12%,transparent)}}