/* MT workspace: one visual system, layered after the existing app components. * Keep component behaviour, data, artwork and mobile interactions untouched. * No backdrop filters or full-screen decorative layers on the scrolling canvas. */ body.mtd-authenticated,body.mtb-platform{ --mtu-canvas:#101112;--mtu-sidebar:#151617;--mtu-card:#1b1c1e;--mtu-raised:#222325; --mtu-border:rgba(255,255,255,.09);--mtu-border-hover:rgba(255,255,255,.18); --mtu-text:#f6f6f6;--mtu-muted:#a1a1aa;--mtu-accent:#fd3301;--mtu-radius:14px; --mtd-bg:var(--mtu-canvas);--mtd-sidebar:var(--mtu-sidebar);--mtd-surface:var(--mtu-card); --mtd-surface-raised:var(--mtu-raised);--mtd-surface-soft:#292a2d;--mtd-input:#151618; --mtd-border:var(--mtu-border);--mtd-border-strong:var(--mtu-border-hover);--mtd-line:var(--mtu-border); --mtd-text:var(--mtu-text);--mtd-muted:var(--mtu-muted);--mtd-soft-text:#d1d1d5; --mtd-radius:var(--mtu-radius);--mtd-radius-sm:10px;--mtd-orange:var(--mtu-accent); --bg:var(--mtu-canvas);--side:var(--mtu-sidebar);--surface:var(--mtu-card);--raised:var(--mtu-raised); --line:var(--mtu-border);--text:var(--mtu-text);--muted:var(--mtu-muted);--accent:var(--mtu-accent);--radius:var(--mtu-radius); color:var(--mtu-text);background:var(--mtu-canvas)!important;color-scheme:dark; font-family:InterVariable,Inter,Arial,Helvetica,sans-serif!important; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; } body.mtd-authenticated .mtd-shell,body.mtd-authenticated .mtd-workspace{background:var(--mtu-canvas)!important} body.mtd-authenticated .mtd-sidebar,.mtb-platform .mtb-sidebar{ background:linear-gradient(160deg,#191a1c 0,#151617 44%)!important; border-right:1px solid var(--mtu-border)!important;box-shadow:8px 0 36px #00000010!important; } body.mtd-authenticated .mtd-sidebar-brand{border-bottom:0;padding-bottom:8px;flex-shrink:0} .mtb-platform .mtb-brand{padding-bottom:17px} body.mtd-authenticated .mtd-nav{gap:5px!important;padding-top:17px!important} body.mtd-authenticated .mtd-nav>p{color:#8b8b93!important;font-size:10px!important;letter-spacing:.08em!important} body.mtd-authenticated .mtd-nav>a,.mtb-platform .mtb-nav-item{ min-height:43px!important;border-radius:9px!important;font-size:13px!important;font-weight:500!important; color:#b6b6bd!important;transition:background-color .15s,color .15s,border-color .15s; } body.mtd-authenticated .mtd-nav>a:hover,.mtb-platform .mtb-nav-item:hover{background:#ffffff06!important;color:#fff!important} body.mtd-authenticated .mtd-nav>a.is-active,.mtb-platform .mtb-nav-item.is-active{ background:linear-gradient(115deg,#363638,#292a2c)!important;border-color:#ffffff12!important;color:#fff!important; box-shadow:inset 0 1px 0 #ffffff08,0 3px 8px #00000012!important; } body.mtd-authenticated .mtd-nav>a.is-active .mtd-icon,.mtb-platform .mtb-nav-item.is-active svg{color:#fd3301} body.mtd-authenticated .mtd-user{background:#ffffff03!important;border-color:var(--mtu-border)!important} .mtb-platform .mtb-user{padding-top:15px;display:flex;align-items:center;gap:10px} .mtb-platform .mtb-user>.mtb-avatar{width:34px;height:34px;min-width:34px;object-fit:cover;border-radius:50%} .mtb-platform .mtb-user>div{min-width:0} .mtb-platform .mtb-sidebar-bottom{padding-top:24px} /* Shared workspace selector: normal HTML select, keyboard and screen-reader friendly. */ .mt-unified-mode-switcher{display:grid;gap:7px;min-width:0;flex-shrink:0;margin:9px 0 3px;padding:10px 3px 12px;border-bottom:1px solid var(--mtu-border,#ffffff17)} .mt-unified-mode-switcher>label{padding-left:9px;font-size:10px;font-weight:550;line-height:1.3;letter-spacing:.055em;color:#92929b} .mt-unified-mode-switcher select{width:100%;max-width:100%;height:43px;min-height:43px!important;padding:0 32px 0 12px!important;background-color:#242527!important;border:1px solid #ffffff13!important;border-radius:10px!important;color:#f6f6f6!important;font:550 13px/1.2 Inter,Arial,sans-serif!important;cursor:pointer} .mt-unified-mode-switcher select:hover{border-color:#ffffff2e!important;background-color:#292a2d!important} .mt-unified-mode-switcher select:focus-visible{outline:2px solid #fd3301;outline-offset:3px} .mt-unified-mode-switcher option{background:#242527;color:#fff;font-size:13px} .mtb-platform .mtb-workspace{padding:13px 3px 16px;border-top:0;margin-bottom:17px} .mtb-platform .mtb-workspace select{background:#1c1d1f;border-color:#ffffff10;font-size:12px;min-height:40px} .mtb-platform .mtb-workspace .mtb-eyebrow{font-size:10px;text-transform:none;letter-spacing:.02em;margin-bottom:7px;color:#92929b} body.mtd-authenticated .mtd-main{max-width:1580px!important;padding:32px clamp(24px,2.65vw,44px) 42px!important} .mtb-platform .mtb-main{padding:32px clamp(24px,2.65vw,44px) 42px} .mtb-platform .mtb-main>div{max-width:1520px} body.mtd-authenticated .mtd-view-content{gap:20px} body.mtd-authenticated .mtd-overview-welcome{margin:0 0 3px!important;gap:20px;align-items:center} body.mtd-authenticated .mtd-overview-welcome h2,.mtb-platform .mtb-page-heading h1{color:#f6f6f6!important;font-size:clamp(26px,2.1vw,34px)!important;letter-spacing:-.04em!important;font-weight:620!important;line-height:1.2!important} body.mtd-authenticated .mtd-overview-welcome p,.mtb-platform .mtb-page-heading p{font-size:13px!important;line-height:1.55!important;color:#a1a1aa!important;margin-top:8px!important} body.mtd-authenticated .mtd-overview-kicker{color:#b2b2ba!important;font-size:10px!important;letter-spacing:.09em!important;margin-bottom:10px} .mtb-platform .mtb-page-heading{margin-bottom:25px} body.mtd-authenticated .mtd-section-heading h2,.mtb-platform .mtb-card-heading h2{font-size:15px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.02em!important} body.mtd-authenticated .mtd-section-heading>span{font-size:11px!important;color:#9898a2!important} body.mtd-authenticated .mtd-panel-link{font-size:11px!important;color:#c8c8d0!important;border:1px solid #ffffff15;padding:6px 9px;border-radius:7px} /* A soft edge and a small highlight create depth without extra nested containers. */ body.mtd-authenticated :is(.mtd-card,.mtd-panel),.mtb-platform .mtb-card,.mtb-platform .mtb-stat,.mtb-platform .mtb-template-card{ background:linear-gradient(145deg,#202123 0,#1b1c1e 58%)!important; border:1px solid var(--mtu-border)!important;border-radius:var(--mtu-radius)!important; box-shadow:inset 0 1px 0 #ffffff03,0 5px 20px #0000000b!important; } body.mtd-authenticated .mtd-overview-panel,.mtb-platform .mtb-card{padding:22px!important} body.mtd-authenticated .mtd-overview-metrics,.mtb-platform .mtb-stats{gap:15px;margin-bottom:0} .mtb-platform .mtb-stats{margin-bottom:22px} body.mtd-authenticated .mtd-overview-metric,.mtb-platform .mtb-stat{min-height:145px;padding:21px!important;gap:20px;overflow:hidden} body.mtd-authenticated .mtd-overview-metric{row-gap:8px} body.mtd-authenticated .mtd-overview-metric-top{color:#b7b7bf;font-size:11px;letter-spacing:.015em;font-weight:500} body.mtd-authenticated .mtd-overview-metric-top i{background:#ffffff08;color:#c1c1c9;border:1px solid #ffffff08;width:29px;height:29px;border-radius:9px} body.mtd-authenticated .mtd-overview-metric>strong,.mtb-platform .mtb-stat>strong{font-size:clamp(25px,2.5vw,35px);line-height:1.1;font-weight:550;letter-spacing:-.05em;margin-top:12px} body.mtd-authenticated .mtd-overview-metric>small{font-size:11px;margin-top:7px;color:#a1a1aa} body.mtd-authenticated a.mtd-overview-metric{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease} body.mtd-authenticated a.mtd-overview-metric:hover{transform:translateY(-2px);border-color:#ffffff26!important;background:linear-gradient(145deg,#252628 0,#1e1f21 58%)!important} body.mtd-authenticated a.mtd-overview-metric:focus-visible{outline:2px solid var(--mtu-accent);outline-offset:3px} .mtb-platform .mtb-stat>span{font-size:12px;color:#b7b7bf;font-weight:500;padding-right:22px} .mtb-platform .mtb-stat>svg{color:#b1b1ba;top:23px;right:20px} body.mtd-authenticated .mtd-overview-metric.is-accent,.mtb-platform .mtb-stat:first-child{ background:radial-gradient(ellipse at 100% 100%,#ffffff23,transparent 66%),linear-gradient(120deg,#fd3301 0,#b92501 100%)!important; border-color:#ff76524a!important;box-shadow:inset 0 1px 0 #ffffff28,0 7px 22px #fd33010b!important; } body.mtd-authenticated .mtd-overview-metric.is-accent::after{display:none} body.mtd-authenticated .mtd-overview-metric.is-accent :is(.mtd-overview-metric-top,strong,small),.mtb-platform .mtb-stat:first-child>:is(span,strong,svg){color:#fff!important} body.mtd-authenticated .mtd-overview-metric.is-accent .mtd-overview-metric-top i{color:#fff;background:#ffffff14;border-color:#ffffff14} body.mtd-authenticated .mtd-overview-analytics,body.mtd-authenticated .mtd-overview-bottom,.mtb-platform .mtb-overview-grid{gap:20px} body.mtd-authenticated .mtd-overview-chart,.mtb-platform .mtb-chart{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#ffffff05 calc(25% - 1px),#ffffff05 25%)} body.mtd-authenticated .mtd-overview-chart-bar,.mtb-platform .mtb-chart-column i{background:linear-gradient(180deg,#858589 0,#4d4e53 70%,#303136 100%);border:1px solid #ffffff0b;border-radius:6px 6px 2px 2px;box-shadow:inset 0 1px 0 #ffffff1c} body.mtd-authenticated .mtd-overview-chart-column.is-current .mtd-overview-chart-bar,.mtb-platform .mtb-chart-column:last-child i{background:linear-gradient(180deg,#fd3301 0,#c62901 100%);border-color:#ff76522b} body.mtd-authenticated .mtd-overview-chart-column small{font-size:10px;color:#a6a6ae} body.mtd-authenticated .mtd-overview-chart-footer{border-color:var(--mtu-border);font-size:11px;color:#b2b2bb} body.mtd-authenticated .mtd-overview-ring{box-shadow:inset 0 0 0 1px #ffffff06} body.mtd-authenticated .mtd-overview-consistency-facts span{font-size:11px} body.mtd-authenticated .mtd-overview-workout{border-color:var(--mtu-border);padding-block:13px} body.mtd-authenticated .mtd-overview-workout-icon{background:#ffffff05;border-color:#ffffff08;color:#c6c6ce} body.mtd-authenticated :is(.mtd-overview-workout-copy,.mtd-session-row)>strong{font-size:13px!important;line-height:1.45!important} body.mtd-authenticated .mtd-session-row strong{font-size:13px!important;line-height:1.45!important} body.mtd-authenticated .mtd-session-list--overview .mtd-session-row strong{font-family:inherit!important;font-size:13px!important;line-height:1.45!important;font-weight:550!important} body.mtd-authenticated .mtd-session-list--overview .mtd-session-row :is(small,time){font-family:inherit!important;font-size:11px!important;line-height:1.5!important;color:#a1a1aa!important} body.mtd-authenticated :is(.mtd-overview-workout-copy,.mtd-session-row) :is(small,time){font-size:11px!important;line-height:1.5!important;color:#a1a1aa!important} /* Inputs and actions are the same size and contrast in each environment. */ body.mtd-authenticated :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.mtb-platform :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:#151618!important;color:#f3f3f5!important;border-color:#ffffff17!important;border-radius:9px!important;box-shadow:inset 0 1px 2px #00000010!important} body.mtd-authenticated :is(input,textarea)::placeholder,.mtb-platform :is(input,textarea)::placeholder{color:#878791!important;opacity:1} body.mtd-authenticated :is(input,select,textarea):focus-visible,.mtb-platform :is(input,select,textarea):focus-visible{outline:2px solid #fd3301!important;outline-offset:2px} body.mtd-authenticated .mtd-overview-action,.mtb-platform .mtb-button:not(:is(.mtb-stat,.mtb-shortcut,.mtb-template-open,.mtb-person-row,.mtb-picker-row,.mtb-workout-row)){min-height:42px;border-radius:9px;font-size:12px;line-height:1.35;padding:10px 14px;box-shadow:inset 0 1px 0 #ffffff04} body.mtd-authenticated .mtd-overview-action:not(.is-primary),.mtb-platform .mtb-button:not(:is(.mtb-primary,.mtb-nav-item,.mtb-link-button,.mtb-stat,.mtb-shortcut,.mtb-template-open,.mtb-person-row,.mtb-picker-row,.mtb-workout-row)){background:#ffffff03;border-color:#ffffff19;color:#ececf0} body.mtd-authenticated .mtd-overview-action.is-primary,.mtb-platform .mtb-primary{color:#fff!important;background:#fd3301!important;border-color:#fd3301!important;box-shadow:inset 0 1px 0 #ffffff18} body.mtd-authenticated .mtd-overview-action.is-primary:hover,.mtb-platform .mtb-primary:hover{background:#fd3301!important;color:#fff!important;filter:brightness(1.08)} .mtb-platform .mtb-primary svg{stroke:#fff!important;color:#fff!important} .mtb-platform .mtb-button.mtb-danger{color:#ff9b8b} .mtb-platform .mtb-icon-button{background:#222325;border-color:var(--mtu-border);color:#d7d7df} .mtb-platform .mtb-badge{border:1px solid #ffffff06;border-radius:6px;font-size:10px} .mtb-platform .mtb-notice{background:#fd330109;border:1px solid #fd33012b;padding:17px 20px;border-radius:12px} .mtb-platform .mtb-tabs{gap:5px;border-color:var(--mtu-border);padding-bottom:12px} .mtb-platform .mtb-tabs .mtb-button{min-height:38px;border-color:transparent!important;background:transparent!important;box-shadow:none} .mtb-platform .mtb-tabs .mtb-button.is-active{background:#303134!important;border-color:#ffffff0d!important;color:#fff} /* Training and feed cards retain the app's layout and achievement artwork. */ body.mtd-authenticated .mtd-workout-card,.mtb-platform .mtb-template-card{transition:border-color .15s,background-color .15s} body.mtd-authenticated .mtd-workout-card:hover,.mtb-platform .mtb-template-card:hover{border-color:var(--mtu-border-hover)!important} body.mtd-authenticated .mtd-workout-card{min-height:132px!important;padding:18px!important} body.mtd-authenticated .mtd-workout-card .mtd-workout-title{font-size:15px!important;line-height:1.4!important;font-weight:550!important} body.mtd-authenticated .mtd-workout-body h3{font-size:15px!important;line-height:1.4!important;font-weight:550!important} .mtb-platform .mtb-template-open{min-height:145px;padding:20px} .mtb-platform .mtb-template-open>svg{color:#c0c0c8;background:#ffffff06;border:1px solid #ffffff08;border-radius:9px;padding:7px;width:34px;height:34px;min-width:34px} .mtb-platform .mtb-template-open h2{font-size:15px;font-weight:550;line-height:1.4} body.mtd-authenticated .mtd-community-card{border-color:var(--mtu-border)!important;overflow:hidden} body.mtd-authenticated .mtd-community-stream{display:grid;gap:18px!important} body.mtd-authenticated .mtd-community-copy h2{font-size:20px!important;line-height:1.4!important;font-weight:600!important} body.mtd-authenticated .mtd-community-author strong{font-size:14px!important;font-weight:550!important} body.mtd-authenticated .mtd-community-exercise strong{font-size:12px!important;line-height:1.5!important} body.mtd-authenticated .mtd-community-exercise span{font-size:11px!important;color:#a1a1aa!important} body.mtd-authenticated .mtd-community-metrics{background:#ffffff03;border-block-color:var(--mtu-border)} body.mtd-authenticated .mtd-community-metric strong{font-size:17px;font-weight:550} body.mtd-authenticated .mtd-community-metric small{font-size:10px;color:#a1a1aa} body.mtd-authenticated .mtd-community-social-action{border-color:var(--mtu-border);border-radius:8px;background:#ffffff03} body.mtd-authenticated .mtd-community-social-action:hover,body.mtd-authenticated .mtd-community-social-action.is-active{background:#fd330112;color:#fff;border-color:#fd33013d} body.mtd-authenticated .mtd-history-card,body.mtd-authenticated .mtd-profile-home{overflow:hidden} body.mtd-authenticated .mtd-history-card-metrics,body.mtd-authenticated .mtd-profile-home-stats{background:#ffffff03} body.mtd-authenticated .mtd-profile-home-stats strong{font-weight:550} .mtb-platform .mtb-person-row,.mtb-platform .mtb-session-row{padding-block:16px} .mtb-platform .mtb-person-copy strong{font-weight:550} .mtb-platform .mtb-shortcut{border-color:var(--mtu-border);padding-block:16px} .mtb-platform .mtb-shortcut>svg:first-child{background:#ffffff05;border:1px solid #ffffff07;width:36px;height:36px;min-width:36px;padding:8px;border-radius:10px;color:#d2d2d9} .mtb-platform .mtb-dialog{background:linear-gradient(145deg,#242527,#1c1d1f);border-color:#ffffff22;box-shadow:0 28px 100px #0009} .mtb-platform .mtb-dialog::backdrop{background:#08090bbd} .mtb-platform .mtb-editor-footer{position:static;background:#191a1c;border-color:var(--mtu-border)} .mtb-platform .mtb-exercise-fields input{background:#131416!important} .mtb-platform .mtb-empty{background:linear-gradient(145deg,#202123,#1b1c1e);padding:38px 22px} .mtb-platform .mtb-auth-card{background:linear-gradient(140deg,#242527,#1a1b1d);border-color:var(--mtu-border);box-shadow:0 20px 80px #0002} .mtb-platform .mtb-stat:has(.mtb-stat-foot){padding-bottom:0!important;gap:15px} .mtb-platform .mtb-stat-foot{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:10px;margin:3px -21px 0;padding:11px 20px;background:#ffffff04;border-top:1px solid #ffffff08;font-size:10px;line-height:1.4;color:#b9b9c2;text-align:left} .mtb-platform .mtb-stat-foot svg{width:13px;height:13px;min-width:13px;color:inherit} .mtb-platform .mtb-stat:first-child .mtb-stat-foot{color:#fff;background:#ffffff12;border-top-color:#ffffff18} .mtb-platform .mtb-overview-analytics{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:20px;margin-bottom:22px} .mtb-platform .mtb-overview-analytics>.mtb-card{margin:0} .mtb-platform .mtb-capacity{display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:200px} .mtb-platform .mtb-capacity-value{font-size:clamp(28px,3vw,44px);font-weight:550;line-height:1.15;letter-spacing:-.05em} .mtb-platform .mtb-capacity-track{height:12px;overflow:hidden;border-radius:5px;border:1px solid #ffffff07;background:#ffffff07} .mtb-platform .mtb-capacity-fill{display:block;min-width:0;max-width:100%;height:100%;border-radius:4px;background:linear-gradient(90deg,#fd3301,#fd3301b3);box-shadow:inset 0 1px 0 #ffffff2b} .mtb-platform .mtb-capacity p{font-size:12px;line-height:1.6} .mtb-platform .mtb-access-gate{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:30px 60px;max-width:1100px;margin:clamp(20px,8vh,90px) auto 0} .mtb-platform .mtb-access-hero{padding:8px 0;min-width:0} .mtb-platform .mtb-access-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;letter-spacing:.12em;color:#b2b2b8;margin-bottom:25px} .mtb-platform .mtb-access-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#fd3301;box-shadow:0 0 15px #fd330140} .mtb-platform .mtb-access-hero h1{font-size:clamp(36px,3.9vw,58px)!important;font-weight:600!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:0!important;overflow-wrap:normal} .mtb-platform .mtb-access-hero h1>span{display:block} .mtb-platform .mtb-access-accent{color:#fd3301} .mtb-platform .mtb-access-intro{font-size:15px!important;color:#b4b4bc!important;line-height:1.7!important;margin:22px 0 0!important;max-width:34ch} .mtb-platform .mtb-access-benefits{display:grid;gap:24px;list-style:none;margin:40px 0 0!important;padding:0!important} .mtb-platform .mtb-access-benefits li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0} .mtb-platform .mtb-access-benefits li:before{display:none} .mtb-platform .mtb-access-feature-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff03;color:#d2d2d7} .mtb-platform .mtb-access-feature-icon svg{width:19px;height:19px} .mtb-platform .mtb-access-benefits strong{display:block;font-size:14px;font-weight:550;line-height:1.35;margin:0 0 5px} .mtb-platform .mtb-access-benefits p{margin:0!important;max-width:36ch;font-size:12px!important;line-height:1.5!important;color:#94949f!important} .mtb-platform .mtb-access-plan{width:100%;margin:0;padding:30px!important;position:relative;overflow:hidden;border:1px solid #ffffff1a!important;border-top-color:#fd33015e!important;border-radius:19px!important;background:radial-gradient(ellipse at 100% 0,#fd330114,transparent 50%),linear-gradient(145deg,#252628,#1a1b1d 70%)!important;box-shadow:0 24px 65px #00000025!important} .mtb-platform .mtb-access-plan:before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,#fd3301,transparent)} .mtb-platform .mtb-access-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:29px} .mtb-platform .mtb-access-plan-label{font-size:15px;font-weight:600;color:#f5f5f5} .mtb-platform .mtb-access-plan .mtb-badge{font-size:10px;padding:5px 10px;border:1px solid #ffffff16;background:#ffffff04;color:#b9b9bf} .mtb-platform .mtb-access-price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap} .mtb-platform .mtb-access-plan .mtb-plan-price{font-size:clamp(36px,3.1vw,45px);font-weight:600;line-height:1.12;letter-spacing:-.04em;padding:0;color:#fff;font-variant-numeric:tabular-nums} .mtb-platform .mtb-access-price>span{color:#a0a0a9;font-size:12px} .mtb-platform .mtb-access-price-note{margin:12px 0 28px!important;font-size:12px!important;color:#96969f!important;line-height:1.5!important} .mtb-platform .mtb-access-plan .mtb-form{gap:17px} .mtb-platform .mtb-access-gate :is(button,input,select,textarea){font-family:InterVariable,Inter,Arial,Helvetica,sans-serif!important} .mtb-platform .mtb-access-plan .mtb-field{font-size:11px;gap:8px;color:#b4b4bc} .mtb-platform .mtb-access-plan .mtb-field :is(input,select){height:44px;min-height:44px;border-radius:9px!important;background-color:#121315!important;font-size:13px!important} .mtb-platform .mtb-access-plan .mtb-form>.mtb-button{width:100%;justify-self:stretch;min-height:47px;margin-top:7px;font-size:13px!important;border-radius:9px!important} .mtb-platform .mtb-access-plan .mtb-form>.mtb-button:disabled{background:#303135!important;border-color:#414247!important;color:#b4b4bc!important;opacity:1;cursor:not-allowed;box-shadow:none} .mtb-platform .mtb-access-disclosure{margin-top:19px;padding-top:18px;border-top:1px solid #ffffff0b;text-align:center} .mtb-platform .mtb-access-disclosure p{font-size:11px!important;line-height:1.6!important;color:#aaaab3!important;margin:0 0 8px!important} .mtb-platform .mtb-access-disclosure small{display:block;font-size:10px!important;line-height:1.6!important;color:#797984!important} .mtb-platform .mtb-access-footer{grid-column:1/-1;justify-content:flex-start;gap:14px;margin:0} .mtb-platform .mtb-access-footer>.mtb-button{font-size:11px!important;background:transparent!important;border-color:transparent!important;color:#9898a2!important;padding:8px 0!important;min-height:36px} .mtb-platform .mtb-access-footer>.mtb-button:hover{color:#fff!important} .mtb-platform .mtb-access-gate>.mtb-page-heading{margin:0} .mtb-platform .mtb-access-gate[data-access-state=denied],.mtb-platform .mtb-access-gate[data-access-state=awaiting_owner]{max-width:850px} body.mtd-authenticated .mt-consumer-plan{min-width:0;padding:22px;background:linear-gradient(145deg,#202123,#1b1c1e);border:1px solid var(--mtu-border);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff03} body.mtd-authenticated .mt-consumer-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px} body.mtd-authenticated .mt-consumer-plan-heading h2{margin:0;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.025em;color:#f6f6f6} body.mtd-authenticated .mt-consumer-plan-status{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:1px solid #ffffff0a;border-radius:6px;background:#ffffff06;color:#dddde3;font-size:10px;line-height:1.4;white-space:normal} body.mtd-authenticated .mt-consumer-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0} body.mtd-authenticated .mt-consumer-plan-facts>div{min-width:0} body.mtd-authenticated .mt-consumer-plan-facts dt{margin:0 0 6px;color:#a1a1aa;font-size:11px;line-height:1.5;font-weight:400} body.mtd-authenticated .mt-consumer-plan-facts dd{margin:0;color:#eeeeef;font-size:14px;line-height:1.5;overflow-wrap:anywhere} body.mtd-authenticated .mt-consumer-plan-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px} body.mtd-authenticated .mt-consumer-plan-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;color:#f5f5f5;background:#ffffff03;border:1px solid #ffffff19;border-radius:9px;font-size:12px;line-height:1.4;text-decoration:none} body.mtd-authenticated .mt-consumer-plan-actions :is(a,button):hover{color:#fff;border-color:#ffffff32;background:#ffffff07} body.mtd-authenticated .mt-consumer-plan-note{margin:17px 0 0;color:#a1a1aa;font-size:12px;line-height:1.65;max-width:780px} @media(min-width:901px){ body.mtd-authenticated.mtd-sidebar-collapsed .mt-unified-mode-switcher{margin-top:53px;padding:8px 0 12px} body.mtd-authenticated.mtd-sidebar-collapsed .mt-unified-mode-switcher label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} body.mtd-authenticated.mtd-sidebar-collapsed .mt-unified-mode-switcher select{font-size:0!important;padding:0!important;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23dedee4' stroke-width='1.5'%3E%3Crect x='3' y='3' width='14' height='14' rx='3'/%3E%3Cpath d='M3 8h14M8 8v9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-nav{padding-top:12px!important} .mtb-platform .mtb-overview-grid{grid-template-columns:1.15fr 1fr} } @media(max-width:1180px){body.mtd-authenticated .mtd-overview-metrics{gap:14px}} @media(max-width:900px){ body.mtd-authenticated .mtd-main,.mtb-platform .mtb-main{padding:25px 22px 36px!important} body.mtd-authenticated .mtd-mobilebar,.mtb-platform .mtb-mobilebar{background:#151617!important;backdrop-filter:none!important;border-color:var(--mtu-border)!important} body.mtd-authenticated .mtd-mobilebar img{width:158px} .mtb-platform .mtb-overview-grid{grid-template-columns:1fr} .mtb-platform .mtb-overview-analytics{grid-template-columns:1fr} .mtb-platform .mtb-access-gate{gap:25px;grid-template-columns:minmax(0,1fr) minmax(285px,1fr);margin-top:25px} .mtb-platform .mtb-access-hero h1{font-size:38px!important} .mtb-platform .mtb-access-plan{padding:24px!important} .mt-unified-mode-switcher{margin-top:8px} } @media(max-width:640px){ body.mtd-authenticated .mtd-main,.mtb-platform .mtb-main{padding:22px 16px 32px!important} body.mtd-authenticated .mtd-overview-welcome h2,.mtb-platform .mtb-page-heading h1{font-size:27px!important} body.mtd-authenticated .mtd-view-content{gap:16px} body.mtd-authenticated .mtd-overview-metrics,.mtb-platform .mtb-stats{gap:10px} body.mtd-authenticated .mtd-overview-metric,.mtb-platform .mtb-stat{min-height:133px!important;padding:15px!important;gap:13px} body.mtd-authenticated .mtd-overview-metric>strong,.mtb-platform .mtb-stat>strong{font-size:26px!important} body.mtd-authenticated .mtd-overview-metric-top{font-size:10px;letter-spacing:0} body.mtd-authenticated .mtd-overview-metric-top i{width:24px;height:24px} body.mtd-authenticated .mtd-overview-metric>small{font-size:10px} .mtb-platform .mtb-stat>svg{right:13px;top:17px} body.mtd-authenticated .mtd-overview-panel,.mtb-platform .mtb-card{padding:17px!important} body.mtd-authenticated .mtd-overview-analytics,body.mtd-authenticated .mtd-overview-bottom,.mtb-platform .mtb-overview-grid{gap:16px} body.mtd-authenticated .mtd-overview-actions{gap:8px;flex-wrap:wrap} body.mtd-authenticated .mtd-overview-panel .mtd-section-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:8px 12px!important;text-align:left!important} body.mtd-authenticated .mtd-overview-panel .mtd-section-heading h2{text-align:left!important} body.mtd-authenticated .mtd-overview-panel .mtd-section-heading .mtd-panel-link{margin-left:auto!important} body.mtd-authenticated .mtd-overview-consistency-facts span{font-size:10px;letter-spacing:.04em} body.mtd-authenticated .mtd-overview-action{padding:10px 12px;font-size:12px;min-height:42px!important} body.mtd-authenticated .mtd-workout-card{padding:15px!important;min-height:122px!important} .mtb-platform .mtb-template-open{padding:16px} .mtb-platform .mtb-person-row,.mtb-platform .mtb-session-row{padding-block:14px} .mtb-platform .mtb-card-heading{gap:10px;flex-wrap:wrap} .mtb-platform .mtb-card-heading>.mtb-actions{max-width:100%} .mtb-platform .mtb-tabs{overflow-x:auto;scrollbar-width:thin;max-width:100%} .mtb-platform .mtb-stat-foot{margin-inline:-15px;padding:10px 14px;font-size:9px} .mtb-platform .mtb-overview-analytics{gap:16px;margin-bottom:18px} .mtb-platform .mtb-capacity{min-height:150px;gap:18px} .mtb-platform .mtb-access-gate{grid-template-columns:minmax(0,1fr);gap:28px;margin:6px auto 0;max-width:430px} .mtb-platform .mtb-access-eyebrow{margin-bottom:18px;font-size:9px} .mtb-platform .mtb-access-hero h1{font-size:38px!important} .mtb-platform .mtb-access-intro{margin-top:16px!important;font-size:13px!important;max-width:none} .mtb-platform .mtb-access-benefits{gap:17px;margin-top:25px!important} .mtb-platform .mtb-access-benefits strong{font-size:13px} .mtb-platform .mtb-access-benefits p{font-size:11px!important} .mtb-platform .mtb-access-plan{padding:24px!important} .mtb-platform .mtb-access-plan .mtb-plan-price{font-size:36px} .mtb-platform .mtb-access-plan-heading{margin-bottom:23px} .mtb-platform .mtb-access-footer{margin-top:-12px} body.mtd-authenticated .mt-consumer-plan{padding:18px} body.mtd-authenticated .mt-consumer-plan-facts{grid-template-columns:1fr;gap:15px} body.mtd-authenticated .mt-consumer-plan-facts>div{padding-bottom:13px;border-bottom:1px solid #ffffff08} body.mtd-authenticated .mt-consumer-plan-facts>div:last-child{padding-bottom:0;border:0} } /* 1.2.8: hierarchy, breathing room and app-parity interactions */ body.mtd-authenticated .mtd-view-content>.mtd-section-heading{min-height:56px!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;margin:0 0 24px!important} body.mtd-authenticated .mtd-view-content>.mtd-section-heading>h2{font-size:clamp(24px,2vw,32px)!important;font-weight:720!important;line-height:1.05!important;letter-spacing:-.045em!important} body.mtd-authenticated .mtd-view-content>.mtd-section-heading>span{font-size:13px!important;color:#85858d!important} body.mtd-authenticated .mtd-back-link{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;margin:0 0 18px;padding:0 10px 0 4px;border-radius:10px;color:#b9b9bf!important;font-size:14px!important;font-weight:650!important;text-decoration:none} body.mtd-authenticated .mtd-back-link:hover{background:#151517;color:#fff!important} body.mtd-authenticated .mtd-back-link .mtd-app-icon{width:20px;height:20px;color:#fd3301} body.mtd-authenticated .mtd-workout-card{position:relative;display:block!important;min-height:104px!important;padding:0!important;overflow:visible!important;background:linear-gradient(145deg,#171719,#101012)!important} body.mtd-authenticated .mtd-workout-card-link{display:block;min-height:104px;padding:18px 52px 18px 18px;color:inherit;text-decoration:none} body.mtd-authenticated .mtd-workout-card-link:hover{color:inherit} body.mtd-authenticated .mtd-workout-body{display:grid!important;align-content:end!important;min-height:68px!important;width:100%;padding:0!important} body.mtd-authenticated .mtd-workout-body h3{margin:0!important;font-size:16px!important;font-weight:680!important;line-height:1.28!important} body.mtd-authenticated .mtd-workout-card-menu{position:absolute;z-index:3;top:12px;right:12px;display:grid!important;place-items:center;width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;background:transparent!important;color:#8b8b92!important} body.mtd-authenticated .mtd-workout-card-menu:hover,body.mtd-authenticated .mtd-workout-card-menu[aria-expanded=true]{background:#242428!important;color:#fff!important} body.mtd-authenticated .mtd-workout-card-menu .mtd-app-icon{width:20px;height:20px} body.mtd-authenticated .mtd-workout-card-popover{position:absolute;z-index:20;top:54px;right:12px;display:grid;width:180px;padding:6px;border-radius:14px;background:#242428;box-shadow:0 20px 54px #000c} body.mtd-authenticated .mtd-workout-card-popover[hidden]{display:none} body.mtd-authenticated .mtd-workout-card-popover :is(a,button){display:flex;align-items:center;min-height:42px;padding:0 12px!important;border-radius:9px!important;background:transparent!important;color:#f0f0f2!important;font-size:13px;font-weight:620;text-align:left;text-decoration:none} body.mtd-authenticated .mtd-workout-card-popover :is(a,button):hover{background:#303035!important} body.mtd-authenticated .mtd-workout-card-popover .is-danger{color:#ff795a!important} body.mtd-authenticated .mtd-workout-editor{gap:24px!important;padding:28px!important;background:linear-gradient(145deg,#141416,#0d0d0f)!important} body.mtd-authenticated .mtd-workout-editor-toolbar{min-height:72px!important;padding:0 0 22px!important} body.mtd-authenticated .mtd-workout-editor-toolbar h2{font-size:26px!important;font-weight:700!important} body.mtd-authenticated .mtd-workout-editor-actions{gap:10px!important} body.mtd-authenticated .mtd-workout-editor-actions button{min-height:46px!important;padding-inline:18px!important;border-radius:12px!important;font-size:13px!important} body.mtd-authenticated .mtd-workout-editor-days{gap:24px!important} body.mtd-authenticated .mtd-editor-day{padding:24px!important;background:#171719!important;border-radius:18px!important} body.mtd-authenticated .mtd-editor-day-header{gap:18px!important;padding:0 0 18px!important;border-bottom:1px solid #2a2a2f!important} body.mtd-authenticated .mtd-editor-day-header>input{height:46px!important;padding:0 14px!important;border-radius:11px!important;background:#1d1d21!important;font-size:15px!important} body.mtd-authenticated .mtd-editor-exercise{gap:18px!important;padding:24px 0!important;border-bottom:1px solid #2a2a2f!important} body.mtd-authenticated .mtd-editor-exercise-main{grid-template-columns:72px minmax(180px,1fr) auto!important;gap:16px!important} body.mtd-authenticated .mtd-editor-exercise-main .mtd-detail-exercise-media{width:72px!important;height:72px!important;border-radius:50%!important;overflow:hidden;background:#fff!important} body.mtd-authenticated .mtd-editor-exercise-main .mtd-detail-exercise-media img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.12)} body.mtd-authenticated .mtd-editor-exercise-name{gap:6px!important} body.mtd-authenticated .mtd-editor-exercise-name :is(strong,a){font-size:16px!important;line-height:1.3!important} body.mtd-authenticated .mtd-editor-exercise-name small{font-size:12px!important;color:#85858d!important} body.mtd-authenticated .mtd-editor-row-actions{gap:8px!important} body.mtd-authenticated .mtd-editor-row-actions button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:42px!important;height:42px!important;padding:0 12px!important;border-radius:11px!important;background:#232327!important;color:#d8d8dc!important;font-size:13px!important;font-weight:650!important} body.mtd-authenticated .mtd-editor-row-actions button:hover:not(:disabled){background:#303035!important;color:#fff!important} body.mtd-authenticated .mtd-editor-row-actions .is-danger{background:#26130f!important;color:#ff795a!important} body.mtd-authenticated .mtd-editor-row-actions .mtd-app-icon{width:18px;height:18px} body.mtd-authenticated .mtd-editor-replace{min-width:118px!important} body.mtd-authenticated .mtd-editor-prescription{grid-template-columns:110px minmax(190px,.8fr) repeat(2,minmax(130px,.55fr))!important;gap:12px!important;padding-left:88px!important} body.mtd-authenticated .mtd-editor-prescription label{gap:7px!important;font-size:10px!important;letter-spacing:.04em} body.mtd-authenticated .mtd-editor-prescription :is(input,select){height:46px!important;padding-inline:13px!important;border-radius:11px!important;font-size:13px!important} body.mtd-authenticated .mtd-editor-add{min-height:46px!important;margin-top:18px!important;border-radius:12px!important;font-size:13px!important} body.mtd-authenticated .mtd-profile-achievements{padding:18px 22px!important} body.mtd-authenticated .mtd-profile-achievements>.mtd-section-heading{min-height:34px!important;margin-bottom:10px!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-gallery{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-card{min-height:116px!important;padding:10px!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-media{height:68px!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-copy strong{font-size:11px!important} body.mtd-authenticated .mtd-achievement-card{position:relative;width:100%;text-align:left;cursor:pointer} body.mtd-authenticated .mtd-achievement-detail{display:block;margin-top:9px;padding-top:9px;border-top:1px solid #2a2a2f;color:#aaaab1;font-size:11px;line-height:1.5} body.mtd-authenticated .mtd-achievement-detail[hidden]{display:none} body.mtd-authenticated .mtd-profile-workout-grid{display:grid!important;width:min(100%,820px)!important;grid-template-columns:1fr!important;gap:18px!important;margin-inline:auto} body.mtd-authenticated .mtd-profile-home-name,body.mtd-authenticated .mtd-app-workout-author-name{display:flex;align-items:center;gap:8px;min-width:0} body.mtd-authenticated .mtd-profile-badges{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto} body.mtd-authenticated .mtd-profile-badge{display:inline-grid;place-items:center;height:20px;min-width:20px;padding:0 6px;border-radius:7px;font-size:9px;font-weight:850;line-height:1} body.mtd-authenticated .mtd-profile-badge--pro{background:linear-gradient(135deg,#ff4a18,#fd3301);color:#fff} body.mtd-authenticated .mtd-profile-badge--verified{padding:0;background:#fd3301;color:#fff;border-radius:50%} body.mtd-authenticated .mtd-profile-badge--verified .mtd-app-icon{width:12px;height:12px} body.mtd-authenticated .mtd-progress-vertical-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));align-items:end;gap:12px;min-height:330px;padding:28px 20px 16px;overflow-x:auto;background:linear-gradient(180deg,#151518,#0d0d0f);border-radius:16px} body.mtd-authenticated .mtd-progress-vertical-column{display:grid;height:260px;grid-template-rows:auto 1fr auto;align-items:end;gap:10px;min-width:50px;text-align:center} body.mtd-authenticated .mtd-progress-vertical-column strong{color:#d8d8dc;font-size:10px;white-space:nowrap} body.mtd-authenticated .mtd-progress-vertical-column>span{display:block;width:min(44px,74%);min-height:5px;margin-inline:auto;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,#ff633f,#fd3301 66%,#aa2300);box-shadow:0 0 26px #fd330122} body.mtd-authenticated .mtd-progress-vertical-column small{color:#74747c;font-size:9px;white-space:nowrap} body.mtd-authenticated .mtd-progress-exercise-row,body.mtd-authenticated .mtd-progress-muscle-row{display:grid;grid-template-columns:64px minmax(190px,1fr) minmax(220px,2fr) 22px;align-items:center;gap:16px;min-height:92px;padding:12px 4px;border-bottom:1px solid #252529;color:inherit;text-decoration:none} body.mtd-authenticated .mtd-progress-muscle-row{grid-template-columns:64px minmax(190px,1fr) minmax(220px,2fr)} body.mtd-authenticated :is(.mtd-progress-exercise-media,.mtd-progress-muscle-media){display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff} body.mtd-authenticated :is(.mtd-progress-exercise-media,.mtd-progress-muscle-media) img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)} body.mtd-authenticated .mtd-progress-exercise-copy{display:grid;gap:5px;min-width:0} body.mtd-authenticated .mtd-progress-exercise-copy strong{color:#f1f1f3;font-size:15px;line-height:1.3} body.mtd-authenticated .mtd-progress-exercise-copy small{color:#85858d;font-size:11px} body.mtd-authenticated .mtd-progress-exercise-track{height:7px;border-radius:99px;background:#28282d;overflow:hidden} body.mtd-authenticated .mtd-progress-exercise-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fd3301,#ff643f)} body.mtd-authenticated .mtd-progress-exercise-row>.mtd-app-icon{width:20px;height:20px;color:#6f6f76} body.mtd-authenticated .mtd-progress-exercise-row:hover strong{color:#fd3301} body.mtd-authenticated .mtd-view-content.is-updating{opacity:.64;pointer-events:none;transition:opacity .16s} body.mtd-authenticated .mtd-exercise-grid .mtd-exercise-card{background:none!important} body.mtd-authenticated .mtd-exercise-grid .mtd-exercise-card:hover{background:none!important} body.mtd-authenticated .mtd-exercise-grid .mtd-exercise-card:not(:nth-last-child(-n+2)){border-bottom:1px solid #222226!important} body.mtd-authenticated .mtd-exercise-detail-copy{gap:18px!important;padding:clamp(42px,5vw,72px)!important} body.mtd-authenticated .mtd-exercise-detail-copy>span{font-size:11px!important} body.mtd-authenticated .mtd-exercise-detail-copy h2{font-size:clamp(42px,4.8vw,72px)!important;line-height:.98!important} body.mtd-authenticated .mtd-exercise-detail-copy>p{max-width:760px!important;font-size:16px!important;line-height:1.65!important} body.mtd-authenticated .mtd-exercise-facts{gap:10px!important;margin-top:10px!important} body.mtd-authenticated .mtd-exercise-facts>div{min-width:138px!important;min-height:74px!important;gap:7px!important;padding:14px 16px!important;border-radius:13px!important} body.mtd-authenticated .mtd-exercise-facts span{font-size:9px!important} body.mtd-authenticated .mtd-exercise-facts strong{font-size:14px!important} body.mtd-authenticated .mtd-exercise-guidance{gap:18px!important} body.mtd-authenticated .mtd-exercise-guidance>.mtd-panel{padding:26px!important;background:linear-gradient(145deg,#151517,#0e0e10)!important} body.mtd-authenticated .mtd-exercise-guidance .mtd-section-heading h2{font-size:22px!important} body.mtd-authenticated .mtd-guidance-row{min-height:74px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:14px!important;padding:18px 0!important} body.mtd-authenticated .mtd-guidance-row>span{width:28px!important;height:28px!important;font-size:10px!important} body.mtd-authenticated .mtd-guidance-row p{font-size:14px!important;line-height:1.62!important} body.mtd-authenticated .mtd-consumer-plan-host:empty{display:none} @media(max-width:980px){ body.mtd-authenticated .mtd-editor-prescription{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:88px!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important} body.mtd-authenticated .mtd-progress-exercise-row,body.mtd-authenticated .mtd-progress-muscle-row{grid-template-columns:58px minmax(150px,1fr) minmax(140px,1.5fr) 20px} body.mtd-authenticated .mtd-progress-muscle-row{grid-template-columns:58px minmax(150px,1fr) minmax(140px,1.5fr)} } @media(max-width:680px){ body.mtd-authenticated .mtd-view-content>.mtd-section-heading{min-height:auto!important;align-items:flex-start!important;gap:5px!important;margin-bottom:18px!important} body.mtd-authenticated .mtd-view-content>.mtd-section-heading>h2{font-size:25px!important} body.mtd-authenticated .mtd-workout-editor{gap:18px!important;padding:17px!important} body.mtd-authenticated .mtd-editor-day{padding:16px!important} body.mtd-authenticated .mtd-editor-exercise{padding:20px 0!important} body.mtd-authenticated .mtd-editor-exercise-main{grid-template-columns:62px minmax(0,1fr)!important} body.mtd-authenticated .mtd-editor-exercise-main .mtd-detail-exercise-media{width:62px!important;height:62px!important} body.mtd-authenticated .mtd-editor-exercise-main>.mtd-editor-row-actions{grid-column:1/-1!important;justify-content:flex-start!important} body.mtd-authenticated .mtd-editor-prescription{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:0!important} body.mtd-authenticated .mtd-profile-achievements .mtd-achievement-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.mtd-authenticated .mtd-progress-vertical-chart{grid-template-columns:repeat(8,62px);min-height:280px;overflow-x:auto} body.mtd-authenticated .mtd-progress-exercise-row,body.mtd-authenticated .mtd-progress-muscle-row{grid-template-columns:58px minmax(0,1fr) 18px;gap:12px;min-height:82px} body.mtd-authenticated .mtd-progress-muscle-row{grid-template-columns:58px minmax(0,1fr)} body.mtd-authenticated :is(.mtd-progress-exercise-media,.mtd-progress-muscle-media){width:58px;height:58px} body.mtd-authenticated .mtd-progress-exercise-track{grid-column:2/-1;width:100%} body.mtd-authenticated .mtd-exercise-grid .mtd-exercise-card:not(:last-child){border-bottom:1px solid #222226!important} body.mtd-authenticated .mtd-exercise-detail-copy{padding:28px 20px!important} body.mtd-authenticated .mtd-exercise-detail-copy h2{font-size:38px!important} body.mtd-authenticated .mtd-exercise-detail-copy>p{font-size:15px!important} } @media(max-width:360px){ body.mtd-authenticated .mtd-main,.mtb-platform .mtb-main{padding-inline:13px!important} body.mtd-authenticated .mtd-overview-metric,.mtb-platform .mtb-stat{padding:13px!important} body.mtd-authenticated .mtd-overview-metric>strong,.mtb-platform .mtb-stat>strong{font-size:24px!important} body.mtd-authenticated .mtd-overview-metric-top i{display:none} .mtb-platform .mtb-stat>span{padding-right:20px} .mtb-platform .mtb-stat-foot{margin-inline:-13px} .mtb-platform .mtb-access-hero h1{font-size:33px!important} .mtb-platform .mtb-access-plan{padding:20px!important} .mtb-platform .mtb-access-plan .mtb-plan-price{font-size:33px} } @media(prefers-reduced-motion:reduce){body.mtd-authenticated *,body.mtb-platform *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Shared sidebar shell. Views differ; geometry and interactions do not. */ @font-face{font-family:InterVariable;src:url('/wp-content/themes/mtblack/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap} body.mtd-authenticated .mtd-sidebar,body.mtb-platform .mtb-sidebar{width:248px!important;min-width:248px!important;height:100dvh!important;padding:16px 14px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-right:1px solid var(--mtu-border)!important;transition:width .22s ease,min-width .22s ease,transform .22s ease} body.mtd-authenticated .mtd-sidebar-brand,body.mtb-platform .mtb-sidebar-brand{position:relative;display:flex;align-items:center;flex-shrink:0;min-height:52px;padding:0 4px 8px!important;border:0} body.mtd-authenticated .mtd-sidebar-brand>a,body.mtb-platform .mtb-sidebar-brand>a{display:flex;align-items:center;min-width:0;padding:0;margin:0} body.mtd-authenticated .mtd-sidebar-wordmark,body.mtb-platform .mtb-sidebar-wordmark{display:block!important;width:158px!important;max-width:158px!important;height:auto!important;object-fit:contain} body.mtd-authenticated .mtd-sidebar-app-logo,body.mtb-platform .mtb-sidebar-app-logo{display:none!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;flex:0 0 40px;object-fit:contain} body.mtd-authenticated [data-sidebar-collapse],body.mtb-platform .mtb-sidebar-collapse{display:grid!important;place-items:center;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0 0 0 auto!important;padding:0!important;border:1px solid var(--mtu-border)!important;border-radius:9px!important;background:transparent!important;color:#a1a1aa!important;box-shadow:none!important} body.mtb-platform .mtb-sidebar-collapse:hover{background:#ffffff08!important;color:#fff!important} body.mtd-authenticated [data-sidebar-collapse] svg,body.mtb-platform .mtb-sidebar-collapse svg{width:16px!important;height:16px!important;min-width:16px!important;stroke:currentColor;stroke-width:1.7;fill:none} body.mtb-platform .mtb-sidebar-close{display:none!important} body.mtd-authenticated .mtd-nav,body.mtb-platform .mtb-sidebar nav{display:flex!important;flex-direction:column!important;flex:1;gap:5px!important;min-height:0;overflow:auto;padding:17px 0 12px!important;margin:0;scrollbar-width:thin;scrollbar-color:#3d3e43 transparent} body.mtd-authenticated .mtd-nav>p{display:none!important} body.mtd-authenticated .mtd-nav>a,body.mtb-platform .mtb-nav-item{display:flex!important;align-items:center!important;justify-content:flex-start;flex-shrink:0;gap:12px!important;width:100%;min-height:43px!important;height:43px!important;padding:0 12px!important;margin:0;font:500 13px/1 InterVariable,Inter,Arial,Helvetica,sans-serif!important;text-align:left;border:1px solid transparent!important;border-radius:9px!important;white-space:nowrap} body.mtd-authenticated .mtd-nav>a svg,body.mtb-platform .mtb-nav-item svg{width:18px!important;min-width:18px!important;height:18px!important;flex:0 0 18px;stroke-width:1.7;stroke:currentColor;fill:none} body.mtd-authenticated .mtd-nav>a.is-active,body.mtb-platform .mtb-nav-item.is-active{background:linear-gradient(115deg,#363638,#292a2c)!important;border-color:#ffffff12!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff08,0 3px 8px #00000012!important} body.mtb-platform .mtb-workspace{flex-shrink:0;padding:13px 3px 10px;margin:0;border:0;border-bottom:1px solid var(--mtu-border)} body.mtd-authenticated .mtd-sidebar-footer,body.mtb-platform .mtb-sidebar-bottom{display:grid!important;gap:7px;flex-shrink:0;margin-top:0;padding:12px 0 0!important;border-top:1px solid var(--mtu-border)!important} body.mtd-authenticated .mtd-user,body.mtb-platform .mtb-user{display:flex!important;align-items:center;gap:10px!important;min-width:0;padding:8px!important;border:1px solid var(--mtu-border)!important;border-radius:10px!important;background:#ffffff03!important} body.mtd-authenticated .mtd-user strong,body.mtb-platform .mtb-user strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff} body.mtd-authenticated .mtd-user small,body.mtb-platform .mtb-user small{display:block;font-size:9px;margin-top:3px;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.mtd-authenticated .mtd-sidebar-footer .mtd-avatar,body.mtb-platform .mtb-user>.mtb-avatar{width:34px!important;min-width:34px!important;height:34px!important;object-fit:cover;border:1px solid #ffffff18;border-radius:50%} body.mtd-authenticated .mtd-logout,body.mtb-platform .mtb-sidebar-link{display:flex!important;align-items:center!important;justify-content:flex-start;gap:11px;min-height:38px;padding:0 11px!important;border-radius:10px;color:#92929b!important;font:500 12px/1.3 InterVariable,Inter,Arial,Helvetica,sans-serif} body.mtb-platform .mtb-sidebar-link:hover{color:#fff!important;background:#ffffff06} body.mtd-authenticated .mtd-logout svg,body.mtb-platform .mtb-sidebar-link svg{width:16px;height:16px;min-width:16px;stroke:currentColor;stroke-width:1.7;fill:none} body.mtb-platform .mtb-main{margin-left:248px} @media(min-width:901px){ body.mtd-authenticated.mtd-sidebar-collapsed .mtd-sidebar,body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar{width:82px!important;min-width:82px!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-workspace,body.mtb-platform.mtd-sidebar-collapsed .mtb-main{margin-left:82px!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-sidebar-brand,body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-brand{justify-content:center;padding-inline:0!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-sidebar-brand>a,body.mtb-platform.mtd-sidebar-collapsed .mtb-brand{width:44px;justify-content:center} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-sidebar-wordmark,body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-wordmark{display:none!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-sidebar-app-logo,body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-app-logo{display:block!important} body.mtd-authenticated.mtd-sidebar-collapsed [data-sidebar-collapse],body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-collapse{position:absolute;top:56px;left:9px} body.mtd-authenticated.mtd-sidebar-collapsed [data-sidebar-collapse]{transform:none} body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-collapse{transform:rotate(180deg)} body.mtb-platform.mtd-sidebar-collapsed .mt-unified-mode-switcher{margin-top:53px;padding:8px 0 12px} body.mtb-platform.mtd-sidebar-collapsed .mt-unified-mode-switcher>label,body.mtb-platform.mtd-sidebar-collapsed .mtb-workspace{display:none!important} body.mtb-platform.mtd-sidebar-collapsed .mt-unified-mode-switcher .mt-select-trigger{justify-content:center!important;padding:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23dedee4' stroke-width='1.5'%3E%3Crect x='3' y='3' width='14' height='14' rx='3'/%3E%3Cpath d='M3 8h14M8 8v9'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important} body.mtb-platform.mtd-sidebar-collapsed .mt-unified-mode-switcher .mt-select-label,body.mtb-platform.mtd-sidebar-collapsed .mt-unified-mode-switcher .mt-select-chevron{display:none!important} body.mtb-platform.mtd-sidebar-collapsed .mtb-nav-item{font-size:0!important;justify-content:center!important;padding-inline:0!important;gap:0!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-nav>a{justify-content:center!important;padding-inline:0!important;gap:0!important} body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-link>span,body.mtb-platform.mtd-sidebar-collapsed .mtb-user>div{display:none!important} body.mtd-authenticated.mtd-sidebar-collapsed .mtd-user,body.mtb-platform.mtd-sidebar-collapsed .mtb-user{justify-content:center;padding-inline:0!important;background:transparent!important;border-color:transparent!important} body.mtb-platform.mtd-sidebar-collapsed .mtb-sidebar-link{justify-content:center;padding-inline:0!important} } @media(max-width:900px){ body.mtd-authenticated .mtd-sidebar,body.mtb-platform .mtb-sidebar{width:min(310px,calc(100vw - 42px))!important;min-width:0!important;padding:14px!important;z-index:90} body.mtd-authenticated .mtd-sidebar-brand,body.mtb-platform .mtb-sidebar-brand{padding:0 4px 8px!important} body.mtd-authenticated [data-sidebar-collapse],body.mtb-platform .mtb-sidebar-collapse{display:none!important} body.mtd-authenticated [data-dashboard-menu-close],body.mtb-platform .mtb-sidebar-close{display:grid!important;place-items:center;width:38px!important;min-width:38px;height:38px!important;min-height:38px;margin:0 0 0 auto!important;padding:0!important;border:1px solid var(--mtu-border)!important;border-radius:10px!important;background:transparent!important;color:#fff!important} body.mtd-authenticated [data-dashboard-menu-close] svg,body.mtb-platform .mtb-sidebar-close svg{width:18px;height:18px;min-width:18px;stroke:currentColor;fill:none;stroke-width:1.7} body.mtd-authenticated .mtd-mobilebar,body.mtb-platform .mtb-mobilebar{display:flex!important;position:sticky;top:0;align-items:center;gap:14px;height:62px!important;min-height:62px!important;padding:0 18px!important;background:#151617!important;border-bottom:1px solid var(--mtu-border)!important;backdrop-filter:none!important;z-index:50} body.mtd-authenticated .mtd-mobilebar button,body.mtb-platform .mtb-mobilebar button{display:grid;place-items:center;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;border:1px solid var(--mtu-border)!important;border-radius:10px!important;background:#1b1c1e!important;color:#fff!important} body.mtd-authenticated .mtd-mobilebar svg,body.mtb-platform .mtb-mobilebar svg{width:18px;height:18px;min-width:18px;fill:none;stroke:currentColor;stroke-width:1.7} body.mtd-authenticated .mtd-mobilebar img,body.mtb-platform .mtb-mobilebar img{width:158px!important;height:auto!important} body.mtd-authenticated .mtd-workspace,body.mtb-platform .mtb-main{margin-left:0!important} body.mtd-authenticated .mtd-backdrop,body.mtb-platform .mtb-shade{background:#000a!important;backdrop-filter:none!important;z-index:80} } /* 1.2.6: shared premium black system for consumer, personal and academy. */ body.mtd-authenticated,body.mtb-platform{ --mtu-canvas:#000;--mtu-sidebar:#080809;--mtu-card:#0f0f11;--mtu-raised:#17171a; --mtu-border:transparent;--mtu-border-hover:transparent;--mtu-text:#f7f7f8;--mtu-muted:#99999f; --mtu-panel-gradient:linear-gradient(145deg,#151518 0%,#101012 54%,#0b0b0d 100%); --mtu-panel-gradient-soft:linear-gradient(145deg,#1b1b1f 0%,#151518 54%,#101012 100%); --mtu-panel-gradient-deep:linear-gradient(145deg,#101012 0%,#0b0b0d 58%,#080809 100%); --mtu-panel-gradient-accent:radial-gradient(circle at 84% 12%,rgba(255,150,112,.34),transparent 34%),linear-gradient(140deg,#ff4a18 0%,#fd3301 48%,#c82300 100%); --mtd-bg:#000;--mtd-chrome:#080809;--mtd-sidebar:#080809;--mtd-surface:#0f0f11; --mtd-raised:#17171a;--mtd-surface-raised:#17171a;--mtd-surface-soft:#1d1d21;--mtd-input:#171719; --mtd-line:transparent;--mtd-line-strong:transparent;--mtd-border:transparent;--mtd-border-strong:transparent; --bg:#000;--side:#080809;--surface:#0f0f11;--raised:#17171a;--line:transparent; background:#000!important;color:var(--mtu-text)!important;color-scheme:dark;overflow-x:hidden; } html:has(body.mtd-authenticated),html:has(body.mtb-platform){background:#000!important;overflow-x:hidden;scrollbar-color:#2a2a2e #000} body.mtd-authenticated::-webkit-scrollbar,body.mtd-authenticated *::-webkit-scrollbar,body.mtb-platform::-webkit-scrollbar,body.mtb-platform *::-webkit-scrollbar{width:10px;height:10px} body.mtd-authenticated::-webkit-scrollbar-track,body.mtd-authenticated *::-webkit-scrollbar-track,body.mtb-platform::-webkit-scrollbar-track,body.mtb-platform *::-webkit-scrollbar-track{background:#000} body.mtd-authenticated::-webkit-scrollbar-thumb,body.mtd-authenticated *::-webkit-scrollbar-thumb,body.mtb-platform::-webkit-scrollbar-thumb,body.mtb-platform *::-webkit-scrollbar-thumb{background:#29292d;border:2px solid #000;border-radius:999px} body.mtd-authenticated .mtd-shell :is(div,section,article,aside,header,footer,nav,main,form,fieldset,table,thead,tbody,tfoot,tr,th,td,ul,ol,li,figure,figcaption,details,summary,button,input,select,textarea,a), body.mtb-platform :is(div,section,article,aside,header,footer,nav,main,form,fieldset,table,thead,tbody,tfoot,tr,th,td,ul,ol,li,figure,figcaption,details,summary,button,input,select,textarea,a){border-width:0!important;border-style:none!important;border-color:transparent!important} body.mtd-authenticated :is(.mtd-shell,.mtd-workspace,.mtd-main,.mtd-view-content),body.mtb-platform :is(.mtb-main,#mtb-content){background:#000!important} body.mtd-authenticated :is(.mtd-sidebar,.mtd-mobilebar),body.mtb-platform :is(.mtb-sidebar,.mtb-mobilebar){background:linear-gradient(180deg,#0c0c0e 0%,#080809 62%,#060607 100%)!important;box-shadow:none!important} body.mtd-authenticated .mtd-page-heading{background:#000d!important;border:0!important;box-shadow:none!important} body.mtd-authenticated :is(.mtd-card,.mtd-panel,.mtd-profile-form,.mtd-profile-card,.mtd-photo-composer,.mtd-photo-group,.mtd-measurement-editor,.mtd-workout-editor,.mtd-history-manual-form,.mtd-community-profile,.mtd-session-detail-head,.mtd-workout-detail-head,.mtd-exercise-detail,.mtd-overview-panel), body.mtb-platform :is(.mtb-card,.mtb-template-card,.mtb-dialog,.mtb-empty,.mtb-auth-card,.mtb-access-plan){background:var(--mtu-panel-gradient)!important;border:0!important;box-shadow:0 24px 58px #0000002e!important} body.mtd-authenticated :is(.mtd-stat,.mtd-overview-metric,.mtd-workout-card,.mtd-account-toggle,.mtd-account-upload,.mtd-progress-row,.mtd-progress-table-row,.mtd-measurement-row,.mtd-photo-upload,.mtd-empty,.mtd-workout-day,.mtd-achievement-card,.mtd-profile-home-stat,.mtd-community-notification,.mtd-session-exercise,.mtd-session-facts>div,.mtd-exercise-facts>div), body.mtb-platform :is(.mtb-stat,.mtb-shortcut,.mtb-person-row,.mtb-session-row,.mtb-picker-row,.mtb-workout-row,.mtb-notice){background:var(--mtu-panel-gradient-soft)!important;border:0!important;box-shadow:none!important} body.mtd-authenticated .mtd-overview-metric.is-accent,body.mtb-platform .mtb-stat:first-child{background:var(--mtu-panel-gradient-accent)!important;border:0!important;box-shadow:0 22px 48px #fd330129!important} body.mtd-authenticated .mtd-overview-metric.is-accent :is(.mtd-overview-metric-top,.mtd-overview-metric-top i,strong,small),body.mtb-platform .mtb-stat:first-child>:is(span,strong,svg,small){color:#fff!important} body.mtd-authenticated .mtd-overview-metric.is-accent .mtd-overview-metric-top i{background:#0003!important} body.mtd-authenticated :is(.mtd-nav>a.is-active,.mtd-user,.mtd-page-tool,.mtd-page-profile),body.mtb-platform :is(.mtb-nav-item.is-active,.mtb-user){background:linear-gradient(135deg,#242428 0%,#171719 100%)!important;border:0!important;box-shadow:none!important} body.mtd-authenticated :is(input:not([type=checkbox]):not([type=radio]),select,textarea),body.mtb-platform :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#171719!important;border:0!important;box-shadow:none!important;color:#f5f5f7!important} body.mtd-authenticated :is(input,select,textarea):focus-visible,body.mtb-platform :is(input,select,textarea):focus-visible{outline:2px solid #fd3301!important;outline-offset:2px} body.mtd-authenticated :is(.mtd-overview-action.is-primary,.mtd-inline-action--primary,button.mtd-primary-button),body.mtb-platform .mtb-primary{background:linear-gradient(135deg,#ff4a18 0%,#fd3301 72%)!important;border:0!important;color:#fff!important;box-shadow:0 14px 34px #fd330120!important} body.mtd-authenticated :is(.mtd-overview-action.is-primary,.mtd-inline-action--primary,button.mtd-primary-button):hover,body.mtb-platform .mtb-primary:hover{background:linear-gradient(135deg,#ff5b30 0%,#e92f00 76%)!important;color:#fff!important} body.mtd-authenticated .mtd-view-content:is([data-view=history],[data-view=community]) :is(.mtd-app-workout,.mtd-community-card),body.mtd-authenticated .mtd-community-profile-workout{background:#000!important;border:0!important;box-shadow:0 14px 0 #0b0b0d!important} body.mtd-authenticated :is(.mtd-app-workout-footer,.mtd-community-comments){background:linear-gradient(180deg,#0d0d0f 0%,#09090b 100%)!important;border:0!important} /* App-aligned exercise library: search capsule, visual muscle filter and dense rows. */ body.mtd-authenticated .mtd-view-content[data-view=exercises]>.mtd-section-heading{align-items:center;flex-wrap:wrap;gap:14px} body.mtd-authenticated .mtd-exercise-source-tabs{display:flex;align-items:center;gap:5px;padding:4px;background:#101012!important;border-radius:13px!important} body.mtd-authenticated .mtd-exercise-source-tabs>button{min-height:42px;padding:0 16px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#aaaab0!important} body.mtd-authenticated .mtd-exercise-source-tabs>button.is-active{background:linear-gradient(135deg,#29292e,#1d1d21)!important;color:#fff!important} body.mtd-authenticated .mtd-catalog-search--filtered{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(210px,280px) auto!important;gap:10px!important;align-items:center;margin:0!important;padding:0!important;background:transparent!important} body.mtd-authenticated .mtd-catalog-searchbox{display:flex;align-items:center;gap:10px;height:50px;padding:0 15px;background:#151517;border-radius:13px} body.mtd-authenticated .mtd-catalog-searchbox>.mtd-app-icon{width:20px;height:20px;flex:0 0 20px;color:#717178} body.mtd-authenticated .mtd-catalog-searchbox>input{min-width:0;height:100%!important;padding:0!important;background:transparent!important;font-size:14px!important} body.mtd-authenticated .mtd-muscle-filter-button{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:50px;padding:7px 12px!important;border-radius:13px!important;background:#151517!important;color:#d1d1d5!important;text-align:left} body.mtd-authenticated .mtd-muscle-filter-button:hover,body.mtd-authenticated .mtd-muscle-filter-button.is-active{background:linear-gradient(135deg,#242428,#19191c)!important} body.mtd-authenticated .mtd-muscle-filter-button>img{width:32px;height:32px;border-radius:9px;object-fit:cover;background:#fff} body.mtd-authenticated .mtd-muscle-filter-button>.mtd-app-icon:first-child{width:19px;height:19px;margin-left:6px;color:#98989f} body.mtd-authenticated .mtd-muscle-filter-button>.mtd-app-icon:last-child{width:17px;height:17px;color:#68686f} body.mtd-authenticated .mtd-catalog-search--filtered>button[type=submit]{min-height:50px;padding:0 20px!important;border-radius:13px!important;background:linear-gradient(135deg,#ff4a18,#fd3301)!important;color:#fff!important;font-weight:700} body.mtd-authenticated .mtd-exercise-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 28px!important;padding:4px 2px!important;background:transparent!important} body.mtd-authenticated .mtd-exercise-card{position:relative;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center;gap:16px;min-height:104px;padding:15px 4px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} body.mtd-authenticated .mtd-exercise-card:hover{background:linear-gradient(90deg,#171719,transparent 92%)!important} body.mtd-authenticated .mtd-exercise-media{width:72px;height:72px;border-radius:50%!important;overflow:hidden;background:#fff!important} body.mtd-authenticated .mtd-exercise-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.1)} body.mtd-authenticated .mtd-exercise-card-copy{position:relative;display:grid!important;align-content:center;min-width:0;gap:4px;padding:0 34px 0 0!important} body.mtd-authenticated .mtd-exercise-card-copy>span{order:2;color:#77777e!important;font-size:11px!important;font-weight:550!important;letter-spacing:0!important;text-transform:none!important} body.mtd-authenticated .mtd-exercise-card-copy>h3{order:1;margin:0;color:#d5d5da!important;font-size:15px!important;font-weight:620!important;line-height:1.35!important} body.mtd-authenticated .mtd-exercise-card-chevron{position:absolute;top:50%;right:2px;width:18px;height:18px;color:#67676e;transform:translateY(-50%)} body.mtd-authenticated .mtd-exercise-card-actions{display:flex;order:3;gap:8px;margin-top:7px} body.mtd-authenticated .mtd-exercise-card-actions>button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px!important;border-radius:9px!important;background:#1d1d21!important;color:#c7c7cc!important} body.mtd-authenticated .mtd-exercise-card-actions .mtd-app-icon{width:15px;height:15px} body.mtd-authenticated .mtd-muscle-dialog{width:min(880px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:0!important;border-radius:22px;background:var(--mtu-panel-gradient)!important;color:#fff;box-shadow:0 34px 110px #000c;overflow:hidden} body.mtd-authenticated .mtd-muscle-dialog::backdrop{background:#000c} body.mtd-authenticated .mtd-muscle-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;background:#101012f2} body.mtd-authenticated .mtd-muscle-dialog-head span{color:#fd3301;font-size:9px;font-weight:800;letter-spacing:.14em} body.mtd-authenticated .mtd-muscle-dialog-head h2{margin:5px 0 0;font-size:24px;letter-spacing:-.04em} body.mtd-authenticated .mtd-muscle-dialog-head p{margin:6px 0 0;color:#8f8f96;font-size:12px} body.mtd-authenticated .mtd-muscle-dialog-close{display:grid;place-items:center;width:42px;height:42px;border-radius:50%!important;background:#1c1c20!important;color:#c7c7cc!important} body.mtd-authenticated .mtd-muscle-dialog-close .mtd-app-icon{width:20px;height:20px} body.mtd-authenticated .mtd-muscle-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 26px 28px;overflow:auto} body.mtd-authenticated .mtd-muscle-option{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:68px;padding:8px!important;border-radius:16px!important;background:linear-gradient(145deg,#1b1b1f,#121214)!important;color:#d8d8dc!important;text-align:left} body.mtd-authenticated .mtd-muscle-option:hover,body.mtd-authenticated .mtd-muscle-option.is-active{background:linear-gradient(145deg,#28282d,#18181b)!important} body.mtd-authenticated .mtd-muscle-option.is-active{box-shadow:inset 3px 0 0 #fd3301!important} body.mtd-authenticated .mtd-muscle-option-media{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;overflow:hidden;background:#fff;color:#fd3301} body.mtd-authenticated .mtd-muscle-option-media>img{width:100%;height:100%;object-fit:cover} body.mtd-authenticated .mtd-muscle-option-media>.mtd-app-icon{width:22px;height:22px} body.mtd-authenticated .mtd-muscle-option-check{width:18px;height:18px;color:#fd3301} body.mtd-authenticated .mtd-history-heading-actions{display:flex;align-items:flex-end;gap:10px;margin-left:auto} body.mtd-authenticated .mtd-history-period{display:grid;gap:5px;min-width:190px} body.mtd-authenticated .mtd-history-period>span{color:#77777e;font-size:8px;font-weight:750;letter-spacing:.1em} body.mtd-authenticated .mtd-history-period>select{min-height:42px!important;padding:0 34px 0 12px!important;border-radius:10px!important;background:#171719!important} @media(max-width:900px){ body.mtd-authenticated .mtd-catalog-search--filtered{grid-template-columns:minmax(0,1fr) minmax(190px,240px) auto!important} body.mtd-authenticated .mtd-muscle-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:680px){ body.mtd-authenticated .mtd-catalog-search--filtered{grid-template-columns:1fr auto!important} body.mtd-authenticated .mtd-catalog-searchbox{grid-column:1/-1} body.mtd-authenticated .mtd-muscle-filter-button{min-width:0} body.mtd-authenticated .mtd-muscle-filter-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.mtd-authenticated .mtd-exercise-grid{grid-template-columns:1fr!important;gap:0!important} body.mtd-authenticated .mtd-exercise-card{grid-template-columns:60px minmax(0,1fr)!important;min-height:88px;padding-block:11px!important} body.mtd-authenticated .mtd-exercise-media{width:60px;height:60px} body.mtd-authenticated .mtd-muscle-dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0!important} body.mtd-authenticated .mtd-muscle-dialog-head{padding:20px 17px 16px} body.mtd-authenticated .mtd-muscle-dialog-grid{grid-template-columns:1fr;padding:16px 17px 24px} body.mtd-authenticated .mtd-history-heading-actions{width:100%;align-items:flex-end;margin-left:0} body.mtd-authenticated .mtd-history-period{min-width:0;flex:1} } /* The picker used while creating a workout shares the library language. */ body.mtd-authenticated .mtd-exercise-picker{background:#000d!important;backdrop-filter:none!important} body.mtd-authenticated .mtd-exercise-picker-dialog{width:min(900px,100%)!important;max-height:min(820px,calc(100dvh - 36px));grid-template-rows:auto auto auto minmax(0,1fr)!important;border:0!important;border-radius:22px!important;background:var(--mtu-panel-gradient)!important;box-shadow:0 34px 110px #000c!important} body.mtd-authenticated .mtd-exercise-picker-dialog>header{min-height:72px;padding:0 22px!important;background:#101012e8!important;border:0!important} body.mtd-authenticated .mtd-exercise-picker-dialog h2{font-size:20px!important;font-weight:660!important} body.mtd-authenticated .mtd-exercise-picker-close{display:grid!important;place-items:center;width:42px!important;height:42px!important;border-radius:50%!important;background:#1c1c20!important;color:#c7c7cc!important} body.mtd-authenticated .mtd-exercise-picker-close .mtd-app-icon{width:20px;height:20px} body.mtd-authenticated .mtd-exercise-picker-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:14px 18px 10px!important;background:transparent!important;border:0!important} body.mtd-authenticated .mtd-exercise-picker-searchbox{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:#171719;border-radius:13px} body.mtd-authenticated .mtd-exercise-picker-searchbox>.mtd-app-icon{width:19px;height:19px;color:#6f6f76} body.mtd-authenticated .mtd-exercise-picker-searchbox>input{min-width:0;width:100%;height:100%!important;padding:0!important;background:transparent!important;font-size:14px!important} body.mtd-authenticated .mtd-exercise-picker-search>button{min-height:48px;padding:0 18px!important;border-radius:13px!important;background:linear-gradient(135deg,#ff4a18,#fd3301)!important;color:#fff!important} body.mtd-authenticated .mtd-picker-muscle-strip{display:flex;gap:8px;padding:4px 18px 14px;overflow-x:auto;scrollbar-width:thin} body.mtd-authenticated .mtd-picker-muscle{display:flex;align-items:center;gap:7px;min-width:max-content;min-height:38px;padding:4px 11px 4px 6px!important;border-radius:20px!important;background:#151517!important;color:#96969d!important} body.mtd-authenticated .mtd-picker-muscle:hover,body.mtd-authenticated .mtd-picker-muscle.is-active{background:linear-gradient(135deg,#29292e,#1d1d21)!important;color:#fff!important} body.mtd-authenticated .mtd-picker-muscle.is-active{box-shadow:inset 0 0 0 1px #fd330166!important} body.mtd-authenticated .mtd-picker-muscle>img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff} body.mtd-authenticated .mtd-picker-muscle>.mtd-app-icon{width:17px;height:17px;margin-left:5px;color:#fd3301} body.mtd-authenticated .mtd-picker-muscle>span{font-size:12px;font-weight:620} body.mtd-authenticated .mtd-exercise-picker-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start;gap:0 26px!important;padding:4px 18px 22px!important;background:transparent!important} body.mtd-authenticated .mtd-exercise-picker-item{display:grid!important;grid-template-columns:64px minmax(0,1fr) 40px!important;align-items:center;gap:14px;min-height:92px;padding:12px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#d5d5da!important} body.mtd-authenticated .mtd-exercise-picker-item:hover{background:linear-gradient(90deg,#171719,transparent 94%)!important} body.mtd-authenticated .mtd-exercise-picker-item .mtd-detail-exercise-media{width:64px!important;height:64px!important;border-radius:50%!important;overflow:hidden;background:#fff!important} body.mtd-authenticated .mtd-exercise-picker-item .mtd-detail-exercise-media>img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.1)} body.mtd-authenticated .mtd-exercise-picker-item>span:nth-child(2){display:grid;min-width:0;gap:4px} body.mtd-authenticated .mtd-exercise-picker-item strong{font-size:14px!important;font-weight:620!important;line-height:1.35!important} body.mtd-authenticated .mtd-exercise-picker-item small{color:#77777e!important;font-size:11px!important} body.mtd-authenticated .mtd-exercise-picker-add{width:20px;height:20px;margin:auto;color:#fd3301} @media(max-width:680px){ body.mtd-authenticated .mtd-exercise-picker{padding:0!important;place-items:end center} body.mtd-authenticated .mtd-exercise-picker-dialog{height:94dvh!important;max-height:94dvh!important;border-radius:22px 22px 0 0!important} body.mtd-authenticated .mtd-exercise-picker-search{grid-template-columns:1fr!important} body.mtd-authenticated .mtd-exercise-picker-search>button{display:none} body.mtd-authenticated .mtd-exercise-picker-results{grid-template-columns:1fr!important;gap:0!important} body.mtd-authenticated .mtd-exercise-picker-item{grid-template-columns:58px minmax(0,1fr) 40px!important;min-height:82px} body.mtd-authenticated .mtd-exercise-picker-item .mtd-detail-exercise-media{width:58px!important;height:58px!important} } /* 1.2.7: exercise entity, metrics and app-only PRO guidance */ body.mtd-authenticated :is(.mtd-app-exercise-row,.mtd-detail-exercise,.mtd-session-exercise)[href]{color:inherit;text-decoration:none} body.mtd-authenticated :is(.mtd-app-exercise-row,.mtd-detail-exercise,.mtd-session-exercise)[href]:hover strong{color:#fd3301} body.mtd-authenticated .mtd-editor-exercise-name :is(strong,a){overflow:hidden;color:var(--mtd-text);font-size:13px;font-weight:650;text-decoration:none;text-overflow:ellipsis;white-space:nowrap} body.mtd-authenticated .mtd-editor-exercise-name a:hover{color:#fd3301} body.mtd-authenticated .mtd-editor-replace{display:flex!important;min-width:max-content!important;gap:6px;padding-inline:10px!important} body.mtd-authenticated .mtd-editor-replace .mtd-app-icon{width:14px;height:14px} body.mtd-authenticated .mtd-exercise-performance{display:grid;gap:22px;padding:24px!important;background:var(--mtu-panel-gradient)!important} body.mtd-authenticated .mtd-exercise-performance>.mtd-section-heading{align-items:center} body.mtd-authenticated .mtd-exercise-performance>.mtd-section-heading select{min-width:160px;height:44px;padding:0 38px 0 14px;border:0!important;border-radius:12px;background:#1b1b1f;color:#fff;font:650 12px/1 Inter,sans-serif} body.mtd-authenticated .mtd-exercise-performance-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:15px;background:#2b2b30} body.mtd-authenticated .mtd-exercise-performance-stat{display:grid;gap:7px;min-height:100px;align-content:center;padding:18px;background:linear-gradient(145deg,#1a1a1e,#111113)} body.mtd-authenticated .mtd-exercise-performance-stat span{color:#85858d;font-size:9px;font-weight:750;letter-spacing:.08em} body.mtd-authenticated .mtd-exercise-performance-stat strong{color:#f7f7f8;font-size:22px;letter-spacing:-.04em} body.mtd-authenticated .mtd-exercise-history-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));align-items:end;gap:10px;min-height:210px;padding:24px 18px 12px;border-radius:16px;background:linear-gradient(180deg,#161619,#0d0d0f)} body.mtd-authenticated .mtd-exercise-history-bar{display:grid;height:160px;grid-template-rows:1fr auto;align-items:end;gap:9px;text-align:center} body.mtd-authenticated .mtd-exercise-history-bar>span{display:block;min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#ff5d38,#fd3301 55%,#b92300);box-shadow:0 0 26px #fd330126} body.mtd-authenticated .mtd-exercise-history-bar small{overflow:hidden;color:#73737b;font-size:8px;text-overflow:ellipsis;white-space:nowrap} body.mtd-authenticated .mtd-app-pro-notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 16px;padding:17px 19px;border-radius:15px;background:linear-gradient(115deg,#281007,#151114 62%,#111114);box-shadow:inset 3px 0 #fd3301} body.mtd-authenticated .mtd-app-pro-notice>span{grid-row:1/3;align-self:center;color:#fd3301;font-size:9px;font-weight:850;letter-spacing:.12em} body.mtd-authenticated .mtd-app-pro-notice strong{color:#f3f3f5;font-size:13px} body.mtd-authenticated .mtd-app-pro-notice p{margin:0;color:#aaaab1;font-size:11px;line-height:1.55} @media(max-width:1100px){ body.mtd-authenticated .mtd-exercise-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:640px){ body.mtd-authenticated .mtd-exercise-performance{gap:17px;padding:17px!important} body.mtd-authenticated .mtd-exercise-performance>.mtd-section-heading{align-items:stretch;flex-direction:column} body.mtd-authenticated .mtd-exercise-performance>.mtd-section-heading select{width:100%} body.mtd-authenticated .mtd-exercise-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.mtd-authenticated .mtd-exercise-performance-stat{min-height:84px;padding:13px} body.mtd-authenticated .mtd-exercise-performance-stat strong{font-size:18px} body.mtd-authenticated .mtd-exercise-history-chart{gap:6px;min-height:178px;padding-inline:10px} body.mtd-authenticated .mtd-app-pro-notice{grid-template-columns:1fr;padding:16px} body.mtd-authenticated .mtd-app-pro-notice>span{grid-row:auto} } /* 1.2.8: app handoff and canonical muscle selection */ body.mtd-authenticated .mtd-open-app-wrap{position:relative;display:grid;margin:0 0 9px} body.mtd-authenticated .mtd-open-app{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 11px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#fd3301,#ff5a22)!important;color:#fff!important;text-align:left;box-shadow:0 12px 28px #fd33012b!important} body.mtd-authenticated .mtd-open-app:hover,body.mtd-authenticated .mtd-open-app:focus-visible{background:linear-gradient(135deg,#ff4b1b,#ff7042)!important;transform:translateY(-1px)} body.mtd-authenticated .mtd-open-app>.mtd-icon:first-child{width:25px;height:25px;color:#fff} body.mtd-authenticated .mtd-open-app>.mtd-icon:last-child{width:17px;height:17px;color:#fff;transition:transform .18s ease} body.mtd-authenticated .mtd-open-app[aria-expanded="true"]>.mtd-icon:last-child{transform:rotate(-90deg)} body.mtd-authenticated .mtd-open-app>span{display:grid;min-width:0;gap:3px} body.mtd-authenticated .mtd-open-app strong{color:#fff;font-size:13px;font-weight:760;line-height:1.1} body.mtd-authenticated .mtd-open-app small{color:#fff;font-size:10px;line-height:1.2;opacity:.82} body.mtd-authenticated .mtd-app-store-menu{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);left:0;display:grid;gap:6px;padding:10px;border:0!important;border-radius:14px;background:linear-gradient(145deg,#242428,#151517)!important;box-shadow:0 18px 48px #000b!important} body.mtd-authenticated .mtd-app-store-menu[hidden]{display:none!important} body.mtd-authenticated .mtd-app-store-menu p{margin:2px 5px 4px;color:#8f8f96;font-size:9px;font-weight:720;letter-spacing:.06em;text-transform:uppercase} body.mtd-authenticated .mtd-app-store-menu a{display:flex;align-items:center;min-height:40px;padding:0 11px;border-radius:10px;color:#f7f7f8!important;background:#ffffff08;text-decoration:none;font-size:12px;font-weight:680} body.mtd-authenticated .mtd-app-store-menu a:hover,body.mtd-authenticated .mtd-app-store-menu a:focus-visible{background:#ffffff12;color:#fff!important} body.mtd-sidebar-collapsed .mtd-open-app{display:flex;width:44px;min-height:44px;padding:0!important;justify-content:center} body.mtd-sidebar-collapsed .mtd-open-app>span,body.mtd-sidebar-collapsed .mtd-open-app>.mtd-icon:last-child{display:none} body.mtd-sidebar-collapsed .mtd-app-store-menu{left:calc(100% + 10px);right:auto;bottom:0;width:190px} body.mtd-authenticated .mtd-custom-muscle-field{min-width:0;margin:0;padding:0;border:0!important} body.mtd-authenticated .mtd-custom-muscle-field>legend{display:block;width:100%;margin:0 0 9px;color:#85858c;font-size:10px;font-weight:720;letter-spacing:.04em} body.mtd-authenticated .mtd-custom-muscle-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} body.mtd-authenticated .mtd-custom-muscle-option{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:7px!important;border:0!important;border-radius:13px!important;background:linear-gradient(145deg,#1c1c20,#121214)!important;color:#c7c7cd!important;text-align:left} body.mtd-authenticated .mtd-custom-muscle-option:hover{background:linear-gradient(145deg,#25252a,#17171a)!important} body.mtd-authenticated .mtd-custom-muscle-option.is-active{background:linear-gradient(145deg,#32140d,#191315)!important;box-shadow:inset 3px 0 #fd3301!important;color:#fff!important} body.mtd-authenticated .mtd-custom-muscle-media{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:10px;background:#fff} body.mtd-authenticated .mtd-custom-muscle-media img{width:100%;height:100%;object-fit:cover} body.mtd-authenticated .mtd-custom-muscle-option strong{overflow:hidden;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap} body.mtd-authenticated .mtd-custom-muscle-check{position:absolute;top:5px;right:5px;width:14px;height:14px;color:#fd3301} @media(max-width:1100px){body.mtd-authenticated .mtd-custom-muscle-options{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:640px){ body.mtd-authenticated .mtd-custom-muscle-options{grid-template-columns:repeat(2,minmax(0,1fr))} body.mtd-authenticated .mtd-custom-muscle-option{grid-template-columns:38px minmax(0,1fr);min-height:54px} body.mtd-authenticated .mtd-custom-muscle-media{width:38px;height:38px} } /* 1.2.8: spacing rhythm uses one layout gap per relationship, never stacked margins. */ body.mtd-authenticated .mtd-view-content{gap:18px!important} body.mtd-authenticated .mtd-view-content>.mtd-section-heading{ min-height:50px!important; margin:0!important; } body.mtd-authenticated .mtd-view-content[data-view="workouts"]{gap:12px!important} body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--page{ min-height:48px!important; margin-bottom:6px!important; } body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--subsection{ min-height:34px!important; align-items:center!important; justify-content:flex-start!important; flex-direction:row!important; gap:9px!important; width:100%!important; margin-top:8px!important; text-align:left!important; } body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--subsection>h2{ font-size:22px!important; letter-spacing:-.035em!important; text-align:left!important; } body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--subsection>span{text-align:left!important} /* Exercise rows are content, not cards: black canvas + one divider per item. */ body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-grid{ background:#000!important; column-gap:28px!important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card{ background:#000!important; border:0!important; border-bottom:1px solid #202024!important; border-radius:0!important; box-shadow:none!important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card:hover{ background:#000!important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card:hover h3{ color:#fff!important; } body.mtd-authenticated .mtd-workout-grid{gap:12px!important} body.mtd-authenticated .mtd-workout-card{ min-height:96px!important; } body.mtd-authenticated .mtd-workout-card-link{ min-height:96px!important; padding:16px 50px 16px 18px!important; } body.mtd-authenticated .mtd-workout-body{min-height:64px!important} body.mtd-authenticated .mtd-workout-card-menu{ top:9px!important; right:9px!important; width:38px!important; height:38px!important; } body.mtd-authenticated .mtd-workout-card-menu::before{content:none!important;display:none!important} body.mtd-authenticated .mtd-progress-body{gap:14px!important} body.mtd-authenticated .mtd-progress-panel{padding:16px!important} body.mtd-authenticated .mtd-progress-weeks{ display:grid!important; grid-auto-flow:column!important; grid-auto-columns:60px!important; grid-template-columns:none!important; justify-content:center!important; align-items:end!important; gap:16px!important; min-height:172px!important; padding:8px 12px 0!important; overflow-x:auto!important; } body.mtd-authenticated .mtd-progress-week{ width:60px!important; height:154px!important; grid-template-rows:18px minmax(0,1fr) 18px!important; gap:6px!important; } body.mtd-authenticated .mtd-progress-week>span{ width:42px!important; margin-inline:auto!important; border-radius:8px 8px 2px 2px!important; background:linear-gradient(180deg,#ff6340 0%,#fd3301 62%,#b62500 100%)!important; box-shadow:0 0 26px #fd330124!important; } body.mtd-authenticated .mtd-progress-week strong{color:#f1f1f3!important;font-size:10px!important} body.mtd-authenticated .mtd-progress-week small{color:#7d7d85!important;font-size:9px!important} @media(max-width:680px){ body.mtd-authenticated .mtd-view-content{gap:14px!important} body.mtd-authenticated .mtd-view-content>.mtd-section-heading{min-height:auto!important} body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--page{margin-bottom:2px!important} body.mtd-authenticated .mtd-view-content[data-view="workouts"]>.mtd-section-heading--subsection{align-items:baseline!important;justify-content:flex-start!important;flex-direction:row!important;margin-top:6px!important;text-align:left!important} body.mtd-authenticated .mtd-workout-card,body.mtd-authenticated .mtd-workout-card-link{min-height:90px!important} body.mtd-authenticated .mtd-workout-body{min-height:58px!important} body.mtd-authenticated .mtd-progress-weeks{justify-content:start!important;grid-auto-columns:56px!important;gap:12px!important;min-height:160px!important;padding-inline:4px!important} body.mtd-authenticated .mtd-progress-week{width:56px!important;height:144px!important} body.mtd-authenticated .mtd-progress-week>span{width:38px!important} body.mtd-authenticated .mtd-progress-tabs{ display:flex!important; flex-wrap:nowrap!important; gap:4px!important; padding:4px!important; overflow-x:auto!important; scroll-snap-type:x proximity; scrollbar-width:none; } body.mtd-authenticated .mtd-progress-tabs::-webkit-scrollbar{display:none} body.mtd-authenticated .mtd-progress-tabs>button{ flex:0 0 auto!important; width:auto!important; min-width:104px!important; min-height:44px!important; padding:0 14px!important; scroll-snap-align:start; } body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-source-tabs{ display:grid!important; grid-template-columns:1fr 1.2fr .95fr!important; width:100%!important; } body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-source-tabs>button{ min-width:0!important; min-height:44px!important; padding:0 8px!important; font-size:11px!important; line-height:1.2!important; } body.mtd-authenticated .mtd-account-layout>.mtd-profile-card{ display:grid!important; grid-template-columns:1fr!important; grid-template-rows:auto auto!important; align-content:start!important; min-height:0!important; gap:16px!important; padding:20px!important; } } /* AI workout creation: same canonical questions as the app, adapted to web. */ body.mtd-body .mtd-workout-create-surface { display: grid; gap: 24px; margin: 0; padding: clamp(22px, 3vw, 40px); border: 0 !important; border-radius: 24px; background: radial-gradient(circle at 92% 4%, rgba(253, 51, 1, .14), transparent 34%), linear-gradient(145deg, #151518 0%, #0e0e10 68%, #12100f 100%) !important; box-shadow: none !important; } body.mtd-body .mtd-workout-create-heading { max-width: 720px; } body.mtd-body .mtd-workout-create-heading h2 { margin: 8px 0 10px; color: #fff; font-size: clamp(25px, 3vw, 38px); line-height: 1.06; letter-spacing: -.035em; } body.mtd-body .mtd-workout-create-heading p { margin: 0; color: #a9a9b2; font-size: 15px; line-height: 1.55; } body.mtd-body .mtd-workout-create-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } body.mtd-body .mtd-workout-create-choice { display: grid; grid-template-columns: 48px minmax(0, 1fr) 22px; align-items: center; gap: 16px; min-height: 128px; padding: 22px; border: 0; border-radius: 20px; background: linear-gradient(150deg, #202024, #171719); color: #fff; text-align: left; cursor: pointer; transition: transform .18s ease, background .18s ease; } body.mtd-body .mtd-workout-create-choice:hover { transform: translateY(-2px); background: linear-gradient(150deg, #29292e, #1b1b1e); } body.mtd-body .mtd-workout-create-choice > .mtd-app-icon:first-child { width: 34px; height: 34px; color: #fd3301; } body.mtd-body .mtd-workout-create-choice > .mtd-app-icon:last-child { width: 19px; height: 19px; color: #777780; } body.mtd-body .mtd-workout-create-choice strong { display: block; margin-bottom: 7px; font-size: 18px; line-height: 1.2; } body.mtd-body .mtd-workout-create-choice small { display: block; color: #aaaab4; font-size: 13px; line-height: 1.45; } body.mtd-body .mtd-inline-back { width: max-content; min-height: 42px; padding: 0; border: 0; background: transparent !important; color: #c8c8cf; font-size: 13px; font-weight: 700; } body.mtd-body .mtd-inline-back:hover { color: #fff; } body.mtd-body .mtd-ai-workout-wizard { display: grid; gap: 20px; } body.mtd-body .mtd-ai-workout-wizard-header, body.mtd-body .mtd-ai-workout-progress-copy, body.mtd-body .mtd-ai-workout-footer, body.mtd-body .mtd-ai-workout-success-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; } body.mtd-body .mtd-ai-badge { display: inline-grid; place-items: center; min-width: 40px; height: 30px; padding: 0 12px; border-radius: 999px; background: #fd3301; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .08em; } body.mtd-body .mtd-ai-workout-progress-copy > span:last-child { color: #8f8f99; font-size: 12px; font-weight: 700; } body.mtd-body .mtd-ai-workout-progress { height: 4px; overflow: hidden; border-radius: 999px; background: #29292e; } body.mtd-body .mtd-ai-workout-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fd3301, #ff6a26); transition: width .22s ease; } body.mtd-body .mtd-ai-workout-question { display: grid; gap: 12px; } body.mtd-body .mtd-ai-workout-question h2 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(24px, 3vw, 36px); line-height: 1.08; letter-spacing: -.03em; } body.mtd-body .mtd-ai-workout-question > p { margin: -2px 0 4px; color: #9999a3; font-size: 14px; } body.mtd-body .mtd-ai-workout-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } body.mtd-body .mtd-ai-workout-option { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 58px; padding: 13px 16px; border: 0; border-radius: 14px; background: #202024; color: #e9e9ed; font-size: 13px; font-weight: 650; line-height: 1.35; text-align: left; } body.mtd-body .mtd-ai-workout-option:hover { background: #29292e; } body.mtd-body .mtd-ai-workout-option.is-selected { background: linear-gradient(145deg, #3b1b13, #24130f); color: #fff; box-shadow: inset 3px 0 #fd3301; } body.mtd-body .mtd-ai-workout-option .mtd-app-icon { width: 18px; height: 18px; flex: 0 0 auto; color: #fd3301; } body.mtd-body .mtd-ai-workout-notes { width: 100%; min-height: 144px; resize: vertical; padding: 16px; border: 0; border-radius: 16px; outline: 0; background: #202024; color: #fff; font: inherit; font-size: 15px; line-height: 1.55; } body.mtd-body .mtd-ai-workout-notes:focus { box-shadow: inset 0 0 0 2px #fd3301; } body.mtd-body .mtd-ai-workout-footer { justify-content: flex-end; padding-top: 4px; } body.mtd-body .mtd-ai-workout-footer button, body.mtd-body .mtd-ai-workout-success-actions button { min-width: 150px; min-height: 48px; border: 0; border-radius: 13px; font-size: 13px; font-weight: 800; } body.mtd-body .mtd-ai-workout-footer button:not(.mtd-button-secondary), body.mtd-body .mtd-ai-workout-success-actions button:not(.mtd-button-secondary) { background: #fd3301; color: #fff; } body.mtd-body .mtd-ai-workout-footer button:disabled { opacity: .38; cursor: not-allowed; } body.mtd-body .mtd-ai-workout-success { display: grid; justify-items: start; gap: 12px; max-width: 720px; padding: 28px 0 8px; } body.mtd-body .mtd-ai-workout-success > .mtd-app-icon { width: 44px; height: 44px; color: #fd3301; } body.mtd-body .mtd-ai-workout-success h2 { margin: 2px 0 0; color: #fff; font-size: clamp(27px, 4vw, 44px); line-height: 1.03; letter-spacing: -.04em; } body.mtd-body .mtd-ai-workout-success p { max-width: 620px; margin: 0; color: #a9a9b2; font-size: 15px; line-height: 1.55; } body.mtd-body .mtd-history-card-actions, body.mtd-body .mtd-session-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } body.mtd-body .mtd-ai-analysis-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 0; border-radius: 12px; background: #fd3301; color: #fff; font-size: 13px; font-weight: 800; } body.mtd-body .mtd-ai-analysis-button:hover { background: #e92f00; color: #fff; } body.mtd-body .mtd-ai-analysis-button:disabled { opacity: .6; cursor: wait; } body.mtd-body .mtd-ai-analysis-button.has-error { background: #2b1713; color: #ff8a6d; } body.mtd-body .mtd-ai-analysis-button .mtd-app-icon { width: 18px; height: 18px; color: currentColor; } body.mtd-body .mtd-workout-action-menu .mtd-workout-ai-action { color: #fff; background: linear-gradient(135deg, rgba(253,51,1,.2), rgba(253,51,1,.06)); } body.mtd-body .mtd-ai-optimization-shell, body.mtd-body .mtd-ai-refinement-shell { position: relative; display: grid; gap: 22px; min-height: 430px; padding: clamp(24px, 4vw, 52px); border: 0; border-radius: 24px; background: radial-gradient(circle at 88% 8%, rgba(253,51,1,.18), transparent 30%), linear-gradient(145deg, #17171b 0%, #0c0c0e 72%); box-shadow: 0 30px 90px rgba(0,0,0,.38); overflow: hidden; } body.mtd-body .mtd-ai-optimization-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; } body.mtd-body .mtd-ai-optimization-header .mtd-eyebrow { justify-self: start; } body.mtd-body .mtd-ai-optimization-header > strong { color: #9a9aa4; font-size: 13px; } body.mtd-body .mtd-ai-optimization-shell .mtd-icon-button, body.mtd-body .mtd-ai-refinement-shell .mtd-icon-button { width: 42px; height: 42px; border: 0; border-radius: 50%; background: #242428; color: #fff; } body.mtd-body .mtd-ai-optimization-result { display: grid; gap: 24px; } body.mtd-body .mtd-ai-optimization-result h2, body.mtd-body .mtd-ai-refinement-shell h2, body.mtd-body .mtd-ai-optimization-loading h2 { max-width: 880px; margin: 0; color: #fff; font-size: clamp(30px, 4.4vw, 58px); line-height: .98; letter-spacing: -.055em; } body.mtd-body .mtd-ai-optimization-lead, body.mtd-body .mtd-ai-refinement-shell > p, body.mtd-body .mtd-ai-optimization-loading > p { max-width: 720px; margin: 0; color: #aaaab3; font-size: 15px; line-height: 1.55; } body.mtd-body .mtd-ai-quota { width: fit-content; margin: 0; padding: 9px 13px; border-radius: 999px; background: #242428; color: #c8c8cf; font-size: 12px; font-weight: 700; } body.mtd-body .mtd-ai-optimization-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border-radius: 18px; background: #29292e; } body.mtd-body .mtd-ai-optimization-comparison > div { display: grid; gap: 5px; padding: 22px; background: #18181c; } body.mtd-body .mtd-ai-optimization-comparison span { color: #8d8d97; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } body.mtd-body .mtd-ai-optimization-comparison strong { color: #fff; font-size: 24px; } body.mtd-body .mtd-ai-optimization-comparison small { color: #9a9aa4; font-size: 13px; } body.mtd-body .mtd-ai-optimization-days { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } body.mtd-body .mtd-ai-optimization-day { padding: 22px; border: 0; border-radius: 20px; background: linear-gradient(145deg, #202024, #151518); } body.mtd-body .mtd-ai-optimization-day h3 { margin: 0 0 13px; color: #fff; font-size: 18px; } body.mtd-body .mtd-ai-optimization-exercise { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 13px; min-height: 76px; padding: 9px 0; border-bottom: 1px solid #303035; } body.mtd-body .mtd-ai-optimization-exercise:last-child { border-bottom: 0; } body.mtd-body .mtd-ai-optimization-exercise > span:last-child { display: grid; gap: 4px; min-width: 0; } body.mtd-body .mtd-ai-optimization-exercise strong { color: #fff; font-size: 14px; } body.mtd-body .mtd-ai-optimization-exercise small { color: #93939d; font-size: 12px; } body.mtd-body .mtd-ai-optimization-changes { display: grid; gap: 2px; } body.mtd-body .mtd-ai-optimization-changes h3 { margin: 0 0 12px; color: #fff; font-size: 20px; } body.mtd-body .mtd-ai-optimization-changes > div { display: grid; grid-template-columns: 22px minmax(140px, .5fr) 1fr; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #29292e; } body.mtd-body .mtd-ai-optimization-changes .mtd-app-icon { color: #fd3301; } body.mtd-body .mtd-ai-optimization-changes strong { color: #fff; font-size: 13px; } body.mtd-body .mtd-ai-optimization-changes p { margin: 0; color: #9999a3; font-size: 13px; } body.mtd-body .mtd-ai-optimization-actions { display: flex; flex-wrap: wrap; gap: 10px; } body.mtd-body .mtd-ai-optimization-actions button, body.mtd-body .mtd-ai-refinement-shell > button:not(.mtd-icon-button) { min-height: 48px; padding: 0 20px; border: 0; border-radius: 13px; background: #fd3301; color: #fff; font-size: 13px; font-weight: 800; } body.mtd-body .mtd-ai-optimization-actions .mtd-button-secondary { background: #fff; color: #0b0b0c; } body.mtd-body .mtd-ai-optimization-actions .mtd-button-tertiary { background: #242428; color: #d8d8de; } body.mtd-body .mtd-ai-optimization-loading { display: grid; align-content: center; gap: 18px; min-height: 360px; } body.mtd-body .mtd-ai-optimization-loading > .mtd-app-icon { width: 46px; height: 46px; color: #fd3301; animation: mtd-ai-pulse 1.3s ease-in-out infinite; } body.mtd-body .mtd-ai-loading-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 12px; } body.mtd-body .mtd-ai-loading-steps > div { display: grid; gap: 8px; min-height: 104px; padding: 14px; border-radius: 15px; background: #1c1c20; color: #7f7f89; font-size: 12px; line-height: 1.35; } body.mtd-body .mtd-ai-loading-steps > div.is-active { background: linear-gradient(145deg, #3a1b14, #22130f); color: #fff; } body.mtd-body .mtd-ai-loading-steps .mtd-app-icon { color: #fd3301; } body.mtd-body .mtd-ai-refinement-shell { align-content: start; max-width: none; } body.mtd-body .mtd-ai-refinement-shell > .mtd-icon-button { position: absolute; top: 22px; right: 22px; } body.mtd-body .mtd-ai-refinement-shell .mtd-ai-workout-notes { max-width: 880px; min-height: 170px; } body.mtd-body .mtd-ai-refinement-status { max-width: 760px; padding: 18px 20px; border-radius: 15px; background: #242428; color: #fff; font-size: 14px; } body.mtd-body .mtd-ai-refinement-status.is-success { background: linear-gradient(145deg, #143623, #10251a); color: #d8ffe8; } body.mtd-body .mtd-ai-history { display: grid; gap: 0; overflow: hidden; padding: clamp(24px, 3.5vw, 42px); border: 0; border-radius: 24px; background: radial-gradient(circle at 92% 0%, rgba(253,51,1,.16), transparent 28%), linear-gradient(150deg, #17171a 0%, #0d0d0f 72%); box-shadow: 0 28px 80px rgba(0,0,0,.28); } body.mtd-body .mtd-ai-history-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 26px; } body.mtd-body .mtd-ai-history-heading > div { display: grid; gap: 8px; } body.mtd-body .mtd-ai-history-heading h2 { margin: 0; color: #fff; font-size: clamp(26px, 3.2vw, 44px); line-height: 1; letter-spacing: -.045em; } body.mtd-body .mtd-ai-history-heading p { max-width: 660px; margin: 0; color: #9999a3; font-size: 14px; line-height: 1.55; } body.mtd-body .mtd-ai-feedback { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; margin-bottom: 8px; padding: 20px 22px; border-radius: 18px; background: linear-gradient(135deg, rgba(253,51,1,.18), rgba(255,94,40,.04) 60%, rgba(255,255,255,.025)); } body.mtd-body .mtd-ai-feedback > div:first-child { display: grid; gap: 5px; } body.mtd-body .mtd-ai-feedback strong { color: #fff; font-size: 16px; } body.mtd-body .mtd-ai-feedback p { max-width: 680px; margin: 0; color: #aaaab3; font-size: 13px; line-height: 1.5; } body.mtd-body .mtd-ai-feedback-actions, body.mtd-body .mtd-ai-history-row-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } body.mtd-body .mtd-ai-history-list { display: grid; } body.mtd-body .mtd-ai-history-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 15px; min-height: 78px; padding: 15px 0; border-bottom: 1px solid #2a2a2f; } body.mtd-body .mtd-ai-history-row:last-child { border-bottom: 0; padding-bottom: 0; } body.mtd-body .mtd-ai-history-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: #232327; color: #fd3301; } body.mtd-body .mtd-ai-history-icon .mtd-app-icon { width: 20px; height: 20px; } body.mtd-body .mtd-ai-history-copy { display: grid; gap: 4px; min-width: 0; } body.mtd-body .mtd-ai-history-copy strong { color: #fff; font-size: 15px; line-height: 1.3; } body.mtd-body .mtd-ai-history-copy p { max-width: 760px; margin: 0; overflow: hidden; color: #a0a0aa; font-size: 13px; line-height: 1.45; text-overflow: ellipsis; } body.mtd-body .mtd-ai-history-copy small { color: #777781; font-size: 11px; font-weight: 700; } body.mtd-body .mtd-ai-history-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 15px; border: 0; border-radius: 12px; background: #fd3301; color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; } body.mtd-body .mtd-ai-history-action:hover { background: #e92f00; color: #fff; } body.mtd-body .mtd-ai-history-action.is-secondary { background: #242428; color: #fff; } body.mtd-body .mtd-ai-history-action.is-selected { background: #fff; color: #0b0b0c; } body.mtd-body .mtd-ai-history-action:disabled { opacity: .55; cursor: wait; } body.mtd-body .mtd-ai-history-action .mtd-app-icon { width: 17px; height: 17px; color: currentColor; } body.mtd-body .mtd-ai-analysis-history { display: grid; gap: 20px; padding: clamp(24px, 3vw, 38px); border: 0; border-radius: 22px; background: linear-gradient(145deg, #151518, #0e0e10); } body.mtd-body .mtd-ai-analysis-history-list { display: grid; } body.mtd-body .mtd-ai-analysis-history-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) 22px; align-items: center; gap: 16px; min-height: 88px; padding: 12px 0; border-bottom: 1px solid #2b2b30; color: #fff; text-decoration: none; } body.mtd-body .mtd-ai-analysis-history-item:last-child { border-bottom: 0; } body.mtd-body .mtd-ai-analysis-score { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(145deg, #fd3301, #a82000); color: #fff; font-size: 20px; } body.mtd-body .mtd-ai-analysis-history-copy { display: grid; gap: 4px; } body.mtd-body .mtd-ai-analysis-history-copy > span { color: #fd3301; font-size: 10px; font-weight: 850; letter-spacing: .12em; } body.mtd-body .mtd-ai-analysis-history-copy > strong { color: #fff; font-size: 16px; } body.mtd-body .mtd-ai-analysis-history-copy > small { color: #878791; font-size: 12px; } body.mtd-body .mtd-ai-analysis-history-item > .mtd-app-icon { width: 19px; height: 19px; color: #6f6f78; } body.mtd-body .mtd-ai-report-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 30px; min-height: 310px; padding: clamp(30px, 5vw, 64px); border-radius: 26px; background: radial-gradient(circle at 82% 12%, rgba(253,51,1,.28), transparent 30%), linear-gradient(145deg, #19191d 0%, #0b0b0d 72%); box-shadow: 0 34px 100px rgba(0,0,0,.36); } body.mtd-body .mtd-ai-report-hero-copy { display: grid; justify-items: start; gap: 12px; } body.mtd-body .mtd-ai-report-hero-copy > span { color: #fd3301; font-size: 11px; font-weight: 850; letter-spacing: .13em; } body.mtd-body .mtd-ai-report-hero h1 { max-width: 900px; margin: 0; color: #fff; font-size: clamp(40px, 6vw, 82px); line-height: .92; letter-spacing: -.065em; } body.mtd-body .mtd-ai-report-hero p { max-width: 720px; margin: 0; color: #aaaab3; font-size: 15px; line-height: 1.55; } body.mtd-body .mtd-ai-report-score { display: grid; justify-items: center; align-content: center; width: 164px; height: 164px; border-radius: 50%; background: #fd3301; color: #fff; } body.mtd-body .mtd-ai-report-score > span { font-size: 10px; font-weight: 850; letter-spacing: .12em; } body.mtd-body .mtd-ai-report-score > strong { font-size: 54px; line-height: 1; letter-spacing: -.06em; } body.mtd-body .mtd-ai-report-score > small { font-size: 12px; font-weight: 700; } body.mtd-body .mtd-ai-report-redo { min-height: 46px; padding: 0 18px; border: 0; border-radius: 13px; background: #fd3301; color: #fff; font-size: 13px; font-weight: 800; } body.mtd-body .mtd-ai-report-redo:disabled { opacity: .72; cursor: wait; } body.mtd-body .mtd-ai-report-redo.has-error { background: #391811; color: #ff9a82; } body.mtd-body .mtd-ai-report-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.mtd-body .mtd-ai-report-section { padding: clamp(22px, 3vw, 34px); border: 0; border-radius: 20px; background: linear-gradient(145deg, #17171a, #111113); } body.mtd-body .mtd-ai-report-section.is-featured { grid-column: 1 / -1; background: linear-gradient(145deg, #231511, #111113 62%); } body.mtd-body .mtd-ai-report-section h2 { margin: 0 0 18px; color: #fff; font-size: clamp(20px, 2.2vw, 30px); letter-spacing: -.035em; } body.mtd-body .mtd-ai-report-list { display: grid; } body.mtd-body .mtd-ai-report-row { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 13px; padding: 14px 0; border-bottom: 1px solid #2b2b30; } body.mtd-body .mtd-ai-report-row:last-child { border-bottom: 0; padding-bottom: 0; } body.mtd-body .mtd-ai-report-row > span { color: #fd3301; font-size: 11px; font-weight: 850; } body.mtd-body .mtd-ai-report-row > div { display: grid; gap: 5px; } body.mtd-body .mtd-ai-report-row strong { color: #fff; font-size: 14px; } body.mtd-body .mtd-ai-report-row p { margin: 0; color: #a2a2ac; font-size: 13px; line-height: 1.55; } @keyframes mtd-ai-pulse { 0%,100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 900px) { body.mtd-body .mtd-ai-workout-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.mtd-body .mtd-ai-optimization-days { grid-template-columns: 1fr; } body.mtd-body .mtd-ai-loading-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.mtd-body .mtd-ai-report-grid { grid-template-columns: 1fr; } body.mtd-body .mtd-ai-report-section.is-featured { grid-column: auto; } } @media (max-width: 620px) { body.mtd-body .mtd-workout-create-surface { gap: 20px; margin-inline: 0; padding: 20px 16px; border-radius: 18px; } body.mtd-body .mtd-workout-create-choices, body.mtd-body .mtd-ai-workout-options { grid-template-columns: 1fr; } body.mtd-body .mtd-workout-create-choice { min-height: 112px; padding: 18px; } body.mtd-body .mtd-ai-workout-option { min-height: 54px; } body.mtd-body .mtd-ai-workout-footer, body.mtd-body .mtd-ai-workout-success-actions { align-items: stretch; flex-direction: column-reverse; } body.mtd-body .mtd-ai-workout-footer button, body.mtd-body .mtd-ai-workout-success-actions button { width: 100%; } body.mtd-body .mtd-ai-optimization-shell, body.mtd-body .mtd-ai-refinement-shell { min-height: 0; padding: 22px 16px; border-radius: 18px; } body.mtd-body .mtd-ai-optimization-header { grid-template-columns: auto 1fr; } body.mtd-body .mtd-ai-optimization-header > strong { grid-column: 2; } body.mtd-body .mtd-ai-optimization-comparison { grid-template-columns: 1fr; } body.mtd-body .mtd-ai-optimization-actions { align-items: stretch; flex-direction: column; } body.mtd-body .mtd-ai-optimization-actions button { width: 100%; } body.mtd-body .mtd-ai-optimization-changes > div { grid-template-columns: 22px 1fr; } body.mtd-body .mtd-ai-optimization-changes p { grid-column: 2; } body.mtd-body .mtd-ai-loading-steps { grid-template-columns: 1fr; } body.mtd-body .mtd-ai-loading-steps > div { min-height: 70px; } body.mtd-body .mtd-ai-history { padding: 22px 16px; border-radius: 18px; } body.mtd-body .mtd-ai-history-heading { padding-bottom: 20px; } body.mtd-body .mtd-ai-feedback { grid-template-columns: 1fr; padding: 18px; } body.mtd-body .mtd-ai-feedback-actions { justify-content: stretch; } body.mtd-body .mtd-ai-feedback-actions .mtd-ai-history-action { flex: 1 1 0; } body.mtd-body .mtd-ai-history-row { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; } body.mtd-body .mtd-ai-history-icon { width: 38px; height: 38px; } body.mtd-body .mtd-ai-history-row-actions { grid-column: 2; justify-content: flex-start; } body.mtd-body .mtd-ai-history-action { min-height: 44px; } body.mtd-body .mtd-ai-analysis-history { padding: 20px 16px; } body.mtd-body .mtd-ai-analysis-history-item { grid-template-columns: 54px minmax(0, 1fr) 18px; gap: 12px; } body.mtd-body .mtd-ai-analysis-score { width: 50px; height: 50px; font-size: 17px; } body.mtd-body .mtd-ai-report-hero { grid-template-columns: 1fr; min-height: 0; padding: 28px 20px; border-radius: 20px; } body.mtd-body .mtd-ai-report-score { width: 122px; height: 122px; } body.mtd-body .mtd-ai-report-score > strong { font-size: 42px; } body.mtd-body .mtd-ai-report-redo { width: 100%; } body.mtd-body .mtd-ai-report-section { padding: 22px 18px; border-radius: 17px; } body.mtd-body .mtd-day > .mtd-section-heading { align-items: baseline !important; flex-direction: row !important; justify-content: space-between !important; gap: 12px !important; text-align: left !important; } body.mtd-body .mtd-day > .mtd-section-heading h2, body.mtd-body .mtd-day > .mtd-section-heading > span { text-align: left !important; } } /* Dashboard 1.0.84: authoritative list rhythm shared with the native app. */ body.mtd-body.mtd-authenticated :is(.mtd-section-heading--page,.mtd-section-heading--subsection) { width: 100% !important; align-items: baseline !important; justify-content: flex-start !important; gap: 10px !important; text-align: left !important; } body.mtd-body.mtd-authenticated :is(.mtd-section-heading--page,.mtd-section-heading--subsection) :is(h2,span) { margin: 0 !important; text-align: left !important; } body.mtd-body.mtd-authenticated .mtd-section-heading--subsection { min-height: 36px !important; margin: 28px 0 10px !important; } body.mtd-body.mtd-authenticated .mtd-section-heading--page .mtd-section-heading-actions { margin-left: auto !important; } body.mtd-body.mtd-authenticated .mtd-workout-card { min-height: 104px !important; padding: 0 !important; border-radius: 15px !important; background: linear-gradient(145deg,#18181b,#121214) !important; } body.mtd-body.mtd-authenticated .mtd-workout-card-link { display: flex !important; min-height: 104px !important; color: inherit !important; text-decoration: none !important; } body.mtd-body.mtd-authenticated .mtd-workout-body { align-content: end !important; padding: 18px 46px 17px 18px !important; } body.mtd-body.mtd-authenticated .mtd-workout-card-menu { top: 10px !important; right: 10px !important; width: 40px !important; height: 40px !important; color: #a4a4ab !important; background: transparent !important; } body.mtd-body.mtd-authenticated .mtd-workout-card-popover { z-index: 40 !important; top: 48px !important; right: 10px !important; min-width: 176px !important; padding: 7px !important; border-radius: 13px !important; background: #202024 !important; box-shadow: 0 22px 58px rgba(0,0,0,.55) !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 28px !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card { position: relative !important; display: grid !important; min-height: 108px !important; grid-template-columns: 76px minmax(0,1fr) !important; grid-template-rows: none !important; align-items: center !important; gap: 16px !important; padding: 15px 4px !important; overflow: visible !important; border-radius: 0 !important; background: transparent !important; box-shadow: inset 0 -1px #242428 !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card:hover { background: linear-gradient(90deg,rgba(255,255,255,.035),transparent 78%) !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media { display: grid !important; width: 76px !important; height: 76px !important; place-items: center !important; overflow: hidden !important; border-radius: 50% !important; background: #f4f4f4 !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transform: scale(1.1); } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy { position: relative !important; display: grid !important; min-width: 0 !important; min-height: 76px !important; align-content: center !important; gap: 4px !important; padding: 0 38px 0 0 !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy h3 { order: 1 !important; margin: 0 !important; color: #f5f5f7 !important; font-size: 16px !important; font-weight: 680 !important; line-height: 1.3 !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy > span { order: 2 !important; color: #85858e !important; font-size: 12px !important; font-weight: 520 !important; letter-spacing: 0 !important; text-transform: none !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-chevron { position: absolute !important; top: 50% !important; right: 4px !important; width: 19px !important; height: 19px !important; color: #74747c !important; transform: translateY(-50%); } body.mtd-body.mtd-authenticated :is(.mtd-history-card,.mtd-community-card,.mtd-profile-workout-card,.mtd-community-profile-workout).mtd-app-workout { width: min(100%,960px) !important; border-radius: 0 !important; background: #000 !important; box-shadow: 0 14px 0 #0b0b0d !important; } body.mtd-body.mtd-authenticated .mtd-profile-workout-grid { grid-template-columns: 1fr !important; justify-items: start !important; gap: 14px !important; } body.mtd-body.mtd-authenticated .mtd-app-workout-heading { flex-wrap: wrap !important; } body.mtd-body.mtd-authenticated .mtd-app-workout-day { flex: 0 0 100% !important; order: 3 !important; margin: 3px 0 0 !important; color: #a8a8ad !important; font-size: 13px !important; line-height: 18px !important; } body.mtd-body.mtd-authenticated .mtd-app-workout-stats-primary { display: flex !important; flex-wrap: wrap !important; gap: 16px 28px !important; } body.mtd-body.mtd-authenticated .mtd-app-workout-stats-primary .mtd-community-metric { min-width: 76px !important; } @media (max-width: 720px) { body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-grid { grid-template-columns: 1fr !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card { min-height: 92px !important; grid-template-columns: 60px minmax(0,1fr) !important; gap: 13px !important; padding-block: 12px !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media { width: 60px !important; height: 60px !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy { min-height: 60px !important; } body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy h3 { font-size: 14.5px !important; } body.mtd-body.mtd-authenticated .mtd-section-heading--page { align-items: flex-start !important; flex-wrap: wrap !important; } body.mtd-body.mtd-authenticated .mtd-section-heading--page .mtd-section-heading-actions { width: 100% !important; margin-left: 0 !important; } } /* Dashboard 1.0.86: explicit image fallbacks and split exercise detail/add actions. */ body.mtd-authenticated .mtd-exercise-picker-item{grid-template-columns:minmax(0,1fr) 40px!important} body.mtd-authenticated .mtd-exercise-picker-detail{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;min-width:0;color:inherit;text-decoration:none} body.mtd-authenticated .mtd-exercise-picker-detail>span:last-child{display:grid;min-width:0;gap:4px} body.mtd-authenticated .mtd-exercise-picker-add{display:grid;place-items:center;width:40px!important;height:40px!important;margin:auto!important;padding:0!important;border:1px solid #fd33014d!important;border-radius:50%!important;background:#fd33010d!important;color:#fd3301!important} body.mtd-authenticated .mtd-exercise-picker-add .mtd-app-icon{width:19px;height:19px} body.mtd-authenticated .mtd-exercise-picker-detail:hover strong{color:#fd3301} body.mtd-authenticated :is(.mtd-avatar,.mtd-community-avatar){position:relative;overflow:hidden} body.mtd-authenticated :is(.mtd-avatar,.mtd-community-avatar)>img{display:block;width:100%!important;height:100%!important;object-fit:cover!important} body.mtd-authenticated :is(.mtd-avatar,.mtd-community-avatar).is-fallback::before{display:block!important} body.mtd-authenticated :is(.mtd-ai-optimization-exercise,.mtd-community-exercise){color:inherit;text-decoration:none} body.mtd-authenticated :is(.mtd-ai-optimization-exercise,.mtd-community-exercise):hover strong{color:#fd3301} body.mtd-authenticated .mtd-exercise-stats-row[href]{grid-template-columns:44px minmax(0,1fr) auto;color:inherit;text-decoration:none} body.mtd-authenticated .mtd-progress-table-row[href]{grid-template-columns:44px minmax(0,1fr) auto auto;color:inherit;text-decoration:none} body.mtd-authenticated :is(.mtd-exercise-stats-row,.mtd-progress-table-row)[href]:hover strong{color:#fd3301} @media(max-width:680px){body.mtd-authenticated .mtd-exercise-picker-detail{grid-template-columns:58px minmax(0,1fr)}} /* Dashboard 1.0.90: every exercise thumbnail uses one circular, full-bleed treatment. */ body.mtd-authenticated :is( .mtd-app-exercise-media, .mtd-detail-exercise-media, .mtd-progress-exercise-media, .mtd-exercise-media, .mtd-community-exercise-media, .mtd-community-exercise > img ) { position: relative !important; display: grid !important; min-width: 0; place-items: center !important; flex: 0 0 auto !important; aspect-ratio: 1 !important; overflow: hidden !important; border: 0 !important; border-radius: 50% !important; background: #f4f4f4 !important; isolation: isolate; } body.mtd-authenticated :is( .mtd-app-exercise-media, .mtd-detail-exercise-media, .mtd-progress-exercise-media, .mtd-exercise-media, .mtd-community-exercise-media, .mtd-community-exercise > img ) > img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; border-radius: inherit !important; object-fit: cover !important; object-position: center !important; transform: scale(1.1); transform-origin: center; } body.mtd-authenticated .mtd-community-exercise-media { width: 38px !important; height: 38px !important; flex-basis: 38px !important; } body.mtd-authenticated .mtd-community-exercise > img { display: block !important; width: 38px !important; min-width: 38px !important; height: 38px !important; flex: 0 0 38px !important; border-radius: 50% !important; object-fit: cover !important; object-position: center !important; } body.mtd-authenticated .mtd-community-exercise-placeholder { display: grid !important; width: 100% !important; height: 100% !important; place-items: center !important; border-radius: inherit !important; background: #1c1c1e !important; color: #85858d !important; font-size: 13px !important; font-weight: 700 !important; } body.mtd-authenticated .mtd-exercise-image-note { color: #85858d !important; font-size: 9px !important; font-weight: 560 !important; } body.mtb-platform :is( .mtb-exercise-identity, .mtb-workout-exercise, .mtb-picker-detail ) > img { display: block !important; width: 58px !important; min-width: 58px !important; height: 58px !important; flex: 0 0 58px !important; aspect-ratio: 1 !important; overflow: hidden !important; border: 0 !important; border-radius: 50% !important; background: #f4f4f4 !important; object-fit: cover !important; object-position: center !important; transform: none !important; } body.mtb-platform .mtb-workout-exercise > img { width: 72px !important; min-width: 72px !important; height: 72px !important; flex-basis: 72px !important; } body.mtb-platform .mtb-picker-detail > img { width: 56px !important; min-width: 56px !important; height: 56px !important; flex-basis: 56px !important; } @media(max-width:600px) { body.mtb-platform .mtb-exercise-identity > img { width: 50px !important; min-width: 50px !important; height: 50px !important; flex-basis: 50px !important; } body.mtb-platform .mtb-workout-exercise > img { width: 62px !important; min-width: 62px !important; height: 62px !important; flex-basis: 62px !important; } } body.mtd-authenticated .mtd-exercise-detail-media.is-missing { align-content: center; justify-items: center; padding: 24px; background: #171719 !important; } body.mtd-authenticated .mtd-exercise-image-missing { max-width: 220px; color: #a5a5ad; font-size: 13px; font-weight: 650; line-height: 1.45; text-align: center; } /* Business dashboard parity: flat lists, interactive charts and shared workout rows. */ body.mtb-platform .mtb-flat-list-panel, body.mtb-platform .mtb-student-workouts-panel { overflow: hidden; } body.mtb-platform .mtb-flat-list-panel > .mtb-list, body.mtb-platform .mtb-student-workouts-panel > .mtb-student-workout-list { background: transparent !important; } body.mtb-platform .mtb-flat-list-panel .mtb-person-row, body.mtb-platform .mtb-flat-list-panel .mtb-simple-row, body.mtb-platform .mtb-student-workout-card { background: transparent !important; border-bottom: 1px solid #252529 !important; border-radius: 0 !important; box-shadow: none !important; } body.mtb-platform .mtb-flat-list-panel .mtb-list > :last-child, body.mtb-platform .mtb-student-workout-list > :last-child { border-bottom: 0 !important; } body.mtb-platform .mtb-flat-list-panel .mtb-person-row:hover, body.mtb-platform .mtb-student-workout-open:hover { background: #ffffff03 !important; } body.mtb-platform .mtb-chart-toolbar { display: flex; justify-content: flex-end; gap: 6px; margin-bottom: 8px; } body.mtb-platform .mtb-chart-filter { min-height: 32px !important; padding: 6px 10px !important; border-radius: 999px !important; background: #ffffff05 !important; color: #8f8f98 !important; font-size: 10px !important; } body.mtb-platform .mtb-chart-filter[aria-pressed="true"] { background: #fd330119 !important; color: #ff744f !important; } body.mtb-platform .mtb-chart-column { padding: 0; border: 0; border-radius: 0; background: transparent !important; color: inherit; cursor: pointer; } body.mtb-platform .mtb-chart-column:focus-visible { outline: 2px solid #fd3301; outline-offset: 3px; } body.mtb-platform .mtb-chart-column[data-chart-tick-sparse="false"] small { visibility: hidden; } body.mtb-platform .mtb-chart-detail { min-height: 20px; margin: 10px 0 0; color: #92929a; font-size: 11px; } body.mtb-platform .mtb-student-workout-list { display: grid; } body.mtb-platform .mtb-student-workout-card { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; min-height: 96px; padding: 10px 0; } body.mtb-platform .mtb-student-workout-open { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 4px; border: 0; background: transparent !important; color: inherit; text-align: left; box-shadow: none !important; } body.mtb-platform .mtb-student-workout-open > svg { width: 19px; height: 19px; flex: none; color: #65656d; } body.mtb-platform .mtb-student-workout-copy { display: grid; min-width: 0; gap: 4px; } body.mtb-platform .mtb-student-workout-copy strong { overflow: hidden; color: #f5f5f7; font-size: 16px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } body.mtb-platform .mtb-student-workout-copy span { color: #8f8f98; font-size: 11px; } body.mtb-platform .mtb-student-workout-source { color: #fd6843; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } body.mtb-platform .mtb-student-workout-card > .mtb-actions { flex-wrap: nowrap; } body.mtb-platform .mtb-editor-form > .mtb-card:first-child { padding: 0 0 28px !important; border-bottom: 1px solid #252529 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.mtb-platform .mtb-editor-day { padding: 8px 0 28px !important; border-bottom: 1px solid #252529 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.mtb-platform .mtb-editor-day .mtb-day-header { margin-bottom: 6px; } body.mtb-platform .mtb-exercise-editor { grid-template-columns: minmax(220px,.8fr) minmax(0,1.7fr) auto; gap: 12px 24px; padding: 22px 0; border-color: #252529; } body.mtb-platform .mtb-exercise-identity { grid-column: 1; grid-row: 1/3; } body.mtb-platform .mtb-exercise-identity img { width: 72px; height: 72px; min-width: 72px; border-radius: 50%; object-fit: contain; } body.mtb-platform .mtb-exercise-identity strong { font-size: 15px; line-height: 1.4; } body.mtb-platform .mtb-exercise-prescription { grid-column: 2; grid-row: 1; } body.mtb-platform .mtb-exercise-editor > .mtb-field { grid-column: 2; grid-row: 2; } body.mtb-platform .mtb-exercise-editor > .mtb-actions { grid-column: 3; grid-row: 1/3; align-self: center; flex-wrap: nowrap; } body.mtb-platform .mtb-order-button { width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0 !important; border-radius: 50% !important; } body.mtb-platform .mtb-billing-card { width: min(100%,940px); max-width: none; } body.mtb-platform .mtb-billing-summary > .mtb-card-heading > div { display: grid; gap: 6px; } body.mtb-platform .mtb-billing-summary > .mtb-card-heading .mtb-eyebrow { color: #fd6843; } body.mtb-platform .mtb-billing-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 1px; margin: 20px 0; background: #26262a; } body.mtb-platform .mtb-billing-facts > div { display: grid; gap: 8px; min-height: 94px; padding: 18px; background: #121214; } body.mtb-platform .mtb-billing-facts small { color: #85858d; font-size: 10px; } body.mtb-platform .mtb-billing-facts strong { color: #f5f5f7; font-size: 19px; letter-spacing: -.025em; } body.mtb-platform .mtb-billing-capacity-track { display: block; height: 7px; overflow: hidden; border-radius: 99px; background: #27272b; } body.mtb-platform .mtb-billing-capacity-track > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#fd3301,#ff6b46); } @media (max-width: 980px) { body.mtb-platform .mtb-exercise-editor { grid-template-columns: 1fr auto; } body.mtb-platform .mtb-exercise-identity { grid-column: 1; grid-row: 1; } body.mtb-platform .mtb-exercise-prescription, body.mtb-platform .mtb-exercise-editor > .mtb-field { grid-column: 1/3; } body.mtb-platform .mtb-exercise-prescription { grid-row: 2; } body.mtb-platform .mtb-exercise-editor > .mtb-field { grid-row: 3; } body.mtb-platform .mtb-exercise-editor > .mtb-actions { grid-column: 2; grid-row: 1; } } @media (max-width: 640px) { body.mtb-platform .mtb-student-workout-card { grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 8px 0; } body.mtb-platform .mtb-student-workout-card > .mtb-badge { grid-column: 2; grid-row: 1; } body.mtb-platform .mtb-student-workout-card > .mtb-actions { grid-column: 1/3; justify-content: flex-start; padding: 0 4px 12px; } body.mtb-platform .mtb-student-workout-copy strong { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.mtb-platform .mtb-billing-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } body.mtb-platform .mtb-exercise-editor { grid-template-columns: 1fr; } body.mtb-platform .mtb-exercise-identity, body.mtb-platform .mtb-exercise-prescription, body.mtb-platform .mtb-exercise-editor > .mtb-field, body.mtb-platform .mtb-exercise-editor > .mtb-actions { grid-column: 1; } body.mtb-platform .mtb-exercise-identity { grid-row: 1; } body.mtb-platform .mtb-exercise-prescription { grid-row: 2; } body.mtb-platform .mtb-exercise-editor > .mtb-field { grid-row: 3; } body.mtb-platform .mtb-exercise-editor > .mtb-actions { grid-row: 4; justify-content: flex-start; } } /* Prepared workout catalogue: app imagery and hierarchy, adapted for desktop. */ body.mtb-platform .mtb-pro-badge { display: inline-flex; min-width: 43px; min-height: 25px; align-items: center; justify-content: center; padding: 3px 8px; border: 1px solid #ffe27a; border-radius: 5px; background: #ffd84d; color: #050505; font-size: 13px; font-weight: 800; line-height: 16px; letter-spacing: -.15px; box-shadow: 0 7px 24px #ffd84d1f; } body.mtb-platform .mtb-dialog--wide { width: min(1180px,calc(100vw - 32px)); } body.mtb-platform .mtb-ready-catalog, body.mtb-platform .mtb-ready-detail { display: grid; gap: 26px; } body.mtb-platform .mtb-ready-toolbar { display: grid; gap: 16px; } body.mtb-platform .mtb-ready-toolbar > input { min-height: 50px; border: 0 !important; background: #18181b !important; box-shadow: inset 0 0 0 1px transparent; } body.mtb-platform .mtb-ready-toolbar > input:focus { box-shadow: inset 0 0 0 2px #fd3301 !important; } body.mtb-platform .mtb-ready-types { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; } body.mtb-platform .mtb-ready-types::-webkit-scrollbar { display: none; } body.mtb-platform .mtb-ready-types > button { min-height: 40px !important; flex: none; padding: 9px 15px !important; border: 0 !important; border-radius: 999px !important; background: #18181b !important; color: #b1b1b8 !important; box-shadow: none !important; } body.mtb-platform .mtb-ready-types > button[aria-pressed="true"] { background: linear-gradient(135deg,#fd3301,#ff5b34) !important; color: #fff !important; box-shadow: 0 10px 30px #fd330126 !important; } body.mtb-platform .mtb-ready-sections { display: grid; gap: 34px; } body.mtb-platform .mtb-ready-section { display: grid; gap: 15px; } body.mtb-platform .mtb-ready-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; } body.mtb-platform .mtb-ready-section-heading > div { display: grid; gap: 5px; } body.mtb-platform .mtb-ready-section-heading h3 { margin: 0; color: #f7f7f8; font-size: 21px; line-height: 1.18; letter-spacing: -.03em; } body.mtb-platform .mtb-ready-section-heading p, body.mtb-platform .mtb-ready-section-heading > span { margin: 0; color: #85858e; font-size: 11px; line-height: 1.45; } body.mtb-platform .mtb-ready-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 22px; } body.mtb-platform .mtb-ready-card { position: relative; display: grid !important; min-width: 0; grid-template-columns: 116px minmax(0,1fr) 22px; align-items: center; gap: 16px; padding: 18px 2px !important; border: 0 !important; border-bottom: 1px solid #252529 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; text-align: left !important; box-shadow: none !important; } body.mtb-platform .mtb-ready-card:hover { background: linear-gradient(90deg,#ffffff05,transparent 82%) !important; } body.mtb-platform .mtb-ready-card:focus-visible { outline: 2px solid #fd3301; outline-offset: -2px; } body.mtb-platform .mtb-ready-media { position: relative; display: block; height: 78px; overflow: hidden; border-radius: 12px; background: #18181b; } body.mtb-platform .mtb-ready-media > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .25s ease; } body.mtb-platform .mtb-ready-card:hover .mtb-ready-media > img { transform: scale(1.035); } body.mtb-platform .mtb-ready-media > .mtb-pro-badge { position: absolute; top: 8px; right: 8px; } body.mtb-platform .mtb-ready-copy { display: grid; min-width: 0; gap: 6px; } body.mtb-platform .mtb-ready-copy strong { display: -webkit-box; overflow: hidden; color: #f5f5f7; font-size: 15px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.mtb-platform .mtb-ready-copy small { color: #8d8d96; font-size: 11px; line-height: 1.4; } body.mtb-platform .mtb-ready-card > svg { width: 19px; height: 19px; color: #65656d; } body.mtb-platform .mtb-ready-detail-hero { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr); align-items: stretch; gap: 30px; } body.mtb-platform .mtb-ready-detail-hero > img { width: 100%; min-height: 260px; max-height: 390px; border-radius: 20px; object-fit: cover; background: #18181b; } body.mtb-platform .mtb-ready-detail-copy { display: grid; align-content: center; justify-items: start; gap: 14px; padding: 20px 0; } body.mtb-platform .mtb-ready-detail-copy h3 { max-width: 16ch; margin: 0; color: #f7f7f8; font-size: clamp(32px,4vw,58px); line-height: .98; letter-spacing: -.055em; } body.mtb-platform .mtb-ready-detail-copy p { max-width: 58ch; margin: 0; color: #9a9aa2; font-size: 14px; line-height: 1.65; } body.mtb-platform .mtb-ready-facts { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 8px; color: #d7d7dc; font-size: 12px; font-weight: 650; } body.mtb-platform .mtb-ready-days { display: grid; } body.mtb-platform .mtb-ready-day { border-bottom: 1px solid #252529; } body.mtb-platform .mtb-ready-day:first-child { border-top: 1px solid #252529; } body.mtb-platform .mtb-ready-day > summary { min-height: 64px; padding: 20px 4px; color: #f4f4f6; font-size: 16px; font-weight: 700; cursor: pointer; } body.mtb-platform .mtb-ready-exercises { display: grid; padding: 0 4px 12px 26px; } body.mtb-platform .mtb-ready-exercise { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; gap: 15px; min-height: 86px; border-bottom: 1px solid #202024; } body.mtb-platform .mtb-ready-exercise:last-child { border-bottom: 0; } body.mtb-platform .mtb-ready-exercise > img { width: 64px; height: 64px; overflow: hidden; border-radius: 50%; background: #f4f4f4; object-fit: cover; object-position: center; transform: scale(1.04); } body.mtb-platform .mtb-ready-exercise > span { display: grid; gap: 5px; } body.mtb-platform .mtb-ready-exercise strong { color: #f4f4f6; font-size: 14px; line-height: 1.35; } body.mtb-platform .mtb-ready-exercise small { color: #85858e; font-size: 11px; } body.mtb-platform .mtb-app-pro-gate { display: grid; justify-items: start; gap: 14px; padding: 6px 2px 12px; } body.mtb-platform .mtb-app-pro-gate h3 { margin: 0; color: #f6f6f7; font-size: 24px; letter-spacing: -.035em; } body.mtb-platform .mtb-app-pro-gate p { max-width: 54ch; margin: 0; color: #9999a2; font-size: 13px; line-height: 1.6; } body.mtb-platform .mtb-template-open { align-items: center; gap: 14px; } body.mtb-platform .mtb-template-cover { width: 88px; height: 64px; flex: none; border-radius: 10px; object-fit: cover; background: #18181b; } body.mtb-platform .mtb-template-copy { display: grid; min-width: 0; gap: 5px; } body.mtb-platform .mtb-template-copy h2 { margin: 0; } body.mtb-platform .mtb-template-source { color: #fd6843; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } @media (max-width: 980px) { body.mtb-platform .mtb-ready-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.mtb-platform .mtb-ready-detail-hero { grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr); } } @media (max-width: 680px) { body.mtb-platform .mtb-dialog--wide { width: calc(100vw - 16px); } body.mtb-platform .mtb-ready-catalog, body.mtb-platform .mtb-ready-detail { gap: 20px; } body.mtb-platform .mtb-ready-grid { grid-template-columns: 1fr; } body.mtb-platform .mtb-ready-card { grid-template-columns: 96px minmax(0,1fr) 18px; gap: 12px; padding-block: 14px !important; } body.mtb-platform .mtb-ready-media { height: 68px; border-radius: 10px; } body.mtb-platform .mtb-ready-section-heading { align-items: start; } body.mtb-platform .mtb-ready-section-heading > span { display: none; } body.mtb-platform .mtb-ready-detail-hero { grid-template-columns: 1fr; gap: 18px; } body.mtb-platform .mtb-ready-detail-hero > img { min-height: 210px; max-height: 280px; border-radius: 15px; } body.mtb-platform .mtb-ready-detail-copy { gap: 11px; padding: 0; } body.mtb-platform .mtb-ready-detail-copy h3 { max-width: none; font-size: 35px; } body.mtb-platform .mtb-ready-exercises { padding-left: 8px; } body.mtb-platform .mtb-ready-exercise { grid-template-columns: 56px minmax(0,1fr); min-height: 78px; } body.mtb-platform .mtb-ready-exercise > img { width: 56px; height: 56px; } } /* Detailed student progress: app sections with desktop-grade interaction. */ body.mtb-platform .mtb-progress-workspace { display: grid; gap: 14px; } body.mtb-platform .mtb-progress-controls { position: sticky; top: 0; z-index: 8; display: grid; gap: 12px; padding: 14px 0 0; background: linear-gradient(180deg,#000 0,#000 82%,transparent 100%); } body.mtb-platform .mtb-progress-controls > div:first-child { display: grid; gap: 8px; } body.mtb-platform .mtb-progress-periods, body.mtb-platform .mtb-progress-tabs { display: flex; min-width: 0; gap: 6px; overflow-x: auto; padding: 0 0 7px; scrollbar-width: none; } body.mtb-platform .mtb-progress-periods::-webkit-scrollbar, body.mtb-platform .mtb-progress-tabs::-webkit-scrollbar { display: none; } body.mtb-platform :is(.mtb-progress-periods,.mtb-progress-tabs) > .mtb-button { display: inline-flex; min-height: 42px !important; flex: none; align-items: center; gap: 8px; padding: 8px 13px !important; border: 0 !important; border-radius: 11px !important; background: transparent !important; color: #9c9ca4 !important; font-size: 12px !important; box-shadow: none !important; } body.mtb-platform :is(.mtb-progress-periods,.mtb-progress-tabs) > .mtb-button:hover { background: #ffffff05 !important; color: #fff !important; } body.mtb-platform :is(.mtb-progress-periods,.mtb-progress-tabs) > .mtb-button[aria-pressed="true"] { background: linear-gradient(145deg,#232327,#18181b) !important; color: #fff !important; } body.mtb-platform :is(.mtb-progress-periods,.mtb-progress-tabs) .mtb-pro-badge { min-width: 34px; min-height: 20px; padding: 1px 6px; font-size: 10px; line-height: 14px; } body.mtb-platform .mtb-progress-tabs { padding: 7px; border-radius: 15px; background: linear-gradient(145deg,#121214,#0c0c0e); } body.mtb-platform .mtb-progress-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border-radius: 17px; background: linear-gradient(135deg,#18181b 0,#101012 72%,#1a0b07 130%); box-shadow: 0 20px 60px #0006; } body.mtb-platform .mtb-progress-summary > div { display: grid; min-width: 0; gap: 8px; padding: 19px 21px; box-shadow: inset -1px 0 #28282c; } body.mtb-platform .mtb-progress-summary > div:last-child { box-shadow: none; } body.mtb-platform .mtb-progress-summary small { color: #85858e; font-size: 9px; font-weight: 720; letter-spacing: .08em; text-transform: uppercase; } body.mtb-platform .mtb-progress-summary strong { overflow: hidden; color: #f7f7f8; font-size: clamp(20px,2vw,29px); line-height: 1; letter-spacing: -.045em; text-overflow: ellipsis; white-space: nowrap; } body.mtb-platform .mtb-progress-content { min-height: 360px; padding: 22px; border-radius: 18px; background: linear-gradient(145deg,#141416,#0e0e10); box-shadow: 0 22px 70px #0007; } body.mtb-platform .mtb-progress-section-head { display: flex; min-height: 44px; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; } body.mtb-platform .mtb-progress-section-head h3 { margin: 0; color: #f5f5f7; font-size: 18px; letter-spacing: -.035em; } body.mtb-platform .mtb-progress-section-head > span:not(.mtb-pro-badge) { color: #85858e; font-size: 11px; } body.mtb-platform .mtb-progress-metric-tabs { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; } body.mtb-platform .mtb-progress-metric-tabs > .mtb-button { min-height: 32px !important; padding: 6px 10px !important; border: 0 !important; border-radius: 999px !important; background: #ffffff05 !important; color: #8f8f98 !important; font-size: 10px !important; box-shadow: none !important; } body.mtb-platform .mtb-progress-metric-tabs > .mtb-button[aria-pressed="true"] { background: #fd330119 !important; color: #ff744f !important; } body.mtb-platform .mtb-progress-chart-wrap { display: grid; gap: 10px; } body.mtb-platform .mtb-progress-chart { display: grid; min-height: 280px; grid-auto-flow: column; grid-auto-columns: minmax(44px,1fr); align-items: end; gap: 10px; overflow-x: auto; padding: 30px 10px 11px; background: repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#ffffff06 calc(25% - 1px),#ffffff06 25%); scrollbar-width: thin; } body.mtb-platform .mtb-progress-chart-column { display: grid; min-width: 44px; height: 224px; grid-template-rows: 20px minmax(0,1fr) 22px; align-items: end; gap: 7px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #8f8f98 !important; text-align: center; box-shadow: none !important; } body.mtb-platform .mtb-progress-chart-column > span { align-self: start; overflow: hidden; color: #8b8b93; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; } body.mtb-platform .mtb-progress-chart-column > i { display: block; width: min(28px,72%); min-height: 4px; justify-self: center; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg,#75757c,#3d3d43); box-shadow: inset 0 1px #ffffff24; transition: height .25s ease,background .2s ease; } body.mtb-platform .mtb-progress-chart-column:is(:hover,.is-selected) > i { background: linear-gradient(180deg,#ff5b34,#fd3301 65%,#a72200); box-shadow: 0 0 26px #fd330134; } body.mtb-platform .mtb-progress-chart-column > small { color: #898991; font-size: 9px; white-space: nowrap; } body.mtb-platform .mtb-progress-chart-detail { min-height: 20px; margin: 0; color: #aaaab2; font-size: 11px; } body.mtb-platform .mtb-progress-session-row { display: flex; width: 100%; min-height: 72px; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 3px; border: 0; border-bottom: 1px solid #28282c; background: transparent; color: inherit; text-align: left; } body.mtb-platform .mtb-progress-session-row:last-child { border-bottom: 0; } body.mtb-platform .mtb-progress-session-row > span { display: grid; gap: 5px; } body.mtb-platform .mtb-progress-session-row strong { color: #f4f4f6; font-size: 14px; } body.mtb-platform .mtb-progress-session-row small { color: #85858e; font-size: 10px; } body.mtb-platform .mtb-progress-session-metrics { justify-items: end; } body.mtb-platform .mtb-progress-session-metrics b { color: #f6f6f7; font-size: 15px; } body.mtb-platform .mtb-progress-exercise-list, body.mtb-platform .mtb-progress-muscle-list, body.mtb-platform .mtb-progress-bucket-list { display: grid; } body.mtb-platform .mtb-progress-exercise-row { display: grid !important; min-height: 92px !important; grid-template-columns: 28px 64px minmax(180px,1fr) minmax(180px,1.4fr) auto 18px; align-items: center; gap: 14px; padding: 12px 3px !important; border: 0 !important; border-bottom: 1px solid #28282c !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; text-align: left !important; box-shadow: none !important; } body.mtb-platform .mtb-progress-exercise-row:last-child { border-bottom: 0 !important; } body.mtb-platform .mtb-progress-exercise-row:hover { background: linear-gradient(90deg,#ffffff05,transparent 82%) !important; } body.mtb-platform .mtb-progress-rank { color: #fd5c36; font-size: 10px; font-weight: 800; } body.mtb-platform .mtb-progress-exercise-media { display: grid; width: 64px; height: 64px; place-items: center; overflow: hidden; border-radius: 50%; background: #f4f4f4; color: #161618; font-size: 18px; font-weight: 800; } body.mtb-platform .mtb-progress-exercise-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.08); } body.mtb-platform .mtb-progress-exercise-copy { display: grid; min-width: 0; gap: 5px; } body.mtb-platform .mtb-progress-exercise-copy strong { overflow: hidden; color: #f4f4f6; font-size: 14px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } body.mtb-platform .mtb-progress-exercise-copy small { color: #85858e; font-size: 10px; } body.mtb-platform .mtb-progress-exercise-row > b { min-width: 80px; color: #f4f4f6; font-size: 12px; text-align: right; } body.mtb-platform .mtb-progress-exercise-row > svg { width: 18px; height: 18px; color: #66666e; } body.mtb-platform .mtb-progress-bar { display: block; height: 7px; overflow: hidden; border-radius: 99px; background: #29292e; } body.mtb-platform .mtb-progress-bar > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#b52601,#fd3301,#ff6b47); box-shadow: 0 0 18px #fd33012e; } body.mtb-platform .mtb-progress-muscle-row, body.mtb-platform .mtb-progress-bucket-row { display: grid; min-height: 64px; grid-template-columns: minmax(150px,.8fr) minmax(200px,1.6fr) auto; align-items: center; gap: 18px; padding: 10px 3px; border-bottom: 1px solid #28282c; } body.mtb-platform :is(.mtb-progress-muscle-row,.mtb-progress-bucket-row):last-child { border-bottom: 0; } body.mtb-platform .mtb-progress-muscle-row > span:first-child { display: grid; gap: 4px; } body.mtb-platform .mtb-progress-muscle-row strong, body.mtb-platform .mtb-progress-bucket-row strong { color: #f4f4f6; font-size: 13px; } body.mtb-platform .mtb-progress-muscle-row small { color: #85858e; font-size: 10px; } body.mtb-platform :is(.mtb-progress-muscle-row,.mtb-progress-bucket-row) > b { min-width: 70px; color: #d7d7dc; font-size: 11px; text-align: right; } body.mtb-platform .mtb-progress-exercise-detail { display: grid; gap: 18px; } body.mtb-platform .mtb-progress-exercise-hero { display: grid; grid-template-columns: 88px minmax(0,1fr); align-items: center; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #28282c; } body.mtb-platform .mtb-progress-exercise-hero .mtb-progress-exercise-media { width: 88px; height: 88px; } body.mtb-platform .mtb-progress-exercise-hero h3 { margin: 4px 0 6px; color: #f6f6f7; font-size: 23px; letter-spacing: -.04em; } body.mtb-platform .mtb-progress-exercise-hero p { margin: 0; } body.mtb-platform .mtb-progress-detail-row { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 2px; border-bottom: 1px solid #28282c; } body.mtb-platform .mtb-progress-detail-row > span { display: grid; gap: 5px; } body.mtb-platform .mtb-progress-detail-row strong { color: #f4f4f6; font-size: 13px; } body.mtb-platform .mtb-progress-detail-row small { color: #85858e; font-size: 10px; } body.mtb-platform .mtb-progress-detail-row b { color: #f4f4f6; font-size: 13px; } @media (max-width: 900px) { body.mtb-platform .mtb-progress-exercise-row { grid-template-columns: 26px 58px minmax(140px,1fr) minmax(130px,1fr) auto 18px; gap: 10px; } body.mtb-platform .mtb-progress-exercise-media { width: 58px; height: 58px; } } @media (max-width: 680px) { body.mtb-platform .mtb-progress-controls { margin-inline: -1px; padding-top: 9px; } body.mtb-platform .mtb-progress-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } body.mtb-platform .mtb-progress-summary > div { padding: 15px 14px; box-shadow: inset -1px 0 #28282c,inset 0 -1px #28282c; } body.mtb-platform .mtb-progress-summary > div:nth-child(2n) { box-shadow: inset 0 -1px #28282c; } body.mtb-platform .mtb-progress-summary > div:nth-last-child(-n+2) { box-shadow: inset -1px 0 #28282c; } body.mtb-platform .mtb-progress-summary > div:last-child { box-shadow: none; } body.mtb-platform .mtb-progress-content { min-height: 320px; padding: 17px 14px; border-radius: 15px; } body.mtb-platform .mtb-progress-section-head { align-items: flex-start; flex-wrap: wrap; margin-bottom: 8px; } body.mtb-platform .mtb-progress-section-head .mtb-progress-metric-tabs { width: 100%; justify-content: flex-start; } body.mtb-platform .mtb-progress-chart { min-height: 235px; grid-auto-columns: 42px; gap: 7px; padding-inline: 4px; } body.mtb-platform .mtb-progress-chart-column { height: 184px; min-width: 42px; } body.mtb-platform .mtb-progress-session-row { align-items: flex-start; gap: 12px; } body.mtb-platform .mtb-progress-session-row strong { font-size: 12px; } body.mtb-platform .mtb-progress-session-metrics { min-width: 86px; } body.mtb-platform .mtb-progress-exercise-row { grid-template-columns: 20px 54px minmax(0,1fr) 17px; min-height: 94px !important; column-gap: 9px; row-gap: 5px; } body.mtb-platform .mtb-progress-rank { grid-column: 1; grid-row: 1 / 4; align-self: center; } body.mtb-platform .mtb-progress-exercise-media { width: 54px; height: 54px; } body.mtb-platform .mtb-progress-exercise-row > .mtb-progress-exercise-media { grid-column: 2; grid-row: 1 / 4; align-self: center; } body.mtb-platform .mtb-progress-exercise-copy { grid-column: 3; grid-row: 1; } body.mtb-platform .mtb-progress-exercise-copy strong { display: -webkit-box; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.mtb-platform .mtb-progress-exercise-row > .mtb-progress-bar { grid-column: 3; grid-row: 3; align-self: end; margin-right: 4px; } body.mtb-platform .mtb-progress-exercise-row > b { grid-column: 3; grid-row: 2; min-width: 0; justify-self: end; font-size: 10px; } body.mtb-platform .mtb-progress-exercise-row > svg { grid-column: 4; grid-row: 1 / 4; } body.mtb-platform .mtb-progress-muscle-row, body.mtb-platform .mtb-progress-bucket-row { grid-template-columns: minmax(110px,.8fr) minmax(80px,1fr); gap: 10px; } body.mtb-platform :is(.mtb-progress-muscle-row,.mtb-progress-bucket-row) > b { grid-column: 2; grid-row: 1; } body.mtb-platform .mtb-progress-exercise-hero { grid-template-columns: 70px minmax(0,1fr); } body.mtb-platform .mtb-progress-exercise-hero .mtb-progress-exercise-media { width: 70px; height: 70px; } body.mtb-platform .mtb-progress-exercise-hero h3 { font-size: 19px; } } /* The editor header is composed of an identity group and an action group. Keep both in the normal flow on narrow screens so long exercise names never sit underneath the reorder/menu controls. */ @media (max-width: 640px) { body.mtb-platform .mtb-exercise-editor-head { display: grid !important; grid-template-columns: minmax(0,1fr) !important; align-items: stretch !important; gap: 12px !important; padding: 14px !important; } body.mtb-platform .mtb-exercise-editor-head > span { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; } body.mtb-platform .mtb-exercise-number { grid-column: 1 !important; grid-row: 1 !important; width: 28px !important; height: 28px !important; flex-basis: 28px !important; } body.mtb-platform .mtb-exercise-editor-head .mtb-exercise-identity { display: grid !important; grid-template-columns: 54px minmax(0,1fr) !important; align-items: center !important; gap: 11px !important; width: 100% !important; min-width: 0 !important; grid-column: 2 !important; grid-row: 1 !important; } body.mtb-platform .mtb-exercise-editor-head .mtb-exercise-identity > img { width: 54px !important; min-width: 54px !important; height: 54px !important; flex-basis: 54px !important; } body.mtb-platform .mtb-exercise-editor-head .mtb-exercise-identity > span { display: grid !important; min-width: 0 !important; gap: 4px !important; } body.mtb-platform .mtb-exercise-editor-head .mtb-exercise-identity strong { display: -webkit-box !important; overflow: hidden !important; color: #f4f4f6 !important; font-size: 14px !important; line-height: 1.3 !important; white-space: normal !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } body.mtb-platform .mtb-exercise-editor-head > .mtb-actions { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-column: 1 !important; grid-row: auto !important; width: 100% !important; padding-left: 0 !important; gap: 6px !important; } body.mtb-platform .mtb-exercise-editor-head > .mtb-actions > :is(.mtb-button,.mtb-action-menu) { min-width: 0 !important; width: 100% !important; } body.mtb-platform .mtb-exercise-editor-head > .mtb-actions .mtb-button, body.mtb-platform .mtb-exercise-editor-head > .mtb-actions .mtb-action-menu > summary { width: 100% !important; min-width: 0 !important; min-height: 38px !important; justify-content: center !important; padding-inline: 7px !important; font-size: 11px !important; } body.mtb-platform .mtb-exercise-editor-body, body.mtb-platform .mtb-exercise-editor-body > * { min-width: 0 !important; } body.mtb-platform .mtb-exercise-editor-body :is(input,select,textarea) { width: 100% !important; min-width: 0 !important; } }