:root{--bg:#090b09;--panel:#121512;--panel2:#161a16;--line:#252c24;--green:#75f428;--text:#f4f5ef;--muted:#8c9589;--font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sidebar{width:228px;position:fixed;inset:0 0 0 auto;display:flex;flex-direction:column;padding:32px 22px 16px;border-left:1px solid var(--line);background:#0d100d;z-index:20}.brand{display:flex;gap:8px;align-items:center;padding:0 7px 33px}.brand img{width:65px;height:65px;object-fit:cover;mix-blend-mode:screen}.brand>span{font-size:32px;line-height:1;font-weight:700;letter-spacing:-1px}.brand small{display:block;color:var(--green);font:10px Arial;letter-spacing:4px;margin-top:12px}.side-caption{color:#657260;font-size:11px;display:block;letter-spacing:.3px;margin:4px 14px 14px}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav>button{display:flex;align-items:center;gap:13px;padding:14px 13px;border:1px solid transparent;background:none;border-radius:9px;text-align:right;color:#a3aca0;font-weight:500;font-size:13px;white-space:nowrap}.side-nav button svg{width:19px;height:19px}.side-nav button.active{background:#182413;color:var(--green);border-color:#314a25}.side-nav button:hover{background:#182014;color:var(--green)}.side-nav button i{width:5px;height:5px;background:var(--green);margin-right:auto;box-shadow:0 0 9px #75f42880}.dot{width:4px;height:4px;background:#53664b;margin-right:auto}.nav-divider{height:1px;background:var(--line);margin:17px 13px 13px}.side-bottom{margin-top:auto;padding:22px 13px 15px;position:relative;overflow:hidden}.mini-pixel{font:38px Arial;color:var(--green);margin-bottom:13px;text-shadow:0 0 22px #75f42850}.side-bottom strong{font-size:15px}.side-bottom p{font-size:11px;color:var(--muted);margin:7px 0 17px}.side-bottom>span{font-size:10px;color:#6d8262;border-top:1px solid var(--line);display:block;padding-top:14px}.side-profile{border:0;border-top:1px solid var(--line);padding:18px 0 0;background:none;display:flex;align-items:center;gap:10px;text-align:right}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #3c4e33;background:#202b1b;color:var(--green);font-size:18px}.side-profile b{display:block;font-size:12px}.side-profile small{color:var(--muted);font-size:9px}.side-profile>svg{margin-right:auto;width:16px}.app{margin-right:228px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#74816e}.breadcrumb b{font-weight:500;color:#c6cfc0}.top-actions{display:flex;align-items:center;gap:21px}.today-date{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--line);background:#111610;width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.icon-button svg{width:19px;height:19px}.notification{position:relative}.notification i{position:absolute;top:7px;right:9px;width:4px;height:4px;background:var(--green);border-radius:50%}.mobile-brand{display:none}main{max-width:1460px;margin:auto;padding:31px 40px 0}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;display:flex;align-items:center;gap:7px;color:#acbd9e;margin:0 0 7px}.eyebrow>span{width:5px;height:5px;background:var(--green)}h1{margin:0;font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.6px}.hello{font:25px Arial;color:var(--green);display:inline-block;vertical-align:middle;margin-right:6px}.welcome>div>p:last-child{margin:9px 0 0;color:var(--muted);font-size:12px}.welcome-tag{color:#acba9f;display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);padding:8px 13px;border-radius:6px}.welcome-tag svg{color:var(--green);width:16px;height:16px}.hero{border:1px solid #2f4325;border-radius:16px;min-height:335px;position:relative;overflow:hidden;display:flex;justify-content:space-between;background:radial-gradient(ellipse at 22% 50%,#223818 0,transparent 62%),#0f150c}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#75f42805 1px,transparent 1px),linear-gradient(90deg,#75f42805 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(to left,transparent,#000)}.hero:after{content:'';position:absolute;right:0;top:35px;width:3px;height:57px;background:var(--green);box-shadow:0 0 26px #75f428aa}.hero-copy{position:relative;z-index:2;padding:30px 33px 26px;flex:1}.overline{font-size:10px;display:flex;align-items:center;gap:7px;color:#c5d4b9}.overline i{width:5px;height:5px;background:var(--green);box-shadow:0 0 9px var(--green)}.hero h2{font-size:45px;line-height:1.15;letter-spacing:-1px;margin:20px 0 14px;font-weight:700}.hero em{font-style:normal;color:var(--green);text-shadow:0 0 30px #75f42835}.hero p{font-size:12px;color:#a8b59f;line-height:1.8;margin-bottom:20px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid #9cfc62;background:var(--green);color:#0c1607;border-radius:8px;font-weight:600;font-size:13px;box-shadow:0 3px 22px #75f42817;transition:.2s}.primary:hover{background:#98ff56;box-shadow:0 0 27px #75f42830;transform:translateY(-2px)}.primary svg{width:19px;height:19px}.primary .arrow{margin-right:22px;width:17px}.hero-note{display:inline-block;margin-top:10px;font-size:9px;color:#829774}.hero-art{width:46%;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art>img{width:min(108%,390px);position:absolute;z-index:1;mix-blend-mode:screen;transform:rotate(-5deg);filter:drop-shadow(0 0 30px #75f4280c)}.orbit{position:absolute;width:255px;height:255px;border:1px dashed #49613750;transform:rotate(24deg);border-radius:20px}.orbit-two{width:315px;height:315px;border:1px solid #3c53232c;transform:rotate(-18deg)}.art-tag{position:absolute;z-index:3;bottom:24px;left:26px;display:flex;align-items:center;gap:9px;background:#10180ce8;border:1px solid #40542f;border-radius:6px;padding:9px 13px;font-size:11px;box-shadow:0 10px 40px #0004}.art-tag>i{width:6px;height:6px;background:var(--green)}.art-tag>span{font:8px Arial;color:#819473;border-right:1px solid #3d4d31;padding-right:9px}.hero-number{position:absolute;font:8px monospace;letter-spacing:2px;left:20px;top:17px;color:#526647}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 31px}.stat{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:18px;display:flex;gap:14px;align-items:center;position:relative;overflow:hidden}.stat-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:9px;background:#1d2b16;color:var(--green)}.stat-icon svg{width:21px;height:21px}.stat p{color:#9aa894;font-size:10px;margin:0 0 6px}.stat strong{font:500 26px Arial;letter-spacing:-.8px}.stat-unit{font-size:9px;color:#72816a;margin-right:7px}.stat>small{font-size:8px;color:#74866b;margin-right:auto}.stat-spark{width:50px;height:28px;color:#67b53b;stroke-width:1.3;margin-right:auto;opacity:.6}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.section-heading h2{font-size:17px;font-weight:600;margin:0 0 5px;letter-spacing:-.3px}.section-heading p{font-size:10px;color:var(--muted);margin:0}.tiny-pixels{color:#55733d;letter-spacing:5px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px 19px;text-align:right;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.tool-card:hover{transform:translateY(-3px);border-color:#527b36;background:#162013;box-shadow:0 8px 30px #0003}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:15px}.tool-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--green);border:1px solid #344b28;border-radius:9px;background:#1c2a16}.tool-icon svg{width:21px;height:21px}.badge{font-size:8px;color:#8b9b80;background:#1b2218;border:1px solid #2c3825;border-radius:4px;padding:3px 6px;white-space:nowrap}.badge.ai{color:#9aaa8d}.tool-card h3{font-size:15px;margin:0 0 7px;font-weight:600}.tool-card p{font-size:10px;color:#8f9c87;line-height:1.9;margin:0 0 18px}.tool-link{font-size:10px;color:#b6c9a7;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.tool-link svg{width:14px;height:14px;margin-right:auto;color:var(--green)}.ghost-icon{position:absolute;width:85px;height:85px;color:#5b7e3d;opacity:.07;bottom:29px;left:11px;transform:rotate(-19deg);stroke-width:.7}.week-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px 21px;display:flex;flex-direction:column}.chart-icon svg{width:18px;color:#749763}.chart-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b1bca9;margin-top:13px}.chart-legend{display:flex;align-items:center;gap:6px;color:#7b8d71;font-size:8px}.chart-legend i{width:5px;height:5px;background:var(--green);border-radius:50%}.chart{height:150px;display:flex;direction:ltr;align-items:stretch;justify-content:space-around;gap:10px;padding:18px 2px 0;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#273222 36px,#273222 37px);background-size:100% 113px;background-repeat:no-repeat;background-position:top 18px left}.chart-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;gap:11px}.bar-area{height:103px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:min(25px,100%);min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#3c7e21,var(--green));height:var(--height);box-shadow:0 0 13px #75f42813;transition:height .6s}.bar.zero{background:#34422a;box-shadow:none}.chart-day>span{font-size:8px;color:#85947c}.chart-footer{font-size:9px;color:#a5b599;display:flex;gap:7px;align-items:center;padding:17px 0 20px}.chart-footer svg{width:13px;height:13px;color:var(--green)}.weekly-goal{margin-top:auto;background:#192015;border:1px solid #303d26;border-radius:9px;padding:16px}.weekly-goal>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.weekly-goal button{display:flex;gap:3px;align-items:center;border:0;background:none;color:#8ba17a;font-size:9px;padding:0}.weekly-goal button svg{width:12px;height:12px}.weekly-goal p{display:flex;align-items:center;gap:10px;margin:16px 0 13px}.weekly-goal strong{font:22px Arial;direction:ltr;display:inline-block}.weekly-goal p>span{font-size:9px;color:#839476}.goal-track{height:5px;background:#303d28;border-radius:5px;overflow:hidden}.goal-track>span{display:block;width:0;height:100%;background:var(--green);border-radius:5px;transition:width .5s}.weekly-goal>small{font-size:8px;color:#7e9270;display:block;margin-top:12px}.recent{margin-top:30px}.text-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#a6bb96;font-size:10px}.text-button svg{width:15px;height:15px}.recent-body{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px 20px;display:flex;align-items:center;gap:16px}.recent-icon{width:43px;height:43px;display:grid;place-items:center;background:#1b2616;border:1px dashed #3f5530;color:#769b5c;border-radius:9px}.recent-icon svg{width:21px;height:21px}.recent-text{flex:1}.recent-text h3{margin:0 0 5px;font-size:13px}.recent-text p{margin:0;font-size:10px;color:var(--muted)}.recent-body>button{background:none;border:1px solid #35472c;border-radius:7px;padding:9px 13px;color:#b7c9a9;font-size:10px;display:flex;gap:8px;align-items:center}.recent-body>button svg{width:14px;height:14px}.recent-metrics{font-size:12px;color:var(--green);direction:ltr}footer{margin-top:35px;border-top:1px solid var(--line);padding:20px 0 24px;display:flex;justify-content:space-between;align-items:center;color:#65755e;font-size:9px}.footer-brand{font-size:16px;font-weight:600;color:#a3b399}.footer-brand>span{font-size:9px;color:#63725c;font-weight:400;margin-right:12px}footer i{color:#75a252;font-style:normal;margin:0 8px}.bottom-nav{display:none}dialog{background:#141914;color:var(--text);border:1px solid #35442b;border-radius:20px;padding:25px;width:min(490px,calc(100% - 30px));max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #0009;font-family:var(--font)}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sheet-symbol{display:grid;place-items:center;width:46px;height:46px;background:#203219;color:var(--green);border:1px solid #3a5b2b;border-radius:11px}.sheet-handle{display:none}dialog h2{font-size:24px;margin:0 0 8px}dialog p{color:#9cae93;font-size:13px;line-height:1.9}dialog .primary{width:100%;margin-top:20px}dialog label{display:grid;gap:8px;font-size:12px;color:#b2c2a9;margin-top:17px}dialog input,dialog select{width:100%;background:#0c100b;border:1px solid #35452c;border-radius:8px;padding:13px;color:var(--text);font-size:14px}dialog .form-row{display:flex;gap:14px}dialog .form-row>*{flex:1;min-width:0}.sheet-note{font-size:10px!important;padding:12px;background:#1c2418;border:1px solid #303e29;border-radius:8px;margin-top:20px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#22391a;color:#c9f0b5;border:1px solid #466e32;border-radius:10px;padding:12px 22px;font-size:13px;transition:.2s;text-align:center;max-width:90vw}.toast.show{transform:translate(-50%,0);opacity:1}.log-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:15px}.log-item b{display:block;font-size:13px}.log-item small{color:var(--muted);font-size:10px}.log-item>span{color:var(--green);font:13px Arial}.sheet-empty{padding:22px;border:1px dashed #3c4e30;border-radius:10px;text-align:center;margin:20px 0;color:#9cae93}.feature-outline{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:13px;border-radius:8px;margin:10px 0;color:#b7c9ab;font-size:12px}.feature-outline svg{color:var(--green);width:18px}.profile-avatar{width:65px;height:65px;background:#203119;color:var(--green);font-size:30px;border-radius:15px;display:grid;place-items:center;margin:15px 0}.eyebrow,.overline,.badge,.side-caption,.chart-legend,.hero-number{user-select:none}

/* The application has one portrait phone layout at every viewport width. */
.sidebar{display:none}.app{margin:0}.topbar{height:72px;padding:0 21px;border-bottom:0}.breadcrumb,.today-date{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-.8px}.pixel-mark{width:7px;height:7px;background:var(--green);box-shadow:7px -7px 0 #466830,0 -7px 0 #75f428,7px 0 0 #75f428}.top-actions{gap:10px}.top-actions>.avatar{width:32px;height:32px;font-size:16px}.icon-button{width:34px;height:34px}.topbar .icon-button{border-color:#252e22;background:#141914}main{padding:13px 19px 97px}.welcome{margin:0 0 20px}.welcome-tag{display:none}h1{font-size:27px}.welcome>div>p:last-child{font-size:12px;margin-top:7px}.eyebrow{font-size:9px}.hero{min-height:310px;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 15% 65%,#1c3510,transparent 65%),#0d140a}.hero-copy{padding:24px 20px 21px;flex:none;width:64%}.overline{font-size:8px;gap:5px;white-space:nowrap}.hero h2{font-size:37px;margin:20px 0 15px;line-height:1.17}.hero p{font-size:10px;line-height:1.85;position:relative;z-index:3;margin-bottom:20px}.hero .primary{padding:12px 13px;font-size:11px;gap:7px;position:relative;z-index:5;width:158px}.hero .primary svg{width:17px}.hero .primary .arrow{margin-right:9px;width:14px}.hero-note{font-size:8px;margin-top:11px;white-space:nowrap}.hero-art{position:absolute;width:48%;height:100%;left:0;top:0;z-index:1}.hero-art>img{width:252px;max-width:none;transform:rotate(-8deg);left:-45px;bottom:39px;opacity:.96}.orbit{width:160px;height:210px;top:62px;left:-5px;border-radius:10px}.orbit-two{width:210px;height:240px;left:-37px;top:43px}.art-tag{left:10px;bottom:18px;padding:6px 7px;font-size:8px;gap:5px;white-space:nowrap}.art-tag>i{width:4px;height:4px}.hero-number{left:12px;top:15px;font-size:5px;letter-spacing:1px}.hero:after{top:25px;height:42px}.stats{gap:8px;margin:12px 0 27px}.stat{padding:12px 9px 11px;flex-direction:column;align-items:flex-start;gap:9px;border-radius:9px;min-width:0}.stat-icon{width:29px;height:29px;border-radius:7px}.stat-icon svg{width:17px;height:17px}.stat p{font-size:8px;white-space:nowrap;margin-bottom:6px;color:#a0ac98}.stat strong{font-size:24px}.stat-unit{display:block;font-size:8px;margin:4px 0 0}.section-heading{margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading p{font-size:9px}.tools-grid{gap:10px}.tool-card{padding:15px 13px;border-radius:10px}.tool-top{margin-bottom:13px;gap:3px}.tool-icon{width:31px;height:31px;border-radius:8px}.tool-icon svg{width:18px;height:18px}.badge{font-size:7px;padding:3px 4px}.badge.ai{font-size:6px;padding:3px;letter-spacing:-.1px}.tool-card h3{font-size:13px;white-space:nowrap;letter-spacing:-.4px}.tool-card p{font-size:9px;line-height:1.9;margin-bottom:18px}.tool-link{font-size:9px}.tool-link svg{width:12px;height:12px}.ghost-icon{width:64px;height:64px;bottom:25px;left:3px}.dashboard-grid{gap:25px}.week-panel{display:flex;padding:19px 17px;gap:0}.chart-title{margin-top:9px}.chart{height:155px;padding-top:18px}.chart-day>span{font-size:9px}.weekly-goal{margin-top:2px;padding:16px}.chart-footer{font-size:10px}.weekly-goal>div:first-child{font-size:12px}.weekly-goal>small{font-size:9px}.weekly-goal p>span{font-size:10px}.recent{margin-top:26px}.recent-body{padding:15px 12px;gap:10px}.recent-icon{width:36px;height:36px}.recent-text h3{font-size:11px}.recent-text p{font-size:8px}.recent-body>button{padding:8px;font-size:9px;gap:4px}.recent-body>button svg{width:11px}.recent-metrics{font-size:10px}.text-button{font-size:9px;gap:5px}footer{margin-top:25px;padding-bottom:10px;gap:12px}.footer-brand>span{display:none}footer>span{font-size:7px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#10160ff5;backdrop-filter:blur(14px);border-top:1px solid #2e3a26;padding:11px 8px calc(11px + env(safe-area-inset-bottom));gap:6px}.bottom-nav>button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#75826d;min-width:52px;font-size:9px;position:relative}.bottom-nav>button.active{color:var(--green)}.bottom-nav>button.active:before{content:'';position:absolute;top:-12px;width:24px;height:2px;background:var(--green);box-shadow:0 0 15px #75f42888}.bottom-nav svg{width:21px;height:21px}.bottom-nav .quick-add{background:var(--green);color:#102206;width:45px;height:45px;min-width:45px;border:1px solid #adff83;border-radius:12px;box-shadow:0 0 22px #75f42825;justify-content:center;margin-top:-15px}.quick-add svg{width:25px;height:25px}.toast{bottom:92px;font-size:11px;width:max-content}dialog{margin:auto auto 0;width:100%;max-width:100%;border-radius:22px 22px 0 0;border-bottom:0;padding:13px 23px calc(25px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:36px;height:4px;border-radius:3px;background:#3c4c32;margin:0 auto 22px}dialog h2{font-size:23px}.sheet-heading{margin-bottom:15px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.hero-art{isolation:auto;mix-blend-mode:screen}
.hero-copy{width:64%}.hero h2{font-size:35px}.hero h2>span{display:block}.hero h2>br{display:none}.hero-art>img{width:211px;left:-24px;bottom:47px}.hero p{max-width:176px}
html{background:#040604;scrollbar-gutter:stable;scroll-behavior:smooth}
body{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;margin-inline:auto;background:var(--bg);box-shadow:0 0 0 1px #222c1e,0 0 90px #0006;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.app{width:100%;margin:0;min-height:100dvh}
.topbar{height:auto;min-height:74px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px;padding-right:max(20px,env(safe-area-inset-right,0px));padding-left:max(20px,env(safe-area-inset-left,0px));position:sticky;top:0;z-index:20;background:#090d09f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
main{padding-right:max(19px,env(safe-area-inset-right,0px));padding-left:max(19px,env(safe-area-inset-left,0px));padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
.mobile-brand{min-height:44px}.top-actions>.avatar,.icon-button{width:44px;height:44px;min-width:44px}.top-actions>.avatar{font-size:18px}.top-actions{gap:10px}
.bottom-nav{right:auto;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding-top:12px;padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px)}
.bottom-nav>button{min-height:46px;min-width:48px;font-size:10px}.bottom-nav .quick-add{width:48px;height:48px;min-width:48px}.bottom-nav>button.active:before{top:-13px}
.hero .primary{min-height:46px;font-size:12px}.hero p{font-size:11px}.hero-note{font-size:9px}.hero{min-height:330px}.hero-copy{padding-bottom:24px}.hero-art>img{bottom:55px}
.stat p{font-size:9px;white-space:normal;min-height:27px;line-height:1.45;margin-bottom:6px}.stat-unit{font-size:9px}.stat{padding:13px 10px}.stat-icon{width:32px;height:32px}.stat strong{font-size:25px}
.section-heading p{font-size:11px}.tool-card{padding:16px 13px}.tool-card h3{font-size:14px;white-space:normal;line-height:1.6;min-height:23px}.tool-card p{font-size:11px;line-height:1.9}.tool-link{font-size:10px;min-height:30px}.badge{font-size:8px}.badge.ai{font-size:7px;white-space:normal;max-width:100px;line-height:1.5;text-align:center}.tool-top{min-height:33px}
.week-panel{display:flex;gap:0}.chart-title{font-size:11px}.chart-legend{font-size:9px}.chart-day>span{font-size:10px}.weekly-goal>small{font-size:10px}.weekly-goal button{min-height:44px;min-width:44px;font-size:11px}.weekly-goal>div:first-child{font-size:13px}.weekly-goal p>span{font-size:11px}
.text-button{min-height:44px;font-size:11px}.recent-body>button{min-height:44px;font-size:11px}.recent-text h3{font-size:13px}.recent-text p{font-size:10px}.recent-body{flex-wrap:wrap}.recent-metrics{font-size:12px}.recent-text{min-width:130px}.recent-body>button{margin-inline-start:auto}
footer>span{font-size:8px}.footer-brand{font-size:17px}
dialog{width:100%;max-width:480px;margin:auto auto 0;max-height:90vh;max-height:90dvh;overscroll-behavior:contain;overflow-y:auto;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));padding-left:max(23px,env(safe-area-inset-left,0px));padding-right:max(23px,env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch}
dialog input,dialog select{font-size:16px;min-height:48px}dialog label{font-size:13px}dialog .primary{min-height:48px;font-size:14px}dialog .sheet-note{font-size:11px!important;line-height:1.9}.sheet-heading>.icon-button{min-width:44px;min-height:44px}.sheet-empty{line-height:1.9}
.toast{max-width:calc(min(480px,100vw) - 30px);width:max-content;bottom:calc(96px + env(safe-area-inset-bottom,0px));font-size:12px}
button{touch-action:manipulation}
@media(max-width:359px){main{padding-right:13px;padding-left:13px}.hero-copy{padding-right:16px;padding-left:15px;width:68%}.hero h2{font-size:32px}.hero-art>img{width:185px;left:-28px;bottom:65px}.hero p{font-size:10px;max-width:150px}.hero .primary{width:148px;font-size:11px}.hero-note{font-size:8px}.tool-card{padding:14px 10px}.tool-card h3{font-size:13px}.tool-card p{font-size:10px}.tool-link{font-size:9px}.badge.ai{max-width:77px;font-size:6px}.stats{gap:6px}.stat{padding:12px 8px}.stat p{font-size:8px}.stat strong{font-size:23px}.stat-unit{font-size:8px}.welcome h1{font-size:25px}}
.dashboard-grid{grid-template-columns:minmax(0,1fr)}
.stat>small,.stat-spark,.art-tag>span{display:none}
html{scrollbar-gutter:auto}
/* Original-logo shemagh, displayed through a pixel-preserving CSS crop. */
.mobile-brand{gap:9px;align-items:center}
.brand-shemagh{display:block;position:relative;width:40px;height:49px;flex:none;mix-blend-mode:screen}
.brand-shemagh img{position:absolute;left:0;top:-5px;width:64px;height:64px;max-width:none;object-fit:contain;image-rendering:pixelated;clip-path:polygon(0 0,60% 0,60% 29%,59% 38%,49% 45%,49% 100%,0 100%)}
.hello{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:27px;line-height:1;letter-spacing:0;vertical-align:-2px;margin-inline-start:4px;text-shadow:none}
/* Red and white shemagh checks, with stepped pixel corners. */
:root{--shemagh-red:#ec243a;--shemagh-white:#fff3ed;--pixel-shape:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px)}
.tool-card{border-radius:0;border-color:#704136;background:linear-gradient(145deg,#241614 0,#151512 52%,#10170f 100%);clip-path:var(--pixel-shape);padding-top:23px;box-shadow:inset 0 0 0 1px #ec243a16;isolation:isolate}
.tool-card:before{content:'';position:absolute;top:0;right:0;left:0;height:7px;background:repeating-conic-gradient(var(--shemagh-red) 0 25%,var(--shemagh-white) 0 50%) 0 0/14px 14px;opacity:.9;pointer-events:none}
.tool-card:after{content:'';position:absolute;left:0;bottom:0;width:72px;height:47px;background:repeating-conic-gradient(var(--shemagh-red) 0 25%,var(--shemagh-white) 0 50%) 0 0/14px 14px;opacity:.12;clip-path:polygon(0 0,14px 0,14px 14px,42px 14px,42px 28px,56px 28px,56px 35px,72px 35px,72px 100%,0 100%);pointer-events:none;z-index:-1}
.tool-card:hover{border-color:#c75048;background:linear-gradient(145deg,#321b18,#182012);box-shadow:inset 0 0 0 1px #ec243a35}
.tool-top{position:relative;z-index:1}.tool-icon{border-radius:0;clip-path:var(--pixel-shape);border-color:#a0524b;color:#fff1ec;background:#6b2526;width:36px;height:36px}.tool-icon svg{stroke-width:1.8}
.tool-card .badge{border-radius:0;border-color:#62342e;background:#291b17;color:#e7b6a8}.tool-card .tool-link{color:#f1cfbf}.tool-card .tool-link>svg{color:var(--green)}.tool-card .ghost-icon{color:#e35b5c;opacity:.09}
.stat{border-radius:0;clip-path:var(--pixel-shape);border-color:#49362b;background:linear-gradient(145deg,#191714,#121712)}
.stat-icon{border-radius:0;clip-path:var(--pixel-shape)}
.week-panel,.recent-body,.weekly-goal{border-radius:0;clip-path:var(--pixel-shape);border-color:#513a30}
.week-panel{position:relative;border-top:3px solid #ac3b3b}.recent-body{border-inline-start:3px solid #ac3b3b}.weekly-goal{background:linear-gradient(130deg,#211a15,#192015)}
.bottom-nav{border-top-color:#6f3b33}.bottom-nav:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#e82f42 0 7px,#ead8cc 7px 14px,transparent 14px 28px);opacity:.55;pointer-events:none}
.bottom-nav .quick-add{border-radius:0;clip-path:var(--pixel-shape)}
.sheet-symbol{border-radius:0;clip-path:var(--pixel-shape);background:#532426;color:#ffe6dc;border-color:#9c4e4a}
.tool-card:focus-visible{outline-offset:-5px}

/* The former hero banner is now the original logo alone. */
.logo-showcase{display:grid;place-items:center;width:100%;margin:0 0 10px;padding:0;border:0;background:none}
.logo-showcase>img{display:block;width:100%;max-width:450px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:screen}

/* Performance catalogue: phone-first editable workout cards. */
.performance-heading>p{margin:6px 0 15px}.performance-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.performance-meta>span{border:1px solid #3b4d30;background:#172114;color:#a7c593;padding:6px 10px;font-size:11px}.performance-meta>button{margin-inline-start:auto;min-height:44px;background:none;border:0;color:var(--green);font:inherit;font-size:12px}.exercise-list{display:grid;gap:14px}.exercise-card{padding:15px;background:linear-gradient(135deg,#192016,#0e140e);border:1px solid #3b4931;border-top:2px solid #75f428;position:relative}.exercise-overview{display:flex;gap:14px;align-items:center}.exercise-overview img{width:86px;height:98px;object-fit:cover;border:1px solid #31462a;flex:none}.exercise-overview>div{min-width:0}.exercise-number{font:10px monospace;color:#89a174;letter-spacing:1px}.exercise-card h3{font-size:16px;line-height:1.65;margin:5px 0}.exercise-english{display:block;color:#a8c599;font:9px Arial;letter-spacing:1px}.exercise-overview small{display:block;color:#7f9475;font-size:10px;margin-top:9px;line-height:1.6}.exercise-form{display:grid;grid-template-columns:1fr 1fr 57px;gap:9px;align-items:end;margin-top:14px}.exercise-form label{margin:0;font-size:11px;gap:6px;min-width:0}.exercise-form input{padding:10px;width:100%;min-width:0;text-align:center;direction:ltr;font:18px Arial;border-radius:5px;min-height:48px}.exercise-form>button{height:48px;background:#75f428;color:#15200d;border:0;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:2px;font-family:inherit;font-weight:600;font-size:12px}.exercise-form>button svg{width:15px;height:15px}.exercise-feedback{grid-column:1/-1;color:#a7eb83;font-size:11px!important;margin:0;min-height:0}.exercise-feedback:empty{display:none}dialog:has(.performance-content){padding-inline:18px;max-height:94dvh}.performance-content .sheet-note{font-size:10px!important}.exercise-form input:focus{outline:2px solid #75f428;outline-offset:2px}

/* Branded human pixel athlete, front/back views of the same character. */
.exercise-art{position:relative;display:block;flex:none;width:112px;height:224px;overflow:hidden;border:1px solid #3b4d30;background:#0a1009;isolation:isolate}
.exercise-overview .exercise-art img{position:absolute;top:0;left:var(--athlete-offset,-6%);width:200%;height:100%;max-width:none;object-fit:fill;border:0;image-rendering:pixelated}
.exercise-overview .athlete-back img{left:var(--athlete-back-offset,-94%)}
.exercise-card .exercise-overview{gap:16px}.exercise-card h3{font-size:17px}.exercise-overview small{font-size:11px;line-height:1.8}.exercise-card .exercise-number{color:#a3b78d}
@media(max-width:359px){.exercise-art{width:90px;height:180px}.exercise-card .exercise-overview{gap:10px}.exercise-card h3{font-size:15px}}

/* Center the visible body bounds independently for front and back sprites. */
.exercise-art{--athlete-offset:-5.7416%;--athlete-back-offset:-94.0989%}

/* Clip each sprite to its own source half before positioning: no adjacent figure can bleed in. */
.exercise-overview .exercise-art img{clip-path:inset(0 50% 0 0)}
.exercise-overview .athlete-back img{clip-path:inset(0 0 0 50%)}

.exercise-art.athlete-shoulder{--athlete-offset:0.3987%;--athlete-back-offset:-100.5582%}

.exercise-art.athlete-front-chest{--athlete-offset:-5.7416%}

/* Simple action on the right, large isolated muscle in the left-hand space. */
.exercise-card .exercise-overview{display:block;margin-bottom:14px}.exercise-overview>div{position:relative;min-height:76px;padding-inline-start:40px}.exercise-card .exercise-number{position:absolute;inset-inline-start:0;top:4px;writing-mode:vertical-rl;color:#8fbc73;font:14px monospace;letter-spacing:0}.exercise-card h3{margin:0 0 5px;font-size:17px}.exercise-overview small{font-size:11px;margin-top:9px}.exercise-visuals{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;gap:8px;direction:rtl}.exercise-visuals figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a1009;border:1px solid #2d3f25;overflow:hidden}.exercise-visuals img{display:block;width:100%;height:190px;object-fit:contain}.exercise-action img{image-rendering:pixelated}.exercise-muscle img{padding:7px 0;width:100%;max-width:170px}.exercise-visuals figcaption{width:100%;text-align:center;min-height:43px;padding:7px 5px;font-size:10px;line-height:1.6;color:#b5cda6;border-top:1px solid #293b21;background:#121d0f}.exercise-muscle figcaption{color:#b1e591}.exercise-card .exercise-form{margin-top:16px}.exercise-action{position:relative}.exercise-muscle{position:relative}
@media(max-width:359px){.exercise-visuals{gap:6px}.exercise-visuals img{height:158px}.exercise-visuals figcaption{font-size:9px}.exercise-card h3{font-size:16px}.exercise-overview>div{padding-inline-start:32px}}
.exercise-card .exercise-overview>div{padding-inline-start:0;min-height:0}
.exercise-card .exercise-number{position:static;display:block;writing-mode:horizontal-tb;text-align:left;font:10px monospace;letter-spacing:1px;margin-bottom:5px}
.exercise-card .exercise-english{text-align:right}

.exercise-action .exercise-art{border:0;width:95px;height:190px;flex:none;max-width:100%}
.exercise-action .exercise-art img{position:absolute;top:0;left:var(--athlete-offset,-6%);width:200%;height:100%;max-width:none;object-fit:fill;clip-path:inset(0 50% 0 0);image-rendering:pixelated}
.exercise-action .athlete-back img{left:var(--athlete-back-offset,-94%);clip-path:inset(0 0 0 50%)}
@media(max-width:359px){.exercise-action .exercise-art{width:79px;height:158px}}

/* Pixel anatomy: one isolated quadrant per target, red indicates the target. */
.exercise-muscle .target-anatomy-frame{display:grid;place-items:center;width:100%;height:190px;flex:none;overflow:hidden}
.exercise-muscle .target-anatomy{display:block;position:relative;width:100%;max-width:190px;aspect-ratio:1;overflow:hidden;isolation:isolate}
.exercise-muscle .target-anatomy img{position:absolute;top:calc(-100% * var(--target-row));left:calc(-100% * var(--target-col));width:200%;height:200%;max-width:none;padding:0;object-fit:fill;image-rendering:pixelated}
@media(max-width:359px){.exercise-muscle .target-anatomy-frame{height:158px}.exercise-muscle .target-anatomy{max-width:158px}}

.exercise-muscle .target-anatomy-single img{top:0;left:0;width:100%;height:100%}


/* Prominent neon exercise position, without changing imagery or logging controls. */
.exercise-card .exercise-number{font:700 26px/1.4 monospace;letter-spacing:2px;color:var(--green);text-shadow:0 0 4px #75f428,0 0 12px #75f428b3,0 0 24px #75f42866;margin-bottom:10px}
@media(max-width:359px){.exercise-card .exercise-number{font-size:23px;letter-spacing:1px}}

/* Supplement reminders: compact product cards, phone-first controls. */
.supplement-entry{margin:8px 0 22px}.supplement-entry>button{width:100%;display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid #608641;border-top:3px solid var(--green);background:linear-gradient(120deg,#1b2913,#11190e);text-align:right;font:inherit;box-shadow:0 0 19px #75f4280d}.supplement-entry>button>span:nth-child(2){flex:1}.supplement-entry b{display:block;font-size:17px}.supplement-entry small{display:block;font-size:11px;color:#a8b79c;margin-top:4px}.supplement-entry-icon{display:grid;place-items:center;background:#75f4281a;color:var(--green);width:44px;height:44px;flex:none}.supplement-entry>button>svg{color:var(--green);width:21px}.supplement-heading h2{margin-bottom:6px}.supplement-heading>p{color:#adbda1;font-size:13px}.supplement-summary{display:flex;gap:8px;margin:20px 0 14px}.supplement-summary span{padding:6px 10px;background:#1a2615;border:1px solid #3e5830;color:#b7d9a3;font-size:11px}.supplement-note{display:flex;gap:10px;padding:12px;background:#182012;border:1px solid #3e4f32;margin-bottom:12px}.supplement-note svg{color:var(--green);width:19px}.supplement-note p{margin:0;font-size:11px;line-height:1.9;color:#b6c4a9}.supplement-permission{width:100%;min-height:44px;border:1px solid #5a793d;background:#1a2913;color:var(--green);font:inherit;font-size:12px}.supplement-list{display:grid;gap:16px;margin-top:20px}.supplement-card{border:1px solid #3f4d33;border-top:2px solid var(--green);background:linear-gradient(140deg,#1b2217,#0e140d);padding:15px}.supplement-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.supplement-photo{width:124px;height:140px;background:#f7f8f7;display:grid;place-items:center;border:1px solid #52673d;flex:none;padding:8px}.supplement-photo img{display:block;width:100%;height:100%;object-fit:contain}.supplement-index{color:#9dba87;font:10px monospace;letter-spacing:1px}.supplement-top h3{margin:7px 0 10px;font-size:19px}.supplement-badge{display:inline-block;font-size:10px;color:#a6ada0;border:1px solid #43513a;padding:4px 8px}.supplement-badge.is-on{color:var(--green);background:#75f4280c;border-color:#5b8d35}.supplement-form{display:grid;gap:15px}.supplement-form label{margin:0;display:grid;gap:7px;color:#c7d4bd;font-size:12px;min-width:0}.supplement-form input,.supplement-form select{box-sizing:border-box;width:100%;min-width:0;min-height:47px;border:1px solid #425438;background:#0c120a;color:#f3f5ed;border-radius:4px;padding:9px;font:16px var(--font)}.supplement-form input::placeholder{font-size:11px;color:#78896d}.supplement-form fieldset{margin:0;padding:0;border:0;min-width:0}.supplement-form legend{font-size:12px;color:#c7d4bd;margin-bottom:9px}.supplement-time{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px}.supplement-time label{text-align:center;font-size:10px}.supplement-time select{text-align:center;direction:ltr;padding:8px 4px;font-family:Arial,sans-serif}.time-colon{padding-bottom:12px;color:var(--green);font-weight:700}.supplement-time-hint{display:block;font-size:10px;color:#93a684;margin-top:7px}.supplement-buttons{display:flex;gap:8px}.supplement-buttons .primary{flex:1;min-height:46px;margin:0;font-size:12px}.supplement-disable{min-width:68px;border:1px solid #5a493d;background:#241c15;color:#e8c0a9;font:12px var(--font)}.supplement-disable:disabled{opacity:.35;cursor:default}.supplement-card-status{font-size:10px;color:#a4cb88;margin:0;line-height:1.8}.supplement-content .sheet-note{line-height:1.9}#supplement-alerts{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));z-index:1000;display:grid;gap:8px;max-height:65dvh;overflow:auto}.supplement-alert{display:flex;align-items:center;gap:10px;padding:12px;background:#213516;border:1px solid var(--green);box-shadow:0 0 24px #75f42830;color:#fff}.supplement-alert>img{width:42px;height:54px;object-fit:contain;background:white}.supplement-alert>div{flex:1;min-width:0}.supplement-alert b{font-size:13px}.supplement-alert p{font-size:12px;margin:4px 0 0;overflow-wrap:anywhere}.supplement-alert button{font:24px Arial;color:#c6e7ad;background:none;border:0;min-width:44px;min-height:44px}
@media(max-width:359px){.supplement-photo{width:104px;height:120px}.supplement-top{gap:12px}.supplement-top h3{font-size:17px}.supplement-card{padding:12px}.supplement-time{gap:5px}}

/* Personal supplement list and searchable pixel-art catalogue. */
.supplement-add{width:100%;margin:0 0 8px;min-height:50px;border-radius:0;clip-path:var(--pixel-shape);font-size:15px;box-shadow:0 0 20px #75f42822}
.supplement-empty{border:1px dashed #496238;text-align:center;background:#111b0d;padding:30px 18px}.supplement-empty>svg{width:45px;height:45px;color:var(--green);filter:drop-shadow(0 0 9px #75f42855)}.supplement-empty h3{font-size:17px;margin:14px 0 8px}.supplement-empty p{font-size:12px;color:#9eb08e;line-height:1.9;margin:0}.supplement-settings{margin-top:22px;padding-top:15px;border-top:1px solid #34452a}.supplement-settings summary{font-size:12px;color:#9ec487;cursor:pointer;padding:10px 0}.supplement-settings .supplement-note{margin-top:12px}.supplement-picker[hidden]{display:none}.supplement-picker{margin:14px 0 22px;border:1px solid #648846;border-top:3px solid var(--green);background:#10190d;padding:14px;box-shadow:0 0 24px #75f4280c}.picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.picker-heading h3{font-size:17px;margin:0}.picker-heading button{background:none;border:1px solid #435735;color:#b8d89f;width:40px;height:40px;font:24px Arial}.supplement-picker>label{display:grid;gap:7px;font-size:12px;color:#b1c69e}.supplement-picker input{width:100%;min-height:48px;background:#091007;border:1px solid #526f3d;color:#f4f9ee;padding:10px;font:16px var(--font);border-radius:0}.supplement-picker input::placeholder{font-size:12px;color:#778b69}#supplement-search-count{font-size:10px;color:#9fbd86;margin:12px 0}#supplement-search-results{display:grid;gap:7px;max-height:48dvh;overflow:auto;overscroll-behavior:contain}.supplement-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:right;background:#182212;border:1px solid #344a28;padding:8px;color:#f3f6ed;font:inherit;min-width:0}.supplement-choice>span:not(.supplement-pixel){flex:1;font-size:14px}.supplement-choice>small{font-size:10px;color:var(--green);white-space:nowrap}.supplement-choice:hover:not(:disabled){background:#24351a;border-color:var(--green)}.supplement-choice:disabled{opacity:.5;cursor:default}.supplement-no-results{font-size:12px;color:#a8bd97;padding:18px 8px;text-align:center}.supplement-card{position:relative}.supplement-remove{position:absolute;top:10px;left:10px;width:36px;height:36px;background:#291916;border:1px solid #684138;color:#dcaaa0;font:22px Arial}.supplement-top{padding-left:22px}.supplement-pixel{display:block;position:relative;width:124px;height:124px;flex:none;overflow:hidden;background:#080d08;isolation:isolate;border:0;clip-path:var(--pixel-shape)}.supplement-pixel>img{position:absolute;left:calc(-100% * var(--supplement-col));top:calc(-100% * var(--supplement-row));width:500%;height:300%;max-width:none;object-fit:fill;image-rendering:pixelated;pointer-events:none}.supplement-choice .supplement-pixel{width:58px;height:58px;clip-path:none}.supplement-alert .supplement-pixel{width:50px;height:50px;clip-path:none}.supplement-card{border-radius:0;clip-path:var(--pixel-shape);background:linear-gradient(140deg,#201b16,#0e170c)}.supplement-card:before{content:'';position:absolute;top:0;right:0;width:70px;height:5px;background:repeating-conic-gradient(#ec243a 0 25%,#fff3ed 0 50%) 0 0/10px 10px}.supplement-badge,.supplement-form input,.supplement-form select,.supplement-buttons button{border-radius:0}.supplement-photo{display:none}
@media(max-width:359px){.supplement-pixel{width:104px;height:104px}.supplement-choice{gap:7px}.supplement-choice>span:not(.supplement-pixel){font-size:12px}.supplement-picker{padding:10px}.supplement-choice .supplement-pixel{width:48px;height:48px}}
.supplement-pixel{clip-path:inset(0 0 var(--sprite-bottom-cut,0%) 0)}.supplement-choice .supplement-pixel,.supplement-alert .supplement-pixel{clip-path:inset(0 0 var(--sprite-bottom-cut,0%) 0)}
.supplement-pixel-single>img{left:0;top:0;width:100%;height:100%;object-fit:contain}.bottom-nav>button[data-view="supplements"]{color:#9cb889}.bottom-nav>button[data-view="supplements"] span{font-size:9px;white-space:nowrap}
.supplement-pixel-single{background:#080d08}.supplement-pixel-single>img{image-rendering:pixelated}
.bottom-nav .nav-abe-icon{display:block;width:24px;height:28px;object-fit:contain;border-radius:2px;flex:none}.bottom-nav>button[data-view="supplements"]{gap:3px}

.bottom-nav .nav-abe-icon{image-rendering:pixelated;mix-blend-mode:screen;background:transparent}
/* Feature the pixel can above its navigation label. */
.bottom-nav .nav-abe-icon{width:46px;height:48px;transform:rotate(-18deg);transform-origin:center;margin-top:-20px;margin-bottom:0;filter:drop-shadow(0 0 3px #75f42835)}
.bottom-nav>button[data-view="supplements"]{gap:3px}
.bottom-nav .nav-abe-icon{filter:none}
/* Reuse the approved seated long-biceps athlete for Performance navigation. */
.bottom-nav .nav-athlete-icon{display:block;width:48px;height:48px;object-fit:contain;image-rendering:pixelated;mix-blend-mode:screen;margin-top:-20px;flex:none}.bottom-nav>button[data-view="log"]{gap:3px}
/* The navigation athlete uses real alpha transparency, without blending a square. */
.bottom-nav .nav-athlete-icon{mix-blend-mode:normal;background:none;border:0;box-shadow:none;filter:none}
/* User-supplied filled house, matched to the 48px Performance image. */
.bottom-nav .nav-home-icon{display:block;width:48px;height:48px;flex:none;margin-top:-20px;background:var(--green);-webkit-mask:url('data:image/png;base64,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') center/contain no-repeat;mask:url('data:image/png;base64,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') center/contain no-repeat;filter:drop-shadow(0 0 3px #75f428) drop-shadow(0 0 7px #75f42888)}
.bottom-nav>button[data-view="home"]{gap:3px}
.bottom-nav .nav-home-glow{display:block;width:48px;height:48px;flex:none;margin-top:-20px;filter:drop-shadow(0 0 3px #75f428) drop-shadow(0 0 7px #75f42888)}.bottom-nav .nav-home-icon{margin:0;filter:none}

/* Muscle families: nested previews, then a quick transition into their exercises. */
.muscle-groups{display:grid;gap:16px}.muscle-group{display:block;width:100%;min-width:0;padding:16px;border:1px solid #405632;border-top:2px solid var(--green);background:linear-gradient(135deg,#201b17,#14200f);text-align:right;font:inherit;color:var(--text);position:relative;transition:transform .14s ease,border-color .14s ease,background .14s ease;clip-path:var(--pixel-shape)}.muscle-group:hover{border-color:#75f42899;background:linear-gradient(135deg,#282018,#1a2b12)}.muscle-group:active{transform:scale(.975)}.muscle-group-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.muscle-group-name{font-size:22px;font-weight:700}.muscle-group-open{display:flex;align-items:center;gap:5px;font-size:10px;color:#a9d889}.muscle-group-open svg{width:16px;height:16px}.muscle-group-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.muscle-part{display:flex;align-items:center;gap:7px;min-width:0;padding:6px;background:#0b1209;border:1px solid #33482a}.muscle-part-name{font-size:11px;line-height:1.6;color:#c3d7b5;flex:1;min-width:0}.muscle-part .target-anatomy-frame{display:grid;place-items:center;width:62px;height:62px;flex:none;overflow:hidden}.muscle-part .target-anatomy{display:block;position:relative;width:62px;aspect-ratio:1;overflow:hidden;isolation:isolate}.muscle-part .target-anatomy img{position:absolute;top:calc(-100% * var(--target-row));left:calc(-100% * var(--target-col));width:200%;height:200%;max-width:none;padding:0;object-fit:fill;image-rendering:pixelated}.muscle-part .target-anatomy-single img{top:0;left:0;width:100%;height:100%}.muscle-group-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #36482b;padding-top:11px;margin-top:12px;font-size:10px;color:#7f9b6d}.muscle-group-footer .has-progress{color:var(--green)}.muscle-back{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 11px;border:1px solid #405b2d;background:#192713;color:#c2e7a8;font:12px var(--font);margin:0 0 18px}.muscle-back svg{width:18px;height:18px;transform:rotate(180deg)}.performance-stage{animation:muscle-stage-enter .2s cubic-bezier(.2,.8,.2,1) both}@keyframes muscle-stage-enter{from{opacity:0;transform:translateX(-13px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:359px){.muscle-group{padding:12px}.muscle-group-name{font-size:20px}.muscle-part{gap:5px;padding:4px}.muscle-part .target-anatomy-frame,.muscle-part .target-anatomy{width:48px;height:48px}.muscle-part-name{font-size:10px}.muscle-group-open{font-size:9px}}@media(prefers-reduced-motion:reduce){.performance-stage{animation:none}.muscle-group{transition:none}.muscle-group:active{transform:none}}

/* Mobile muscle families: two cards per row, original exercise artwork inside. */
.muscle-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.muscle-group{display:flex;flex-direction:column;padding:10px}
.muscle-group-top{gap:4px;margin-bottom:10px}
.muscle-group-name{font-size:19px}
.muscle-group-open{font-size:0;gap:0}
.muscle-group-open svg{width:19px;height:19px}
.muscle-group-previews{gap:6px;margin-bottom:10px}
.muscle-part{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:4px;overflow:hidden}
.muscle-exercise-thumb{display:block;width:100%;height:76px;object-fit:contain;image-rendering:pixelated}
.muscle-part-name{font-size:10px;line-height:1.5;text-align:center;flex:none;width:100%}
.muscle-group-previews:has(>.muscle-part:only-child){grid-template-columns:1fr}
.muscle-part:only-child .muscle-exercise-thumb{height:110px}
.muscle-group-footer{flex-wrap:wrap;gap:3px 6px;margin-top:auto;padding-top:8px;font-size:9px}
@media(max-width:359px){.muscle-groups{gap:8px}.muscle-group{padding:7px}.muscle-group-name{font-size:17px}.muscle-group-previews{gap:4px}.muscle-part{padding:2px}.muscle-exercise-thumb{height:60px}.muscle-part-name{font-size:9px}.muscle-group-footer{font-size:8px}}

/* Shared, visible motion without changing layout or training data. */
button{position:relative;isolation:isolate;touch-action:manipulation}
.motion-ripple{position:absolute;display:block;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#b3ff7d80,#75f42825 45%,transparent 68%);z-index:2;max-width:100%;max-height:100%;clip-path:inset(0);will-change:transform,opacity}
button,input,select,summary{transition:border-color .22s ease,box-shadow .22s ease,color .22s ease,background-color .22s ease}
input:focus,select:focus{outline:2px solid #75f42890;outline-offset:3px;border-color:var(--green);box-shadow:0 0 17px #75f42830}
button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(hover:hover){.muscle-group:hover,.supplement-card:hover,.exercise-card:hover{box-shadow:inset 0 0 25px #75f42812,0 0 14px #75f42820}.bottom-nav>button:hover{color:var(--green)}}
.muscle-group:active{transform:scale(.96)}
.performance-stage{animation:none}
.bottom-nav>button.active:before{animation:nav-light-enter .42s ease-out both}
@keyframes nav-light-enter{from{opacity:0;scale:.2 1;box-shadow:0 0 0 transparent}to{opacity:1;scale:1;box-shadow:0 0 16px #75f42899}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-ripple{display:none}}

.muscle-group.muscle-awaiting{opacity:0;transform:translateY(40px)}
@media(prefers-reduced-motion:reduce){.muscle-group.muscle-awaiting{opacity:1;transform:none}}

/* Deliberately slow, fresh timeline on every visit to Performance. */
.performance-entering>.muscle-group{animation:performance-card-natural-v51 .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.06s + var(--reveal-order,0)*.09s);will-change:opacity,transform}
@keyframes performance-card-natural-v51{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.performance-entering>.muscle-group{animation:none!important;opacity:1;transform:none}}