:root{--bg:#101116;--panel:#17181d;--panel2:#222329;--line:#303138;--text:#dedfe6;--muted:#878992;--blue:#6296ff;--blue2:#176bd7}
.phone-shell{max-width:480px}.bottom-nav{max-width:480px;background:#111217f5}.appbar{height:88px;background:#191a1f;border-color:#292a30;padding-inline:14px}.calendar-bar h1{font-size:27px;font-weight:400}.calendar-bar .sparkle{color:#a9c1ff;font-size:25px}.weekdays{grid-template-columns:44px repeat(7,1fr);padding:0;height:34px;align-items:center;background:#121318;border-color:var(--line)}.weekdays span:first-child{border-right:1px solid var(--line);height:100%}.week{grid-template-columns:44px repeat(7,1fr);min-height:104px}.week>b{font-size:12px}.day{padding:7px 4px;border-color:#282930;font-size:14px}.day:first-of-type{color:#e46a6a}.day:last-child{color:#428aff}.day span{width:25px;height:25px;margin:0 auto 5px}.day i{background:#293e75;border-left-color:#f06d76;padding:1px 2px}.today-dock{position:sticky;bottom:var(--nav);min-height:96px;padding:12px 12px 14px;background:#202126;justify-content:flex-start}.today-dock .dock-up{border:0;background:transparent;color:#ddd;font-size:22px;padding:10px}.today-dock div{margin-right:auto}.today-dock small{font-size:23px}.today-dock strong{font-size:14px}.today-dock .pill{min-width:76px;padding:14px 17px;background:#d4d6df;color:#496aa5}
.picker-head{height:92px;background:#111217}.picker-head label{background:#292a2f}.picker-tabs{height:58px;display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.picker-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#999ba3;padding:0 20px;white-space:nowrap}.picker-tabs button.active{color:var(--blue);border-color:var(--blue)}.picker-subnav{display:flex;justify-content:flex-end;gap:28px;padding:18px 22px;color:#8e9098}.picker-subnav button{border:0;background:transparent;color:#8e9098;font-size:16px}.picker-subnav .active{color:var(--blue)}.body-browser{display:grid;grid-template-columns:132px 1fr;padding:0 14px 100px;gap:18px}.body-browser aside{display:grid;align-content:start;gap:10px}.body-browser aside button{min-height:50px;border:1px solid #3a3b42;border-radius:28px;background:transparent;color:#6f7179}.body-browser aside button.active,.body-browser aside button:nth-last-child(-n+2){color:var(--blue);border-color:#9699a3}.body-grid{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:14px 8px}.body-grid button{border:0;background:transparent;color:var(--text);padding:0;min-width:0}.body-grid img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;object-position:center;border-radius:3px;filter:grayscale(.65) contrast(1.06)}.body-grid span{color:var(--blue);font-size:16px;margin-right:5px}.body-grid small{font-size:14px;color:#9b9da5}.exercise-tabs{top:150px}.exercise-tabs button:first-child{color:#aaa}.sortbar{padding:14px 22px}.exercise-row{grid-template-columns:94px 1fr auto;min-height:112px}.exercise-row img{width:94px;height:92px;object-fit:contain;filter:grayscale(.7) contrast(1.08)}.exercise-row>b{font-size:19px;color:#9a9ca4;font-weight:400}.picker-footer{max-width:480px;background:#111217}.picker-footer .pill{min-width:126px;background:#2b2c31;color:#858790}
.workout-screen .appbar{background:#191a1f}.workout-screen .progress-dot{margin:28px auto}.workout-summary{background:#111217}.entries{padding:0 0 112px;gap:0}.entry-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:#111217}.entry-name{grid-template-columns:1fr 42px;padding:18px 20px}.entry-name img{display:none}.entry-name h2{font-size:19px}.entry-stats{justify-content:space-between;padding:14px 20px}.set-head,.set-row{grid-template-columns:40px 48px 1fr 1fr;padding-inline:20px}.set-row{background:#111217}.add-set{background:#191a1f;padding:15px}.workout-actions{max-width:480px;background:#66676c;padding:12px}.workout-actions .dark-pill{background:#1b1c20}.workout-actions .pill{background:#d5d7df;color:#496aa5}
.library-categories{position:sticky;top:88px;z-index:7;display:flex;gap:8px;overflow-x:auto;padding:12px 14px;background:#111217f2;border-bottom:1px solid var(--line);scrollbar-width:none}.library-categories button{border:1px solid #383a42;border-radius:999px;background:transparent;color:#8f929b;padding:9px 16px;white-space:nowrap}.library-categories button.active{border-color:var(--blue);background:#263a66;color:#fff}.library-sections{padding:4px 0 100px}.library-section>header{display:flex;align-items:end;justify-content:space-between;padding:20px 16px 8px}.library-section>header h2{margin:0;font-size:21px}.library-section>header span{color:var(--muted);font-size:13px}.library-section .library-grid{padding:0 14px 12px}.library-section .library-grid article{border:1px solid #262830}.library-section .library-grid img{height:145px;filter:grayscale(.3) contrast(1.04)}
@media(max-width:380px){.body-browser{grid-template-columns:112px 1fr;gap:10px}.body-grid{gap:12px 4px}.picker-tabs button{padding-inline:15px}.today-dock .pill{min-width:66px;padding-inline:13px}}
.library-section .library-grid .library-card{border:1px solid #262830}.library-card{display:block;width:100%;padding:0 0 13px;text-align:left;background:var(--panel);border-radius:12px;overflow:hidden;color:var(--text)}.library-card small,.library-card strong,.library-card span{display:block;padding:0 12px}.library-card small{color:var(--blue);padding-top:9px}.library-card strong{font-size:16px;margin:2px 0}.library-card span{color:var(--muted);font-size:12px}
.exercise-detail-screen{padding-bottom:92px}.detail-head{height:92px;padding:calc(22px + env(safe-area-inset-top)) 14px 14px;display:grid;grid-template-columns:48px 1fr 48px;align-items:end;background:#191a1f;position:sticky;top:0;z-index:8}.detail-head h1{margin:0;text-align:center;font-size:22px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-tabs{height:60px;display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:92px;z-index:7;background:#111217;border-bottom:1px solid #45464d}.detail-tabs button{border:0;border-bottom:4px solid transparent;background:transparent;color:#9b9da5;font-size:17px}.detail-tabs button.active{color:var(--blue);border-color:var(--blue)}.detail-content{padding:0 0 28px}.exercise-info-panel{padding:22px 18px}.exercise-tags{display:flex;gap:9px;margin-bottom:22px}.exercise-tags span{background:#313239;color:#b7b9c1;padding:9px 14px;border-radius:12px}.movement-card{margin:0;background:#191a1f;border-radius:22px;overflow:hidden}.movement-card h2{font-size:17px;font-weight:400;margin:0;padding:20px 20px 0}.movement-card img{display:block;width:100%;height:330px;object-fit:contain;filter:grayscale(.22) contrast(1.08)}.movement-card p{margin:0;padding:0 20px 20px;color:#a8abb4;line-height:1.55}.youtube-link{display:block;text-align:right;padding:19px 8px;color:#b9bbc4;text-decoration:none;font-size:17px}.exercise-summary{margin-top:25px}.exercise-summary h2{font-size:21px}.summary-numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#191a1f;border-radius:16px;overflow:hidden}.summary-numbers div{padding:18px 8px;text-align:center;border-right:1px solid var(--line)}.summary-numbers div:last-child{border:0}.summary-numbers strong,.summary-numbers span{display:block}.summary-numbers strong{font-size:24px}.summary-numbers strong small{font-size:12px;margin-left:2px}.summary-numbers span{font-size:12px;color:var(--muted);margin-top:4px}.detail-empty,.detail-loading{margin:26px 0;color:#9a9da6;line-height:1.8}.detail-empty.large,.detail-loading{padding:80px 20px;text-align:center}.exercise-history{padding:12px 18px}.exercise-history article{display:grid;grid-template-columns:94px 1fr;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line)}.exercise-history time{color:var(--muted)}.exercise-history div{display:grid;gap:5px}.exercise-history span{color:var(--muted);font-size:13px}.chart-card{margin:28px 18px;padding:20px;background:#191a1f;border-radius:18px}.chart-title{display:flex;justify-content:space-between}.chart-title strong{color:var(--blue)}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:10px;padding-top:30px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-chart i{display:block;width:100%;max-width:32px;min-height:8px;background:linear-gradient(#80a9ff,#3d78ec);border-radius:7px 7px 2px 2px}.bar-chart small{font-size:10px;color:var(--muted);white-space:nowrap}.detail-action{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#191a1ff0;border-top:1px solid var(--line);z-index:12}.detail-action button{width:100%;border:0;border-radius:14px;padding:16px;background:#3d6fc7;color:white;font-size:17px;font-weight:600}