:root{color-scheme:dark;--bg:#08080a;--surface:#212023;--muted:#b9b4b9;--text:#faf8fa;--red:#ff5267;--purple:#c59aff;--silver:#d2d4df;--line:#ffffff16;--yellow:#ffe477}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.25px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 110% 340px at 30% 0,#743d464d,transparent 85%);z-index:-1}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button:disabled{opacity:.5;cursor:default}button:active{opacity:.78}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}h1{font-size:29px;line-height:1.1;font-weight:650;letter-spacing:-1.1px}h2{font-size:20px;font-weight:630;letter-spacing:-.6px}.muted{color:var(--muted)}.statusbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:16px;font-weight:650}.status-icons{font-size:18px;display:flex;align-items:center;gap:7px}.status-icons b{font-size:10px;background:#dedde1;border-radius:5px;color:#181719;padding:1px 4px}.app-shell{max-width:760px;margin:auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 20px}.wordmark{font-size:23px;line-height:.9;font-weight:900;letter-spacing:-1.5px;font-style:italic}.wordmark span{color:var(--red)}.header-actions{display:flex;align-items:center;gap:12px}.streak-button{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid #ffffff29;background:#ffffff0b;border-radius:15px;padding:8px 12px;font-weight:650}.streak-button svg{width:17px;color:#ffb166;fill:#ffb16622}.avatar{width:38px;height:38px;min-height:44px;min-width:44px;border-radius:50%;background:#5a414a;color:#ffe8df;font-size:14px;font-weight:700;border:2px solid #c28d8f77}main{padding:0 24px 126px}.title-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.day-label{font-size:13px;color:#d1c3c8}.score-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.score-number{font-size:62px;letter-spacing:-3px;line-height:1.05;font-weight:500}.score-number small{font-size:28px;letter-spacing:-1px;color:#c2b7bd}.score-caption{text-align:right;font-size:12px;color:var(--muted);max-width:160px}.score-caption strong{display:block;color:#f4e9eb;background:#ffffff0c;border:1px solid #ffffff15;justify-self:end;border-radius:20px;padding:4px 10px;margin-bottom:7px;font-size:12px;font-weight:500}.score-caption strong:before{content:'';display:inline-block;border-radius:50%;background:var(--red);width:5px;height:5px;margin-right:6px}.progress-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:21px;margin:4px 0 16px}.rings{width:100%;aspect-ratio:1;overflow:visible;transform:rotate(-90deg)}.ring-track{fill:none;stroke-width:12;stroke:#ffffff0b}.ring-value{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:1 100;stroke:var(--red);filter:drop-shadow(0 0 3px #ff526733)}.ring-value.purple{stroke:var(--purple);filter:drop-shadow(0 0 3px #c59aff44)}.ring-value.silver{stroke:var(--silver);filter:none}.ring-center{fill:#100e12;stroke:#ffffff16;stroke-width:1}.ring-mark{font-size:12px;fill:#eee;stroke:none}.metric{margin-bottom:13px}.metric:last-child{margin:0}.metric-label{font-size:12px;color:var(--muted);margin-bottom:0}.metric strong{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:550}.metric small{font-size:13px;margin-left:4px;color:var(--muted);letter-spacing:0}.metric.red strong{color:var(--red)}.metric.purple strong{color:var(--purple)}.metric.silver strong{color:var(--silver)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 25px}.quick-links button{border-radius:15px;min-height:55px;background:#ffffff08;border:1px solid #ffffff0c;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:550}.quick-links svg{width:17px;height:17px;color:#d7cdd2}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-title>span{color:var(--muted);font-size:13px}.section-title button{min-height:44px;padding:0;font-size:13px;color:#d8cad1}.timeline{margin-top:7px}.timeline-row{position:relative;padding:0 0 17px 25px}.timeline-row:before{content:'';position:absolute;top:7px;bottom:-5px;left:5px;width:1px;background:#ffffff20}.timeline-row:last-child:before{display:none}.timeline-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#484249;left:0;top:6px}.timeline-row.done .timeline-dot{background:var(--purple)}.timeline-row.next .timeline-dot{background:var(--red);box-shadow:0 0 10px #ff526770}.timeline-label{font-size:11px;color:var(--muted);margin-bottom:3px}.timeline-row.next .timeline-label{color:#ff8998}.timeline-main{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:0;min-height:44px}.timeline-main strong{font-size:16px;font-weight:550;display:block;letter-spacing:-.3px}.timeline-main small{color:var(--muted);font-size:12px;display:block;margin-top:2px}.timeline-main>.row-end{font-size:13px;color:var(--muted);flex-shrink:0}.timeline-main svg{width:17px;height:17px;color:#a79ca3}.affirmation{margin-top:5px;background:linear-gradient(125deg,#30222a,#1b181d);border:1px solid #ffffff0d;border-radius:20px;padding:18px 18px 16px}.affirmation .section-title{margin-bottom:10px}.affirmation .section-title h2{font-size:12px;font-weight:500;color:#c8b5c0;letter-spacing:0}.affirmation .section-title button{font-size:12px;min-height:26px;color:#d8cad1}.affirmation p{font-size:20px;line-height:1.3;letter-spacing:-.5px}.affirm-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:11px}.affirm-footer div{display:flex;gap:4px}.affirm-footer button{display:grid;place-items:center;min-height:44px;min-width:44px;border-radius:50%;background:#ffffff06}.affirm-footer svg{width:16px;height:16px}.bottom-nav{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:5;width:calc(100% - 36px);max-width:410px;background:#373035d9;backdrop-filter:blur(24px);border:1px solid #ffffff23;border-radius:35px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;box-shadow:0 12px 30px #0008}.bottom-nav:after{content:'';position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:125px;height:4px;border-radius:3px;background:#fff9}.bottom-nav button{border-radius:28px;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#c7bfc5;font-size:9px}.bottom-nav button[aria-current=page]{background:#ffffff19;color:#fff}.bottom-nav svg{width:19px;height:19px}.desktop-side{display:none}dialog{border:1px solid #ffffff1b;border-radius:30px 30px 0 0;background:#171419;color:var(--text);padding:10px 24px 34px;width:100%;max-width:520px;max-height:85vh;margin:auto auto 0;overflow:auto;box-shadow:0 -20px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.sheet-handle{width:35px;height:4px;border-radius:4px;background:#776c76;margin:0 auto 18px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet-header button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff09}.habit-list{background:#ffffff06;border-radius:19px;overflow:hidden}.habit{display:flex;align-items:center;gap:12px;min-height:67px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer}.habit:last-child{border:0}.habit input{appearance:none;width:23px;height:23px;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;margin:0}.habit input:checked{background:var(--purple);border-color:var(--purple)}.habit input:checked:after{content:'✓';color:#23192c;display:block;text-align:center;font-weight:800;font-size:16px}.habit span{font-size:14px}.habit small{display:block;color:var(--muted);font-size:12px}.primary{display:block;text-align:center;background:var(--red);color:#1a070d;font-weight:650;width:100%;min-height:50px;border-radius:16px;margin-top:20px}.secondary{min-height:48px;border-radius:15px;background:#ffffff0b;width:100%;margin-top:12px}.sheet-note{font-size:13px;color:var(--muted);margin:14px 0}.streak-big{text-align:center;padding:10px 0 20px}.streak-big strong{font-size:105px;line-height:1.1;font-weight:550;letter-spacing:-7px;display:block}.streak-big p{font-size:23px}.streak-big small{font-size:13px;color:var(--muted)}.week-chart{display:flex;align-items:end;justify-content:space-around;height:150px;margin:24px 0 10px;gap:10px}.week-chart div{flex:1;text-align:center;color:var(--muted);font-size:11px}.week-chart i{display:block;border-radius:10px;background:#ffffff18;height:var(--height);margin:6px 0}.week-chart div:last-child i{background:var(--red)}.week-chart b{font-weight:500}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:14px;font-size:14px}.settings-row input{accent-color:var(--red)}textarea{display:block;width:100%;min-height:120px;border:1px solid #ffffff30;border-radius:16px;background:#ffffff08;color:#fff;padding:16px;resize:vertical}.sheet-label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.workout-card{padding:20px;background:#ffffff09;border-radius:20px;margin:18px 0}.workout-card h2{margin:8px 0}.exercise{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.exercise small{color:var(--muted)}.nutrition-number{font-size:48px;letter-spacing:-2px;margin:15px 0 0}.nutrition-number small{font-size:16px;letter-spacing:0;color:var(--muted)}.bar{height:6px;background:#ffffff18;border-radius:8px;overflow:hidden;margin:12px 0 18px}.bar span{display:block;background:var(--red);height:100%;border-radius:8px}.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.macros strong{display:block;font-size:20px}.macros span{font-size:12px;color:var(--muted)}.meal{padding:17px;background:#ffffff07;border-radius:16px;margin:8px 0;display:flex;justify-content:space-between;align-items:center}.meal small{display:block;color:var(--muted);font-size:12px}.meal button{min-height:44px;min-width:44px;font-size:24px;color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop-mode .statusbar{display:none}.desktop-mode .bottom-nav{display:none}.desktop-mode .desktop-side{display:block;position:fixed;left:0;top:0;bottom:0;width:220px;padding:40px 28px;background:#110e12;border-right:1px solid var(--line)}.desktop-side p{color:var(--muted);font-size:13px;margin:16px 0 36px}.desktop-side nav{display:flex;flex-direction:column;gap:8px}.desktop-side button{text-align:left;padding:14px;background:#ffffff05;border-radius:12px}.desktop-mode .app-shell{margin-left:250px;max-width:1060px}.desktop-mode .app-header{padding-top:32px}.desktop-mode main{padding-top:12px}.desktop-mode .today-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:52px}.desktop-mode .title-row{margin-bottom:32px}.desktop-mode .progress-layout{margin-top:20px}.desktop-mode .affirmation{margin-top:24px}.desktop-mode .page-content{max-width:720px}.desktop-mode dialog{margin:auto;border-radius:28px}.desktop-mode h1{font-size:34px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:370px){main{padding-left:18px;padding-right:18px}.app-header{padding-left:18px;padding-right:18px}.progress-layout{gap:12px}.metric strong{font-size:25px}.quick-links button{font-size:12px;gap:4px}}
.rings{height:auto;display:block} .screen{scrollbar-width:none} body::-webkit-scrollbar{width:0}
@media(max-width:1000px){.desktop-mode .today-columns{grid-template-columns:1fr;gap:20px}.desktop-mode .desktop-side{width:160px;padding:32px 18px}.desktop-mode .app-shell{margin-left:170px}.desktop-mode .app-header{padding-left:20px;padding-right:20px}.desktop-mode main{padding:12px 20px 50px}}
/* Refined Today typography and material system. */
:root{--text:#f4f0f3;--muted:#b8acb6;--red:#ff6a83;--purple:#c5a1f5;--surface:#201c23}
body{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.22px}body:before{background:radial-gradient(ellipse 100% 390px at 8% 0,#74445455,transparent 85%),radial-gradient(ellipse 70% 350px at 100% 50%,#291b3b24,transparent)}
.statusbar{font-family:Manrope,sans-serif;font-size:15px}.app-header{padding-bottom:25px}.wordmark{font-size:25px;letter-spacing:-1.7px}.avatar{background:linear-gradient(140deg,#80626b,#372730);box-shadow:inset 0 1px 0 #ffffff25;border:1px solid #ac7b8b66}.streak-button{background:linear-gradient(145deg,#ffffff10,#ffffff03);box-shadow:inset 0 1px 0 #ffffff0d;border-color:#f3ced51f}
h1{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.3px}.title-row{align-items:baseline;justify-content:flex-start;gap:15px;margin-bottom:19px}.title-row .day-label{font-size:12px;letter-spacing:0;border-left:1px solid #d8bdcb35;padding-left:15px;color:#baadb7}.day-label b{color:#eee5ed;font-weight:700}
.today-columns>section:first-child{position:relative}.progress-layout{gap:21px;margin:0 0 18px;grid-template-columns:1.2fr 1fr;padding:12px 0 8px}.rings{filter:drop-shadow(0 12px 18px #0009)}.ring-track{stroke:#221c27;stroke-width:12;filter:drop-shadow(0 1px 0 #ffffff13)}.ring-value{stroke:url(#ring-red);stroke-width:12;filter:drop-shadow(0 0 3px #ff6b8038)}.ring-value.purple{stroke:url(#ring-purple);filter:drop-shadow(0 0 4px #bd8eff35)}.ring-value.silver{stroke:url(#ring-silver);filter:drop-shadow(0 0 2px #cad9ff25)}.ring-center{fill:url(#core);stroke:#d6c1e12b;stroke-width:.7}.instrument-ticks{stroke:#d4b9d44d;stroke-width:.6}.core-number{font:600 33px 'Barlow Condensed',sans-serif;letter-spacing:-.5px;fill:#fff;stroke:none}.core-percent{font:500 9px Manrope,sans-serif;fill:#c5b7c9;stroke:none}.metric{margin-bottom:13px;position:relative;padding-left:12px}.metric:before{position:absolute;content:'';width:3px;height:24px;left:0;top:9px;background:var(--red);border-radius:3px;opacity:.7}.metric.purple:before{background:var(--purple)}.metric.silver:before{background:var(--silver)}.metric-label{font-size:11px;font-weight:500;letter-spacing:0;color:#b7a9b5;margin-bottom:2px}.metric strong{font:500 35px/.95 'Barlow Condensed',sans-serif;letter-spacing:-.5px}.metric small{font:400 11px Manrope,sans-serif;margin-left:5px;color:#b8aab7}
.quick-links{gap:9px;margin-bottom:28px}.quick-links button{min-height:56px;border:1px solid #ffffff13;border-radius:16px;background:linear-gradient(150deg,#33293299,#1a171e99);font-size:12px;font-weight:650;box-shadow:inset 0 1px 0 #ffffff09,0 6px 14px #0002;transition:background .18s,border-color .18s,transform .18s}.quick-links button:hover{background:#372a37;border-color:#d3adc34d}.quick-links button:active{transform:scale(.97)}.quick-links svg{stroke-width:1.5;color:#d4becd;width:17px}
h2{font-size:18px;letter-spacing:-.65px;font-weight:750}.section-title{margin-bottom:17px}.section-title>span{font:500 13px Manrope,sans-serif;color:#b4a3b2}.timeline-row{padding-left:26px;padding-bottom:18px}.timeline-label{font-size:10px;font-weight:650;letter-spacing:.15px;color:#a997a7;margin-bottom:2px}.timeline-main{min-height:40px}.timeline-main strong{font-size:15px;font-weight:650;letter-spacing:-.45px;line-height:1.3}.timeline-main small{font-size:11px;letter-spacing:0;color:#ad9cac;margin-top:4px}.timeline-main small:empty{display:none}.timeline-main>.row-end{font-family:'Barlow Condensed',sans-serif;font-size:20px;color:#c5a1f5}.timeline-dot{width:8px;height:8px;left:1px;top:5px}.timeline-row:before{left:4.5px;top:9px;background:linear-gradient(#b79ac43b,#8e758625)}.timeline-row.next .timeline-dot{box-shadow:0 0 0 4px #ff5b7710,0 0 14px #ff526760}.timeline-row.next .timeline-label{color:#ee99ac}.timeline-main>svg{color:#ad92a6;width:16px;stroke-width:1.5}
.affirmation{position:relative;overflow:hidden;margin-top:4px;padding:18px 20px 12px;border-radius:21px;background:radial-gradient(ellipse at 100% 0,#74465b33,transparent 75%),linear-gradient(125deg,#30232d,#19161e);border-color:#eac3dd12;box-shadow:inset 0 1px 0 #fbdaf60b,0 12px 25px #0002}.affirmation .section-title{margin-bottom:13px}.affirmation .section-title h2{font-size:10px;letter-spacing:.2px;font-weight:600;color:#c6aebf}.affirmation .section-title button{font-size:11px;color:#dec5d5}.affirmation p{font-family:Manrope,sans-serif;font-size:21px;line-height:1.4;letter-spacing:-.8px;font-weight:500;max-width:95%}.affirm-footer{margin-top:6px;font-size:10px;color:#a892a4}.affirm-footer button{background:transparent}.affirm-footer button:hover{background:#ffffff09}.bottom-nav{background:linear-gradient(125deg,#51424de8,#2b242ee8);border-color:#d6bac62b;box-shadow:inset 0 1px 0 #ffffff12,0 10px 32px #0009;padding:5px;border-radius:32px}.bottom-nav button{font-family:Manrope,sans-serif;font-size:9px;gap:4px;color:#beafbb}.bottom-nav button[aria-current=page]{background:linear-gradient(145deg,#e8d2e035,#d1b4c40b);box-shadow:inset 0 1px 0 #f4dae42e;color:#fff}.bottom-nav svg{stroke-width:1.5}.sheet-header h2{font-size:22px}.habit-list{border:1px solid #dac5df16;background:linear-gradient(145deg,#302730,#1e1921)}.habit{min-height:72px}.habit input{box-shadow:inset 0 1px 3px #0004}.habit input:checked{box-shadow:0 0 12px #c59aff22}.primary{background:linear-gradient(130deg,#ff91a4,#f76584);box-shadow:inset 0 1px 0 #ffd7e15e,0 6px 20px #ff52671a;font-size:14px}.original-training iframe{width:100%;height:calc(100vh - 230px);min-height:570px;border:0;border-radius:20px;background:#000}.desktop-mode .original-training iframe{height:calc(100vh - 150px)}
@media(min-width:1001px){.desktop-mode .progress-layout{margin-top:10px}.desktop-mode .today-columns{gap:56px}.desktop-mode .metric strong{font-size:44px}.desktop-mode .metric-label{font-size:13px}.desktop-mode .metric small{font-size:12px}.desktop-mode .timeline-main strong{font-size:17px}.desktop-mode .timeline-label{font-size:12px}}