/* Authoritative bottom navigation: fixed, four equal icon-only targets. */ :root{--swack-text-gutter:14px;--swack-section-gap:24px;--swack-media-radius:0px;--swack-nav-height:calc(54px + env(safe-area-inset-bottom,0px));--swack-nav-space:calc(var(--swack-nav-height) + 20px)} #bottomNav{position:fixed;inset:auto 0 0;z-index:110;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--swack-nav-height);width:100%;box-sizing:border-box;margin:0;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;border-top:1px solid var(--bp-line);border-radius:0;background:var(--bp-card);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;} #bottomNav button{position:relative;display:grid;place-items:center;min-width:44px;min-height:54px;width:100%;height:54px;padding:0;margin:0;border:0;border-radius:0;background:none;color:var(--bp-muted);box-shadow:none;transform:none;transition:color 200ms var(--swack-ease);touch-action:manipulation;} #bottomNav button.active{color:var(--bp-purple);background:none;} #bottomNav button>b{display:none;} #bottomNav button>span{display:grid;place-items:center;width:26px;height:26px;} #bottomNav button:active{transform:none;} #bottomNav button:focus-visible{outline:2px solid var(--bp-purple);outline-offset:-6px;} body.v63-modal-open #bottomNav,body.v63-detail-view #bottomNav{display:none!important;} :root{--ivory: #FBF7F0; --paper: #fffdf9; --paper2: #f2eee6; --ink: #252523; --muted: #77766f; --sage: #A9B3A7; --sage2: #D7DDD3; --sage3: #7f9280; --charcoal: #2B2B2B; --line: #e5dfd5; --rose: #a66f68; --amber: #b68d4c; --green: #78957d; --shadow: 0 18px 55px rgba(69,68,59,.08); --radius: 22px;} *{box-sizing: border-box;} html, body{margin: 0px; background: var(--ivory); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;} body{min-height: 100vh; padding-bottom: 92px;} button, input, select, textarea{font: inherit;} button{cursor: pointer;} .topbar{position: relative; z-index: 20; height: 62px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; background: rgba(251, 247, 240, 0.93); border-bottom: 1px solid rgba(169, 179, 167, 0.22);} .brand-button{border: 0px; background: none; padding: 0px; display: flex; align-items: center; gap: 10px; color: var(--ink);} .brand-button img{width: 42px; height: 42px;} .brand-button span{font-family: Georgia, "Times New Roman", serif; font-size: 27px; letter-spacing: -0.02em;} .top-actions{display: flex; align-items: center; gap: 8px;} .status-pill, .pill{display: inline-flex; align-items: center; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.56); border-radius: 999px; padding: 7px 10px; font-size: 11px; font-weight: 800; color: var(--muted);} .status-pill.cloud{background: rgb(237, 243, 237); border-color: rgb(210, 223, 209); color: rgb(88, 113, 94);} .status-pill.warn{background: rgb(246, 238, 223); border-color: rgb(230, 215, 182); color: rgb(141, 107, 49);} .icon-btn{border: 1px solid var(--line); background: var(--paper); border-radius: 50%; width: 38px; height: 38px; font-size: 20px; color: var(--ink);} main{max-width: 820px; margin: 0px auto; padding: 16px 14px 34px;} .card{background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; margin: 11px 0px; box-shadow: var(--shadow);} .hero{background: linear-gradient(145deg, rgb(255, 253, 249) 0%, rgb(240, 238, 231) 100%); border-color: rgb(220, 225, 216);} .eyebrow{font-size: 10px; font-weight: 850; letter-spacing: 0.17em; text-transform: uppercase; color: rgb(119, 131, 119); margin-bottom: 6px;} h1, h2{font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.025em;} h1{font-size: 36px; margin: 3px 0px 10px;} h2{font-size: 25px; margin: 0px 0px 9px;} h3{font-size: 16px; margin: 0px 0px 8px;} h4{font-size: 14px; margin: 0px 0px 6px;} p{line-height: 1.5; margin: 8px 0px;} .muted{color: var(--muted);} .tiny{font-size: 11px; color: var(--muted);} .sage{color: var(--sage3);} .row{display: flex; align-items: center; gap: 10px;} .between{justify-content: space-between;} .wrap{flex-wrap: wrap;} .grow{flex: 1 1 0%;} .grid2{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .grid3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;} .grid4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px;} .metric{background: rgb(243, 241, 234); border: 1px solid rgb(229, 226, 217); border-radius: 16px; padding: 13px;} .metric strong{display: block; font-family: Georgia, "Times New Roman", serif; font-weight: 500; color: rgb(101, 118, 101); font-size: 21px; margin-top: 3px;} .btn, button.primary{border: 0px; background: var(--charcoal); color: white; border-radius: 14px; padding: 12px 15px; font-weight: 800;} button.secondary{border: 1px solid var(--line); background: var(--paper); color: var(--ink); border-radius: 14px; padding: 11px 14px; font-weight: 800;} button.sage-btn{border: 0px; background: linear-gradient(135deg, rgb(158, 172, 157), rgb(127, 146, 127)); color: white; border-radius: 14px; padding: 12px 15px; font-weight: 800;} button.danger{border: 1px solid rgb(226, 200, 195); background: rgb(255, 247, 245); color: rgb(145, 95, 89); border-radius: 14px; padding: 11px 14px; font-weight: 800;} button.full{width: 100%;} button.small{font-size: 12px; padding: 8px 10px; border-radius: 11px;} .hidden{display: none !important;} input, select, textarea{width: 100%; border: 1px solid rgb(220, 216, 207); background: white; color: var(--ink); border-radius: 12px; padding: 11px 12px; outline: none;} input:focus, select:focus, textarea:focus{border-color: rgb(158, 174, 157); box-shadow: rgba(169, 179, 167, 0.17) 0px 0px 0px 3px;} label{display: block; font-size: 11px; font-weight: 800; color: var(--muted); margin: 0px 0px 5px;} .field{margin: 11px 0px;} .choice-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;} .choice{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 14px; padding: 12px; text-align: center; font-weight: 750; color: rgb(104, 102, 95);} .choice.active{border-color: rgb(142, 161, 141); background: rgb(238, 242, 236); color: rgb(64, 83, 67);} .progress-track{height: 7px; border-radius: 999px; background: rgb(232, 228, 218); overflow: hidden;} .progress-track span{display: block; height: 100%; background: linear-gradient(90deg, rgb(203, 213, 200), rgb(130, 150, 129));} .stepper{display: flex; gap: 6px; margin: 8px 0px 16px;} .stepper span{height: 5px; flex: 1 1 0%; border-radius: 999px; background: rgb(228, 224, 216);} .stepper span.on{background: rgb(145, 161, 144);} .range-line{display: grid; grid-template-columns: 1fr 46px; gap: 10px; align-items: center;} .range-line output{text-align: center; font-weight: 900; color: rgb(100, 117, 99); background: rgb(238, 242, 236); border-radius: 10px; padding: 7px;} .warmup{background: rgb(239, 243, 238); border: 1px solid rgb(219, 229, 218);} .warm-item, .set-line, .injury-item, .meal, .list-row{padding: 12px 0px; border-top: 1px solid var(--line);} .warm-item:first-of-type, .meal:first-of-type{border-top: 0px;} .exercise-card{border: 1px solid rgb(228, 223, 213); border-radius: 18px; padding: 15px; margin: 12px 0px; background: rgb(255, 255, 255);} .exercise-card.done{opacity: 0.68; background: rgb(244, 243, 238);} .exercise-head{display: flex; justify-content: space-between; align-items: start; gap: 8px;} .exercise-title{font-weight: 850; font-size: 16px;} .exercise-meta{font-size: 11px; color: var(--muted); margin-top: 3px;} .recommend{margin: 9px 0px 11px; padding: 11px; border-radius: 13px; background: rgb(240, 243, 237); border: 1px solid rgb(216, 225, 214);} .recommend strong{color: rgb(82, 106, 84);} .set-buttons{display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px;} .set-btn{width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgb(204, 213, 202); background: rgb(247, 249, 245); color: rgb(79, 100, 81); font-weight: 900;} .set-btn.done{background: rgb(127, 146, 127); color: rgb(255, 255, 255); border-color: rgb(127, 146, 127);} .timerbar{position: sticky; top: 81px; z-index: 35; background: rgb(43, 43, 43); color: white; border-radius: 18px; padding: 11px 13px; box-shadow: rgba(0, 0, 0, 0.14) 0px 14px 30px; margin-bottom: 12px;} .timerbar strong{font-variant-numeric: tabular-nums;} .rest{color: rgb(218, 230, 215);} .time-options{display: flex; gap: 7px; overflow: auto; padding: 3px 0px;} .time-options button{min-width: 66px; border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 13px; padding: 10px; font-weight: 800; color: rgb(107, 104, 97);} .time-options button.active{background: rgb(127, 146, 127); color: rgb(255, 255, 255); border-color: rgb(127, 146, 127);} .callout{padding: 13px; border-radius: 14px; background: rgb(245, 241, 232); border: 1px solid rgb(226, 217, 199); color: rgb(103, 94, 79); font-size: 13px; line-height: 1.45;} .warning{padding: 13px; border-radius: 14px; background: rgb(255, 243, 237); border: 1px solid rgb(235, 209, 197); color: rgb(131, 93, 81); font-size: 13px;} .success{padding: 13px; border-radius: 14px; background: rgb(239, 245, 238); border: 1px solid rgb(212, 228, 210); color: rgb(80, 108, 82); font-size: 13px;} .chip{display: inline-flex; border: 1px solid var(--line); background: rgb(247, 245, 239); border-radius: 999px; padding: 6px 9px; font-size: 11px; margin: 3px 4px 3px 0px;} .chip.active{background: rgb(232, 239, 230); border-color: rgb(203, 217, 200); color: rgb(83, 107, 85);} .modal-backdrop{position: fixed; inset: 0px; z-index: 100; background: rgba(34, 34, 31, 0.37); display: flex; align-items: flex-end; justify-content: center; padding: 14px;} .modal{width: min(720px, 100%); max-height: 86vh; overflow: auto; background: var(--paper); border-radius: 26px; padding: 19px; box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 80px;} .modal-handle{width: 42px; height: 4px; border-radius: 99px; background: rgb(215, 210, 201); margin: 0px auto 16px;} .close{float: right; border: 0px; background: rgb(238, 234, 225); border-radius: 50%; width: 34px; height: 34px;} .chat{background: rgb(245, 243, 237); border: 1px solid var(--line); border-radius: 17px; padding: 13px;} .bubble{max-width: 86%; padding: 10px 12px; border-radius: 15px; margin: 7px 0px; font-size: 13px; line-height: 1.4;} .bubble.user{margin-left: auto; background: rgb(127, 146, 127); color: white;} .bubble.bot{background: white; border: 1px solid var(--line);} .spark{height: 125px; width: 100%; display: block;} .chart-labels{display: flex; justify-content: space-between; font-size: 10px; color: var(--muted);} .auth-card{max-width: 520px; margin: 46px auto;} .logo-hero{text-align: center; margin-bottom: 25px;} .logo-hero img{width: 86px;} .logo-hero h1{font-size: 44px; margin: 5px 0px;} .language-row{display: flex; justify-content: center; gap: 6px; flex-wrap: wrap;} .language-row button{border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 7px 9px; border-radius: 10px; font-weight: 800;} .language-row button.active{background: rgb(233, 239, 231);} .divider{height: 1px; background: var(--line); margin: 16px 0px;} .right{text-align: right;} .badge{display: inline-flex; border-radius: 8px; padding: 4px 7px; background: rgb(238, 241, 235); color: rgb(94, 114, 95); font-size: 10px; font-weight: 850;} .phase{padding: 12px; border-left: 3px solid rgb(154, 170, 152);} .week-card{cursor: pointer;} @media (max-width: 620px) {.grid4{grid-template-columns: 1fr 1fr;} .grid3{grid-template-columns: 1fr 1fr;} .choice-grid{grid-template-columns: 1fr 1fr;} h1{font-size: 31px;} .topbar{height: 66px;} .brand-button img{width: 38px; height: 38px;} .timerbar{top: 75px;}} :root{--coral: #E7A18F; --coral-soft: #F7DED6; --blue: #89B8C7; --blue-soft: #DDEDF2; --violet: #A99DC8; --violet-soft: #EAE5F4; --lime: #B8C98B; --lime-soft: #EAF0D8; --sun: #E9C86D; --sun-soft: #F8EEC9;} body{background: radial-gradient(circle at 8% 9%, rgba(231,161,143,.18), transparent 22rem), radial-gradient(circle at 92% 23%, rgba(137,184,199,.18), transparent 24rem), radial-gradient(circle at 35% 75%, rgba(169,157,200,.10), transparent 25rem), var(--ivory);} .card{transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;} @media (hover: hover) {.card:hover{transform: translateY(-2px); box-shadow: rgba(69, 68, 59, 0.11) 0px 20px 58px;}} button{transition: transform 0.13s, filter 0.18s, box-shadow 0.18s;} button:active{transform: scale(0.97);} .sage-btn{box-shadow: rgba(96, 126, 112, 0.22) 0px 9px 22px; background: linear-gradient(135deg, rgb(127, 146, 127) 0%, rgb(149, 169, 154) 48%, rgb(102, 138, 142) 100%) !important;} .fresh-hero{position: relative; overflow: hidden; background: linear-gradient(135deg, rgb(255, 253, 250) 0%, rgb(237, 242, 233) 54%, rgb(238, 245, 246) 100%);} .fresh-hero::after{content: ""; position: absolute; width: 160px; height: 160px; border-radius: 50%; right: -50px; bottom: -80px; background: linear-gradient(135deg, rgba(231, 161, 143, 0.38), rgba(169, 157, 200, 0.28)); filter: blur(2px);} .home-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 11px;} .home-grid .card{margin: 0px; min-height: 210px;} .home-icon{display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; font-size: 20px; background: rgba(255, 255, 255, 0.7); box-shadow: rgba(255, 255, 255, 0.65) 0px 0px 0px 1px inset;} .accent-sage{background: linear-gradient(145deg, rgb(247, 250, 244), rgb(228, 238, 226)); border-color: rgb(209, 223, 207);} .accent-coral{background: linear-gradient(145deg, rgb(255, 250, 250), rgb(248, 225, 217)); border-color: rgb(239, 208, 197);} .accent-blue{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(232, 243, 246)); border-color: rgb(209, 230, 236);} .food-hero{background: linear-gradient(135deg, rgb(255, 253, 249), rgb(250, 231, 223) 65%, rgb(243, 239, 221));} .plan-hero{background: linear-gradient(135deg, rgb(255, 253, 249), rgb(230, 240, 234) 55%, rgb(231, 238, 246));} .profile-hero{background: linear-gradient(135deg, rgb(255, 253, 249), rgb(236, 230, 245) 58%, rgb(231, 240, 235));} .session-hero{background: linear-gradient(135deg, rgb(255, 253, 249), rgb(229, 240, 225) 56%, rgb(231, 241, 244));} .mini-plan{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;} .mini-plan span{font-size: 11px; font-weight: 750; padding: 6px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.63); border: 1px solid rgba(127, 146, 128, 0.18);} .food-glance{display: grid; gap: 9px; margin: 12px 0px;} .food-glance div{display: grid; gap: 2px;} .food-glance strong{font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(137, 107, 99);} .food-glance span{font-size: 12px; line-height: 1.35;} .target-weight-card{background: linear-gradient(135deg, rgb(240, 244, 237), rgb(231, 242, 243)); border: 1px solid rgb(213, 226, 211); border-radius: 18px; padding: 16px !important;} .target-weight-number{display: flex; align-items: baseline; gap: 6px; margin: 8px 0px;} .target-weight-number strong{font-family: Georgia, "Times New Roman", serif; font-size: 42px; font-weight: 500; color: rgb(83, 107, 91);} .target-weight-number span{color: var(--muted); font-weight: 800;} .range-labels{display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); margin-top: 5px;} input[type="range"]{accent-color: rgb(120, 149, 125);} .skip-rest{border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.12); color: white; border-radius: 10px; padding: 6px 9px; font-size: 11px; font-weight: 850;} .timerbar{background: linear-gradient(110deg, rgb(37, 42, 39), rgb(51, 68, 60) 58%, rgb(59, 83, 96));} .metric:nth-child(1){background: linear-gradient(145deg, rgb(244, 246, 239), rgb(229, 238, 223));} .metric:nth-child(2){background: linear-gradient(145deg, rgb(247, 242, 239), rgb(244, 222, 214));} .metric:nth-child(3){background: linear-gradient(145deg, rgb(241, 244, 247), rgb(221, 235, 240));} .metric:nth-child(4){background: linear-gradient(145deg, rgb(244, 241, 248), rgb(232, 225, 242));} .splash-screen{position: fixed; inset: 0px; z-index: 9999; display: grid; place-items: center; overflow: hidden; background: rgb(251, 247, 240); transition: opacity 0.55s, visibility 0.55s;} .splash-screen.hide{opacity: 0; visibility: hidden; pointer-events: none;} .splash-logo-wrap{position: relative; z-index: 3; text-align: center; animation: 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running splashRise;} .splash-logo{width: 122px; height: 122px; filter: drop-shadow(rgba(95, 119, 103, 0.18) 0px 16px 28px); animation: 2s ease-in-out 0s infinite alternate none running logoFloat;} .splash-word{font-family: inherit; font-size: 48px; font-weight: 900; letter-spacing: -0.05em; margin-top: 6px; color: rgb(23, 27, 31); animation: 0.8s ease 0.22s 1 normal both running fadeUp;} .splash-tag{font-size: 10px; letter-spacing: 0.28em; font-weight: 850; color: rgb(111, 138, 116); margin-top: 8px; animation: 0.8s ease 0.36s 1 normal both running fadeUp;} .splash-orb{position: absolute; border-radius: 50%; filter: blur(2px); opacity: 0.8; animation: 1.4s ease 0s 1 normal both running orbIn;} .orb-a{width: 320px; height: 320px; background: radial-gradient(circle at 30% 30%, rgb(244, 195, 181), rgb(231, 161, 143) 55%, transparent 72%); left: -100px; top: -80px;} .orb-b{width: 370px; height: 370px; background: radial-gradient(circle at 40% 40%, rgb(201, 227, 234), rgb(137, 184, 199) 55%, transparent 72%); right: -140px; bottom: -100px;} .orb-c{width: 210px; height: 210px; background: radial-gradient(circle, rgb(218, 211, 236), rgb(169, 157, 200) 60%, transparent 72%); right: 5%; top: 8%; opacity: 0.35;} @keyframes splashRise { 0% { opacity: 0; transform: translateY(18px) scale(0.92); } 100% { opacity: 1; transform: none; } } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: none; } } @keyframes logoFloat { 0% { transform: translateY(0px) rotate(-1deg); } 100% { transform: translateY(-6px) rotate(1deg); } } @keyframes orbIn { 0% { opacity: 0; transform: scale(0.75); } 100% { opacity: 0.55; transform: scale(1); } } @media (max-width: 620px) {.home-grid{grid-template-columns: 1fr;} .home-grid .card{min-height: auto;} .splash-logo{width: 102px; height: 102px;} .splash-word{font-size: 42px;}} @media (prefers-reduced-motion: reduce) {*, ::before, ::after{animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;}} .readiness-card{position: relative; overflow: hidden;} .readiness-card.green{border-color: rgb(207, 224, 207); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(237, 245, 236));} .readiness-card.yellow{border-color: rgb(234, 217, 173); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(250, 240, 216));} .readiness-card.red{border-color: rgb(229, 193, 187); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(249, 231, 227));} .readiness-dot{width: 15px; height: 15px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 5px;} .readiness-dot.green{background: rgb(111, 154, 118);} .readiness-dot.yellow{background: rgb(208, 160, 76);} .readiness-dot.red{background: rgb(187, 107, 99);} .readiness-inputs input, .readiness-inputs select{min-height: 43px;} .soreness-grid{display: flex; flex-wrap: wrap; gap: 7px;} .soreness-chip{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 999px; padding: 8px 10px; font-size: 11px; font-weight: 800; color: rgb(110, 107, 100);} .soreness-chip b{display: inline-grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; margin-left: 5px; background: rgb(238, 234, 225);} .soreness-chip.s1{background: rgb(244, 243, 231); border-color: rgb(221, 217, 183);} .soreness-chip.s2{background: rgb(250, 237, 216); border-color: rgb(231, 204, 160);} .soreness-chip.s3{background: rgb(248, 224, 219); border-color: rgb(225, 182, 173); color: rgb(131, 91, 84);} .recovery-strip{display: flex; gap: 6px; overflow: auto; margin: 9px 0px;} .recovery-strip span{white-space: nowrap; font-size: 10px; font-weight: 800; padding: 6px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.05);} .set-log-list{display: grid; gap: 8px; margin-top: 12px;} .set-log-row{display: grid; grid-template-columns: 60px 1fr 1fr 44px; align-items: end; gap: 8px; padding: 9px; border-radius: 14px; background: rgb(247, 246, 241); border: 1px solid rgb(232, 227, 218);} .set-log-row.done{background: rgb(234, 241, 232); border-color: rgb(207, 221, 204);} .set-number{align-self: center; font-size: 11px; font-weight: 850; color: rgb(102, 108, 100);} .set-log-row label{margin-bottom: 3px;} .set-log-row input{padding: 9px;} .set-complete{height: 40px; width: 40px; border-radius: 50%; border: 1px solid rgb(202, 213, 199); background: rgb(255, 255, 255); color: rgb(83, 107, 85); font-weight: 900; font-size: 17px;} .set-complete.done{background: rgb(120, 149, 125); color: white; border-color: rgb(120, 149, 125);} .timerbar .row .row{gap: 5px; flex-wrap: wrap; justify-content: flex-end;} .nutrition-adapt.up{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(237, 244, 232)); border-color: rgb(210, 224, 204);} .nutrition-adapt.down{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(247, 231, 221)); border-color: rgb(235, 208, 192);} .nutrition-adapt.steady{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(231, 240, 242)); border-color: rgb(209, 226, 231);} .week-type-strip{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px;} .week-type-strip span{font-size: 10px; font-weight: 800; padding: 6px 8px; border-radius: 999px; background: rgb(241, 240, 234); border: 1px solid rgb(226, 222, 212);} .trigger-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 7px;} .trigger-check{display: flex; align-items: center; gap: 7px; background: rgb(247, 246, 241); border: 1px solid var(--line); padding: 9px; border-radius: 12px; font-size: 11px; color: rgb(103, 100, 93);} .trigger-check input{width: 18px; height: 18px; accent-color: rgb(120, 149, 125);} .trigger-summary{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px;} .trigger-summary span{font-size: 10px; padding: 5px 7px; border-radius: 999px; background: rgb(238, 242, 235); color: rgb(91, 109, 92);} .injury-reaction{padding: 13px 0px; border-top: 1px solid var(--line);} .injury-reaction:first-of-type{border-top: 0px;} .reaction-buttons{display: flex; gap: 7px; margin-top: 8px;} .reaction-buttons button{flex: 1 1 0%; border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 11px; padding: 9px; font-weight: 800; color: rgb(104, 101, 95);} .reaction-buttons button.active{background: rgb(127, 146, 127); color: rgb(255, 255, 255); border-color: rgb(127, 146, 127);} button:disabled{opacity: 0.45; cursor: not-allowed; transform: none !important;} @media (max-width: 520px) {.readiness-inputs{grid-template-columns: 1fr 1fr;} .set-log-row{grid-template-columns: 54px 1fr 1fr 42px; gap: 6px;} .set-log-row input{padding: 8px 6px;} .trigger-grid{grid-template-columns: 1fr;}} .my-plan-card, .location-card, .workout-preview-card{position: relative; overflow: hidden;} .plan-grid.two{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .plan-stat{padding: 14px; border-radius: 18px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(245, 242, 234)); border: 1px solid rgb(230, 223, 209);} .plan-stat span{display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(138, 132, 117); margin-bottom: 6px;} .plan-stat strong{font-size: 20px; line-height: 1.1; color: rgb(46, 51, 47);} .location-list{display: grid; gap: 10px;} .location-option{display: flex; align-items: center; justify-content: space-between; width: 100%; border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 14px; border-radius: 18px; text-align: left;} .location-option.active{border-color: rgb(139, 163, 139); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(237, 244, 236));} .equipment-modal{max-width: 760px;} .close-action{border: 1px solid rgb(215, 210, 199); background: rgb(255, 255, 255); border-radius: 999px; padding: 10px 16px; font-weight: 800; color: rgb(100, 97, 89);} .equipment-filters{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 10px 0px 12px;} .equipment-filters button{border: 1px solid var(--line); background: rgb(245, 242, 235); border-radius: 999px; padding: 10px 12px; font-weight: 800; color: rgb(106, 102, 94);} .equipment-filters button.active{background: rgb(120, 141, 124); color: rgb(255, 255, 255); border-color: rgb(120, 141, 124);} .equipment-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px;} .switch-row{display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(102, 98, 92);} .switch-row input{width: 18px; height: 18px; accent-color: rgb(120, 149, 125);} .equipment-group{margin-bottom: 18px;} .equipment-group-title{font-size: 12px; text-transform: uppercase; letter-spacing: 0.11em; color: rgb(140, 133, 120); margin: 0px 0px 8px 4px;} .equipment-row{display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 223, 209); margin-bottom: 8px;} .equipment-row.selected{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(238, 244, 238)); border-color: rgb(203, 217, 203);} .equipment-icon{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(145deg, rgb(241, 239, 232), rgb(229, 224, 214)); font-size: 22px; color: rgb(92, 100, 92);} .equipment-body{flex: 1 1 0%; min-width: 0px;} .equipment-body strong{display: block;} .equipment-actions{display: flex; align-items: center; gap: 8px;} .tick-btn{width: 40px; height: 40px; border-radius: 14px; border: 1px solid rgb(214, 209, 197); background: rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 18px; font-weight: 900;} .tick-btn.on{background: rgb(17, 20, 30); border-color: rgb(17, 20, 30); color: rgb(255, 255, 255);} .tiny-btn{padding: 8px 10px; font-size: 12px;} .exercise-preview-list{display: grid; gap: 12px; margin-top: 14px;} .exercise-preview-item{display: grid; grid-template-columns: 72px 1fr; gap: 14px; padding: 12px; border-radius: 22px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(248, 245, 239)); border: 1px solid rgb(232, 226, 214);} .exercise-preview-item.focus{background: linear-gradient(145deg, rgb(238, 244, 238), rgb(255, 247, 241)); border-color: rgb(214, 200, 184); box-shadow: rgba(150, 120, 80, 0.09) 0px 8px 20px;} .exercise-thumb{width: 72px; height: 72px; border-radius: 18px; background: linear-gradient(145deg, rgb(232, 239, 231), rgb(223, 231, 225)); display: grid; place-items: center; font-size: 28px; color: rgb(68, 82, 72);} .exercise-preview-label{font-size: 11px; font-weight: 900; letter-spacing: 0.12em; color: rgb(182, 112, 96); margin-bottom: 4px;} .exercise-preview-title{font-size: 24px; font-weight: 800; line-height: 1.05; color: rgb(34, 37, 47);} .exercise-preview-meta{font-size: 16px; color: rgb(111, 109, 116); margin-top: 5px;} .muscle-tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;} .muscle-tags span{font-size: 11px; padding: 6px 8px; border-radius: 999px; background: rgb(17, 20, 30); color: rgb(255, 255, 255);} .ghost-dot{border: 0px; background: transparent; font-size: 28px; line-height: 1; color: rgb(113, 110, 104); padding: 0px 6px;} .guide-list{padding-left: 20px;} .guide-list li{margin: 0px 0px 8px; color: rgb(94, 91, 86);} .profile-hero{background: linear-gradient(135deg, rgb(255, 255, 255), rgb(247, 240, 231));} .metrics-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} @media (max-width: 640px) {.plan-grid.two, .metrics-grid{grid-template-columns: 1fr 1fr;} .equipment-toolbar{display: block;} .equipment-toolbar .switch-row{margin-top: 8px;} .exercise-preview-title{font-size: 18px;} .exercise-preview-meta{font-size: 14px;} .exercise-preview-item{grid-template-columns: 60px 1fr;} .exercise-thumb{width: 60px; height: 60px;} .ghost-dot{font-size: 24px;}} .location-strip{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0px 14px; padding: 13px 15px; border-radius: 18px; background: linear-gradient(135deg, rgb(38, 42, 43), rgb(61, 76, 69)); color: rgb(255, 255, 255); box-shadow: rgba(37, 45, 41, 0.12) 0px 12px 26px;} .location-strip div{display: grid; gap: 2px;} .location-strip span{font-size: 10px; letter-spacing: 0.12em; font-weight: 900; opacity: 0.72;} .location-strip strong{font-size: 16px;} .location-strip small{font-size: 11px; opacity: 0.72;} .location-strip button{border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-radius: 12px; padding: 9px 12px; font-weight: 800;} .substitution-note{font-size: 11px; color: rgb(140, 109, 93); margin-top: 5px; font-weight: 700;} .equipment-requirement{display: inline-flex; margin: 4px 0px 10px; padding: 7px 10px; border-radius: 999px; background: rgb(238, 242, 236); color: rgb(87, 106, 89); font-size: 11px; font-weight: 800;} .exercise-thumb{position: relative;} .exercise-thumb span{font-size: 30px;} .exercise-thumb small{position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; min-width: 26px; height: 26px; padding: 0px 5px; border-radius: 999px; background: rgb(34, 38, 42); color: white; font-size: 9px; letter-spacing: 0.02em;} .sheet-action{width: 100%; display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; text-align: left; border: 0px; background: rgb(255, 255, 255); padding: 12px; border-radius: 16px; margin: 6px 0px; box-shadow: rgb(232, 226, 216) 0px 0px 0px 1px inset;} .sheet-action > span{display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgb(238, 242, 236); color: rgb(82, 102, 86); font-size: 20px; font-weight: 900;} .sheet-action strong{display: block; color: rgb(40, 42, 41);} .sheet-action small{display: block; color: rgb(133, 128, 117); margin-top: 3px; line-height: 1.3;} .action-sheet .divider{margin: 14px 0px;} .search-field{position: relative;} .search-field > span{position: absolute; left: 13px; top: 50%; transform: translateY(-50%); font-size: 22px; color: rgb(146, 144, 135);} .search-field input{padding-left: 42px;} .preset-strip{display: flex; gap: 7px; overflow: auto; padding: 1px 0px 10px;} .preset-strip button{white-space: nowrap; border: 1px solid rgb(221, 216, 206); background: rgb(255, 255, 255); border-radius: 999px; padding: 8px 10px; color: rgb(105, 102, 94); font-size: 11px; font-weight: 800;} .location-card-list{display: grid; gap: 10px;} .location-manage-card{border: 1px solid rgb(228, 221, 211); background: rgb(255, 255, 255); border-radius: 20px; padding: 8px;} .location-manage-card.active{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(237, 244, 236)); border-color: rgb(199, 215, 198);} .location-main{width: 100%; display: grid; grid-template-columns: 46px 1fr 24px; gap: 11px; align-items: center; border: 0px; background: transparent; text-align: left; padding: 8px;} .location-main span:nth-child(2){display: grid; gap: 3px;} .location-main small{color: rgb(136, 129, 118);} .location-main b{font-size: 20px; color: rgb(113, 136, 115);} .location-avatar{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(145deg, rgb(48, 53, 58), rgb(88, 102, 93)); color: white; font-size: 20px; font-weight: 900;} .location-actions{display: flex; gap: 7px; padding: 4px 7px 2px;} .location-actions button{border: 0px; background: rgb(241, 238, 231); color: rgb(103, 99, 92); border-radius: 10px; padding: 7px 9px; font-size: 11px; font-weight: 800;} .location-actions .danger-text{color: rgb(151, 97, 91); background: rgb(248, 235, 232);} .preset-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;} .preset-card{display: grid; gap: 4px; text-align: left; border: 1px solid rgb(223, 217, 206); background: rgb(255, 255, 255); border-radius: 15px; padding: 11px; color: rgb(80, 77, 72);} .preset-card span{font-size: 10px; color: rgb(138, 134, 127);} .preset-card.active{border-color: rgb(131, 153, 131); background: rgb(238, 243, 236); color: rgb(69, 87, 72);} .workout-hidden{display: none !important;} body.workout-mode{padding-bottom: 105px; background: rgb(245, 242, 235);} .workout-session-head{margin: 4px -2px 14px; padding: 18px; border-radius: 25px; background: linear-gradient(135deg, rgb(37, 41, 46), rgb(59, 73, 65) 58%, rgb(51, 78, 90)); color: rgb(255, 255, 255); box-shadow: rgba(34, 41, 39, 0.18) 0px 18px 34px;} .workout-session-head h1{color: rgb(255, 255, 255); margin-bottom: 3px;} .workout-session-head .eyebrow, .workout-session-head p{color: rgba(255, 255, 255, 0.72);} .workout-session-head .progress-track{background: rgba(255, 255, 255, 0.14); margin-top: 12px;} .workout-session-head .progress-track span{background: linear-gradient(90deg, rgb(184, 201, 139), rgb(137, 184, 199));} .session-ring{width: 68px; height: 68px; border-radius: 50%; display: grid; place-items: center; align-content: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16);} .session-ring strong{font-size: 18px;} .session-ring span{font-size: 10px; opacity: 0.72;} .warmup-panel{padding: 15px; border-radius: 20px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(237, 243, 235)); border: 1px solid rgb(216, 226, 213); margin: 10px 0px;} .warmup-chips{display: flex; gap: 7px; overflow: auto; margin-top: 10px;} .warm-chip{white-space: nowrap; border: 1px solid rgb(216, 222, 212); background: white; border-radius: 999px; padding: 9px 11px; font-size: 11px; font-weight: 800; color: rgb(101, 106, 99);} .warm-chip.done{background: rgb(125, 146, 127); color: rgb(255, 255, 255); border-color: rgb(125, 146, 127);} .timerbar.premium{display: grid; grid-template-columns: 1fr 1fr auto; gap: 9px; align-items: center; background: rgba(31, 34, 37, 0.96); backdrop-filter: blur(16px); border-radius: 20px; padding: 10px 12px;} .timer-main{display: grid; gap: 1px;} .timer-main span{font-size: 9px; text-transform: uppercase; letter-spacing: 0.12em; opacity: 0.62;} .timer-main strong{font-size: 19px; font-variant-numeric: tabular-nums;} .rest-main strong{color: rgb(213, 228, 204);} .rest-actions{display: flex; gap: 4px;} .rest-actions button{border: 1px solid rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.08); color: white; border-radius: 9px; padding: 7px 8px; font-size: 10px; font-weight: 900;} .rest-actions .end{background: rgb(143, 95, 88);} .active-exercise{margin: 12px 0px; padding: 15px; border-radius: 24px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 221, 210); box-shadow: rgba(55, 50, 42, 0.07) 0px 12px 28px;} .active-exercise.focus{border-color: rgb(217, 200, 168); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(250, 244, 235));} .active-exercise.complete{opacity: 0.68; background: rgb(240, 241, 235);} .active-exercise-top{display: grid; grid-template-columns: 66px 1fr 34px; gap: 12px; align-items: start;} .active-thumb{width: 66px; height: 76px; border-radius: 18px; display: grid; place-items: center; align-content: center; background: linear-gradient(145deg, rgb(221, 232, 223), rgb(237, 240, 235)); color: rgb(79, 98, 83); font-size: 28px; position: relative;} .active-thumb small{position: absolute; bottom: 6px; font-size: 9px; color: rgb(119, 128, 119);} .active-exercise-title{font-size: 21px; font-weight: 850; line-height: 1.08; color: rgb(38, 42, 41);} .recommend.compact{margin: 12px 0px; background: rgb(244, 246, 240);} .set-log-list.premium{gap: 7px;} .set-log-list.premium .set-log-row{grid-template-columns: 52px 1fr 1fr 42px; background: rgb(250, 249, 246);} .set-log-list.premium .set-log-row.done{background: rgb(233, 241, 231);} .set-number{display: grid; align-content: center;} .set-number small{font-size: 8px; letter-spacing: 0.1em; color: rgb(141, 136, 126);} .set-number strong{font-size: 19px;} .rir-line{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px;} .rir-line label{margin: 0px;} .rir-buttons{display: flex; gap: 5px;} .rir-buttons button{width: 34px; height: 34px; border-radius: 10px; border: 1px solid rgb(221, 215, 204); background: rgb(246, 243, 237); color: rgb(103, 100, 93); font-weight: 850;} .rir-buttons button.active{background: rgb(127, 146, 127); color: white; border-color: rgb(127, 146, 127);} .workout-dock{position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 80; display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 780px; margin: auto; padding: 11px 12px 11px 16px; border-radius: 22px; background: rgba(30, 33, 35, 0.96); backdrop-filter: blur(18px); color: rgb(255, 255, 255); box-shadow: rgba(20, 22, 22, 0.25) 0px 16px 40px;} .workout-dock div{display: grid;} .workout-dock span{font-size: 9px; letter-spacing: 0.12em; opacity: 0.62; text-transform: uppercase;} .workout-dock strong{font-size: 14px;} .workout-dock button{border: 0px; border-radius: 15px; padding: 12px 16px; background: linear-gradient(135deg, rgb(213, 110, 114), rgb(185, 64, 102)); color: white; font-weight: 900;} @media (max-width: 560px) {.timerbar.premium{grid-template-columns: 1fr 1fr;} .rest-actions{grid-column: 1 / -1;} .active-exercise-top{grid-template-columns: 58px 1fr 30px;} .active-thumb{width: 58px; height: 68px;} .active-exercise-title{font-size: 18px;} .preset-grid{grid-template-columns: 1fr;} .workout-dock{left: 8px; right: 8px;}} body.workout-mode .topbar{display: none;} body.workout-mode main{padding-top: 8px;} .timerbar.premium{top: 8px;} :root{--bg: #F6F7F8; --surface: #FFFFFF; --surface-2: #EEF1F4; --text: #17191D; --text-2: #626872; --border: #E2E6EA; --swack: #21B573; --swack-2: #0A9660; --electric: #3278FF; --purple: #7A5CFA; --coral-v4: #FF5A62; --energy: #FFC83D; --recovery: #A8B8A5; --ivory: var(--bg); --paper: var(--surface); --paper2: var(--surface-2); --ink: var(--text); --muted: var(--text-2); --line: var(--border); --sage: var(--recovery); --sage2: #E6ECE5; --sage3: #718670; --charcoal: var(--text); --green: var(--swack); --blue: var(--electric); --coral: var(--coral-v4); --violet: var(--purple); --sun: var(--energy); --radius: 22px; --shadow: 0 8px 30px rgba(23,25,29,.07); --shadow-strong: 0 18px 48px rgba(23,25,29,.14); color-scheme: light;} html[data-theme="dark"]{--bg: #101216; --surface: #181B20; --surface-2: #20242A; --text: #F4F6F8; --text-2: #A9B0BA; --border: #2A3038; --ivory: var(--bg); --paper: var(--surface); --paper2: var(--surface-2); --ink: var(--text); --muted: var(--text-2); --line: var(--border); --shadow: 0 8px 30px rgba(0,0,0,.22); --shadow-strong: 0 20px 50px rgba(0,0,0,.36); color-scheme: dark;} @media (prefers-color-scheme: dark) {html:not([data-theme]){--bg: #101216; --surface: #181B20; --surface-2: #20242A; --text: #F4F6F8; --text-2: #A9B0BA; --border: #2A3038; --ivory: var(--bg); --paper: var(--surface); --paper2: var(--surface-2); --ink: var(--text); --muted: var(--text-2); --line: var(--border); --shadow: 0 8px 30px rgba(0,0,0,.22); --shadow-strong: 0 20px 50px rgba(0,0,0,.36); color-scheme: dark;}} html, body{background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;} body{background-image: radial-gradient(circle at 100% -10%, rgba(50, 120, 255, 0.08), transparent 28rem), radial-gradient(circle at -10% 20%, rgba(33, 181, 115, 0.07), transparent 25rem);} button, input, select, textarea{font-family: inherit;} h1, h2, h3, h4, .brand-button span, .metric strong{font-family: inherit; font-weight: 780; letter-spacing: -0.035em;} h1{font-size: clamp(30px, 6vw, 42px); line-height: 1.02;} h2{font-size: 25px; line-height: 1.08;} h3{font-size: 17px; letter-spacing: -0.015em;} p{line-height: 1.52;} .tiny{font-size: 12px;} .eyebrow{font-size: 10px; letter-spacing: 0.16em; font-weight: 900; color: var(--text-2);} .topbar{height: 68px; background: color-mix(in srgb,var(--bg) 84%,transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(20px);} .brand-button img{width: 40px; height: 40px;} .brand-button span{font-size: 24px; font-weight: 850; color: var(--text);} .status-pill, .pill{background: var(--surface); border-color: var(--border); color: var(--text-2);} .card{background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); border-radius: var(--radius);} button.primary, button.sage-btn, .action-primary{border: 0px; background: linear-gradient(135deg,var(--swack),#13C58D); color: rgb(255, 255, 255); border-radius: 15px; padding: 13px 16px; font-weight: 900; box-shadow: rgba(33, 181, 115, 0.2) 0px 8px 22px;} .action-primary:hover{filter: saturate(1.06) brightness(1.01);} .action-secondary{border: 1px solid var(--border); background: var(--surface-2); color: var(--text); border-radius: 14px; padding: 11px 14px; font-weight: 850;} button.secondary{background: var(--surface); border-color: var(--border); color: var(--text);} input, select, textarea{background: var(--surface); border-color: var(--border); color: var(--text); min-height: 44px;} input:focus, select:focus, textarea:focus{border-color: var(--electric); box-shadow: rgba(50, 120, 255, 0.13) 0px 0px 0px 3px;} .choice{background: var(--surface); border-color: var(--border); color: var(--text-2); min-height: 44px;} .choice.active{background: rgba(33, 181, 115, 0.11); border-color: rgba(33, 181, 115, 0.45); color: var(--swack-2);} .progress-track{background: var(--surface-2);} .progress-track span{background: linear-gradient(90deg,var(--swack),var(--electric));} .splash-screen{background: var(--bg) !important;} .splash-word{font-family: inherit !important; font-weight: 900 !important; letter-spacing: -0.055em !important; color: var(--text) !important;} .splash-tag{color: var(--text-2) !important;} .splash-orb.orb-a{background: var(--swack) !important;} .splash-orb.orb-b{background: var(--electric) !important;} .splash-orb.orb-c{background: var(--purple) !important;} .athletic-hero{position: relative; overflow: hidden; margin: 4px 0px 14px; padding: 24px; border-radius: 28px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(17, 22, 26) 0%, rgb(21, 59, 52) 45%, rgb(22, 92, 87) 72%, rgb(29, 78, 142) 125%); box-shadow: var(--shadow-strong);} .athletic-hero h1, .athletic-hero h2{color: rgb(255, 255, 255); margin: 4px 0px 8px;} .athletic-hero p{color: rgba(255, 255, 255, 0.76); max-width: 620px;} .athletic-hero .eyebrow{color: rgba(255, 255, 255, 0.7);} .hero-orb{position: absolute; border-radius: 999px; filter: blur(1px); opacity: 0.55; pointer-events: none;} .hero-orb.one{width: 190px; height: 190px; background: radial-gradient(circle,var(--electric),transparent 67%); right: -80px; top: -95px;} .hero-orb.two{width: 150px; height: 150px; background: radial-gradient(circle,var(--purple),transparent 68%); right: 90px; bottom: -110px;} .block-ring{position: relative; z-index: 1; min-width: 75px; height: 75px; border-radius: 50%; display: grid; place-items: center; align-content: center; background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.18); backdrop-filter: blur(6px);} .block-ring strong{font-size: 18px;} .block-ring span{font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.65);} .major-progress, .progress-track.athletic{height: 7px; background: rgba(255, 255, 255, 0.14); border-radius: 999px; overflow: hidden; margin-top: 18px;} .major-progress span, .progress-track.athletic span{display: block; height: 100%; background: linear-gradient(90deg,var(--swack),#50E6B0,var(--electric)); border-radius: inherit;} .dashboard-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;} .action-card{margin: 0px; box-shadow: none; position: relative;} .action-card.training-accent{border-top: 4px solid var(--swack);} .action-card.food-accent{border-top: 4px solid var(--coral-v4); cursor: pointer;} .action-kicker{font-size: 10px; font-weight: 950; letter-spacing: 0.14em; color: var(--text-2); margin-bottom: 7px;} .action-title{font-size: 24px; font-weight: 900; letter-spacing: -0.035em;} .action-card p{color: var(--text-2); font-size: 13px;} .action-arrow{display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 90, 98, 0.12); color: var(--coral-v4); font-weight: 900;} .pill.warm{background: rgba(255, 90, 98, 0.09); border-color: rgba(255, 90, 98, 0.15); color: var(--coral-v4);} .mini-plan.athletic span{background: var(--surface-2); color: var(--text); border-color: var(--border);} .complete-badge{padding: 11px; border-radius: 13px; background: rgba(33, 181, 115, 0.1); color: var(--swack-2); font-size: 12px; font-weight: 850;} .day-food-strip{box-shadow: none;} .text-button{border: 0px; background: none; color: var(--electric); font-weight: 850;} .meal-progress-row{display: flex; gap: 7px; overflow: auto; padding: 8px 0px;} .meal-dot{white-space: nowrap; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 8px 10px; font-size: 11px; font-weight: 800;} .meal-dot.done{background: rgba(33, 181, 115, 0.12); border-color: rgba(33, 181, 115, 0.25); color: var(--swack-2);} .food-progress span{background: linear-gradient(90deg,var(--coral-v4),var(--energy));} .quick-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 11px 0px;} .quick-card{display: flex; gap: 12px; align-items: center; text-align: left; border: 0px; border-radius: 19px; padding: 15px; background: var(--surface); color: var(--text); box-shadow: var(--shadow);} .quick-card > span{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 20px;} .quick-card.shopping > span{background: rgba(122, 92, 250, 0.11); color: var(--purple);} .quick-card.chaos > span{background: rgba(255, 200, 61, 0.18); color: rgb(154, 114, 0);} .quick-card div{display: grid; gap: 3px;} .quick-card strong{font-size: 14px;} .quick-card small{color: var(--text-2); line-height: 1.3;} .report-teaser{display: grid; grid-template-columns: 46px 1fr 20px; gap: 12px; align-items: center; cursor: pointer; border-left: 4px solid var(--purple); box-shadow: none;} .report-icon{width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg,var(--purple),var(--electric)); display: grid; place-items: center; color: rgb(255, 255, 255); font-size: 21px; font-weight: 900;} .location-strip.athletic{background: var(--surface); color: var(--text); border: 1px solid var(--border); box-shadow: none;} .location-strip.athletic span, .location-strip.athletic small{color: var(--text-2); opacity: 1;} .location-strip.athletic button{color: var(--electric); background: rgba(50, 120, 255, 0.08); border-color: rgba(50, 120, 255, 0.13);} .block-review-banner{display: flex; justify-content: space-between; align-items: center; gap: 15px; border: 1px solid rgba(255, 200, 61, 0.35); background: linear-gradient(135deg,rgba(255,200,61,.15),var(--surface)); box-shadow: none;} .preflight-modal{background: var(--surface);} .preflight-modal h2{font-size: 28px;} .optional{font-weight: 600; color: var(--text-2);} .preflight-times button.active{background: var(--electric); border-color: var(--electric); color: rgb(255, 255, 255);} .quick-context-row{display: flex; gap: 6px; overflow: auto; margin: -2px 0px 12px;} .quick-context-row button{white-space: nowrap; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); padding: 8px 10px; border-radius: 999px; font-size: 11px; font-weight: 800;} .ai-thinking{display: flex; align-items: center; gap: 9px; padding: 12px; border-radius: 14px; background: rgba(50, 120, 255, 0.08); color: var(--electric); font-size: 12px; font-weight: 800; margin: 10px 0px;} .ai-thinking span{width: 12px; height: 12px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.8s linear 0s infinite normal none running spin;} .ai-result, .ai-confirm{padding: 14px; border-radius: 17px; background: var(--surface-2); border: 1px solid var(--border); margin: 10px 0px;} .adapt-list{display: grid; gap: 5px; margin-top: 9px;} .adapt-list span{font-size: 11px; color: var(--text-2);} .readiness-badge{padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 900;} .readiness-badge.green{background: rgba(33, 181, 115, 0.12); color: var(--swack-2);} .readiness-badge.yellow{background: rgba(255, 200, 61, 0.2); color: rgb(141, 103, 0);} .readiness-badge.red{background: rgba(255, 90, 98, 0.13); color: var(--coral-v4);} .natural-input{font-size: 15px; line-height: 1.5;} .injury-ai-modal .advanced-fallback{margin-top: 14px; border-top: 1px solid var(--border); padding-top: 12px;} .advanced-fallback summary{cursor: pointer; color: var(--text-2); font-size: 12px; font-weight: 800;} .safety-note{font-size: 11px; color: var(--text-2); margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border);} .ai-limit-row{display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 9px 0px; border-top: 1px solid var(--border);} .ai-limit-row small{grid-column: 1 / -1; color: var(--text-2);} @keyframes spin { 100% { transform: rotate(360deg); } } .food-major{background: linear-gradient(135deg, rgb(64, 31, 41), rgb(155, 61, 76) 55%, rgb(215, 90, 80) 105%);} .food-hero-icon, .progress-arrow, .profile-mark{width: 72px; height: 72px; border-radius: 22px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); display: grid; place-items: center; font-size: 30px; font-weight: 900;} .food-tabs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; background: var(--surface-2); padding: 5px; border-radius: 17px; margin: 12px 0px;} .food-tabs button{border: 0px; background: transparent; color: var(--text-2); padding: 10px; border-radius: 13px; font-size: 12px; font-weight: 850;} .food-tabs button.active{background: var(--surface); color: var(--text); box-shadow: rgba(23, 25, 29, 0.07) 0px 3px 12px;} .next-meal-feature{display: grid; grid-template-columns: 5px 1fr; gap: 15px; background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 19px; box-shadow: var(--shadow);} .meal-color-dot{background: linear-gradient(var(--coral-v4),var(--energy)); border-radius: 99px;} .next-meal-feature h2{margin: 3px 0px 9px;} .meal-feature-meta{display: flex; justify-content: space-between; gap: 10px; align-items: center; color: var(--text-2); font-size: 11px;} .meal-feature-meta button{border: 0px; background: rgba(255, 90, 98, 0.09); color: var(--coral-v4); border-radius: 999px; padding: 7px 9px; font-weight: 850;} .meal-day-list{display: grid; gap: 8px; margin: 11px 0px;} .meal-v4{display: grid; grid-template-columns: 24px 1fr 28px; gap: 10px; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: 18px; padding: 13px; margin: 0px;} .meal-v4 > input{width: 19px; min-height: 19px; accent-color: var(--swack);} .meal-v4 div{display: grid; gap: 3px;} .meal-v4 span{font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-2);} .meal-v4 strong{font-size: 14px; line-height: 1.3;} .meal-v4 > b{color: var(--text-2);} .meal-v4.done{opacity: 0.7; background: rgba(33, 181, 115, 0.06);} .meal-v4.done > b{color: var(--swack);} .nutrition-adapt{box-shadow: none;} .nutrition-icon{font-size: 25px; font-weight: 900; color: var(--swack);} .chaos-wide{width: 100%; display: grid; grid-template-columns: 46px 1fr 20px; gap: 12px; align-items: center; text-align: left; border: 1px solid rgba(255, 200, 61, 0.28); background: linear-gradient(135deg,rgba(255,200,61,.16),var(--surface)); color: var(--text); border-radius: 20px; padding: 14px;} .chaos-wide > span{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--energy); color: rgb(27, 26, 23); font-size: 21px;} .chaos-wide div{display: grid; gap: 3px;} .chaos-wide small{color: var(--text-2);} .week-menu-grid{display: grid; gap: 10px;} .week-menu-day{background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 16px;} .week-menu-day.today{border-color: rgba(50, 120, 255, 0.4); box-shadow: inset 3px 0 0 var(--electric);} .week-menu-day span{font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-2);} .week-menu-day h3{margin: 3px 0px;} .today-pin{color: var(--electric);} .week-meal{display: grid; grid-template-columns: 90px 1fr; gap: 9px; padding: 8px 0px; border-top: 1px solid var(--border);} .week-meal strong{font-size: 12px; font-weight: 700;} .shopping-family{display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap;} .shopping-family > p{flex-basis: 100%;} .serving-stepper{display: grid; grid-template-columns: 44px 44px 44px; align-items: center;} .serving-stepper button{width: 44px; height: 44px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); font-size: 19px;} .serving-stepper button:first-child{border-radius: 13px 0px 0px 13px;} .serving-stepper button:last-child{border-radius: 0px 13px 13px 0px;} .serving-stepper strong{height: 44px; display: grid; place-items: center; border-block: 1px solid var(--border);} .shopping-section{margin: 18px 0px;} .shopping-section h3{margin-left: 3px;} .shopping-section .shop-v4{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;margin:0;padding:12px 0;box-sizing:border-box;background:none;border:0;border-bottom:1px solid var(--bp-line);border-radius:0;box-shadow:none;font:400 15px/22px var(--sw-font-body)} .shop-v4>div{display:grid;gap:3px;min-width:0}.shop-v4 strong{font:600 15px/22px var(--sw-font-body);letter-spacing:0;color:var(--bp-ink)}.shop-v4 span{font:400 13px/18px var(--sw-font-body);letter-spacing:0;color:var(--bp-muted)} .shop-v4.done>div{opacity:.65;text-decoration:line-through}.shop-v4>input.swack-checkbox{margin:0} .chaos-modal .chaos-bolt{width: 60px; height: 60px; border-radius: 18px; background: var(--energy); display: grid; place-items: center; font-size: 28px;} .chaos-options{display: grid; gap: 8px; margin-top: 14px;} .chaos-options button, .chaos-suggestion{width: 100%; display: flex; justify-content: space-between; gap: 12px; text-align: left; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); border-radius: 15px; padding: 13px; font-weight: 800;} .chaos-result-title{margin: 16px 0px 7px; font-size: 11px; font-weight: 900; color: var(--text-2);} .plan-major{background: linear-gradient(135deg, rgb(21, 32, 43), rgb(21, 62, 92) 56%, rgb(51, 94, 210) 120%);} .plan-summary-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px;} .plan-summary{padding: 14px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); display: grid; gap: 4px;} .plan-summary span{font-size: 10px; color: var(--text-2); text-transform: uppercase; letter-spacing: 0.08em;} .plan-summary strong{font-size: 24px;} .plan-summary.green{border-top: 3px solid var(--swack);} .plan-summary.blue{border-top: 3px solid var(--electric);} .plan-summary.purple{border-top: 3px solid var(--purple);} .week-card{cursor: default; box-shadow: none;} .week-card.phase{border-left: 4px solid var(--electric); background: linear-gradient(90deg,rgba(50,120,255,.07),var(--surface));} .week-card.complete{opacity: 0.72;} .week-check{color: var(--swack); font-size: 20px;} .history-row{display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--border); padding: 11px 0px;} .history-row > div:first-child{display: grid;} .history-row span{font-size: 11px; color: var(--text-2);} .progress-major{background: linear-gradient(135deg, rgb(39, 29, 80), rgb(72, 55, 162) 52%, rgb(50, 120, 255) 125%);} .metric-band{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;} .metric-v4{background: var(--surface); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 3px solid var(--swack); border-radius: 17px; padding: 12px; display: grid; gap: 4px;} .metric-v4.blue{border-top-color: var(--electric);} .metric-v4.coral{border-top-color: var(--coral-v4);} .metric-v4.purple{border-top-color: var(--purple);} .metric-v4 span, .metric-v4 small{font-size: 10px; color: var(--text-2);} .metric-v4 strong{font-size: 20px;} .report-card-v4{border-left: 4px solid var(--purple); cursor: pointer;} .report-open{width: 40px; height: 40px; border-radius: 13px; background: linear-gradient(135deg,var(--purple),var(--electric)); color: rgb(255, 255, 255); display: grid; place-items: center;} .mini-report-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px;} .mini-report-stats span{display: grid; gap: 2px; text-align: center; padding: 10px 5px; border-radius: 13px; background: var(--surface-2); font-size: 9px; color: var(--text-2);} .mini-report-stats b{font-size: 17px; color: var(--text);} .chart-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .report-modal{background: var(--surface);} .report-kicker{display: inline-flex; padding: 6px 9px; border-radius: 999px; background: linear-gradient(135deg,var(--purple),var(--electric)); color: white; font-size: 9px; letter-spacing: 0.12em; font-weight: 950;} .report-boost{font-size: 17px; font-weight: 720; color: var(--text); line-height: 1.45;} .report-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 14px 0px;} .report-stat{padding: 11px 7px; background: var(--surface-2); border-radius: 14px; border-top: 3px solid var(--swack); display: grid; gap: 4px; text-align: center;} .report-stat.blue{border-top-color: var(--electric);} .report-stat.purple{border-top-color: var(--purple);} .report-stat.yellow{border-top-color: var(--energy);} .report-stat span{font-size: 9px; color: var(--text-2);} .report-stat strong{font-size: 18px;} .report-weight{display: flex; justify-content: space-between; padding: 13px; border-radius: 14px; background: var(--surface-2); margin: 10px 0px;} .report-positive-list{display: grid; gap: 8px; margin: 13px 0px;} .report-positive-list div{display: grid; grid-template-columns: 25px 1fr; gap: 7px; align-items: center; font-size: 12px;} .report-positive-list span{width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: rgba(33, 181, 115, 0.12); color: var(--swack);} .review-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 12px 0px;} .review-stats > div{padding: 11px; background: var(--surface-2); border-radius: 14px; display: grid; gap: 3px;} .review-stats span{font-size: 9px; color: var(--text-2);} .review-stats strong{font-size: 17px;} .profile-major{background: linear-gradient(135deg, rgb(18, 55, 43), rgb(18, 134, 93) 60%, rgb(33, 181, 115) 120%);} .profile-mark{font-size: 34px;} .api-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px;} .api-chip{padding: 10px; border-radius: 13px; background: var(--surface-2); font-size: 11px; font-weight: 800; color: var(--text-2);} .api-chip span, .status-dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: rgb(138, 146, 157);} .api-chip.ok span{background: var(--swack); box-shadow: rgba(33, 181, 115, 0.1) 0px 0px 0px 4px;} .api-chip.off span{background: var(--coral-v4);} .api-status-row{font-size: 12px; color: var(--text-2); padding-top: 8px;} .status-dot.waiting{background: var(--energy);} .exercise-guide-modal h2{font-size: 28px;} .exercise-media{min-height: 110px; margin: 10px 0px;} .exercise-video-shell{overflow: hidden; border-radius: 20px; background: rgb(8, 10, 13);} .exercise-video-shell video{width: 100%; max-height: 430px; display: block; background: rgb(8, 10, 13);} .powered{padding: 7px 10px; background: rgb(13, 16, 21); color: rgb(170, 177, 187); font-size: 9px; text-align: right;} .media-loading, .media-fallback{display: grid; place-items: center; gap: 8px; text-align: center; min-height: 120px; border-radius: 18px; background: var(--surface-2); color: var(--text-2); font-size: 11px;} .media-loading span{width: 18px; height: 18px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin;} .media-fallback strong{color: var(--text);} body.workout-mode{background: var(--bg);} .workout-session-head{background: linear-gradient(135deg, rgb(18, 23, 26), rgb(23, 63, 53) 55%, rgb(23, 87, 144) 125%);} .timerbar.premium{background: rgba(18, 21, 25, 0.96);} .active-exercise{background: var(--surface); border-color: var(--border);} .active-exercise.focus{border-color: rgba(255, 200, 61, 0.5); background: linear-gradient(145deg,rgba(255,200,61,.08),var(--surface));} .active-thumb{background: linear-gradient(145deg, rgba(33, 181, 115, 0.12), rgba(50, 120, 255, 0.1)); color: var(--swack-2);} .recommend.compact{background: var(--surface-2); border-color: var(--border);} .set-log-list.premium .set-log-row{background: var(--surface-2); border-color: var(--border);} .set-log-list.premium .set-log-row.done{background: rgba(33, 181, 115, 0.1);} .set-complete.done, .rir-buttons button.active{background: var(--swack); border-color: var(--swack);} .workout-dock{background: rgba(18, 21, 25, 0.97);} .workout-dock button{background: linear-gradient(135deg,var(--coral-v4),#D93B59);} html[data-theme="dark"] .metric, html[data-theme="dark"] .exercise-card, html[data-theme="dark"] .equipment-row, html[data-theme="dark"] .location-option, html[data-theme="dark"] .sheet-action, html[data-theme="dark"] .week-menu-day, html[data-theme="dark"] .meal-v4{background: var(--surface); border-color: var(--border);} html[data-theme="dark"] .callout{background: rgb(37, 35, 29); border-color: rgb(58, 53, 38); color: rgb(226, 215, 184);} html[data-theme="dark"] .success{background: rgb(22, 40, 31); border-color: rgb(36, 68, 50); color: rgb(169, 217, 188);} html[data-theme="dark"] .warning{background: rgb(43, 28, 27); border-color: rgb(81, 48, 44); color: rgb(234, 180, 170);} @media (max-width: 680px) {.dashboard-grid, .chart-grid{grid-template-columns: 1fr;} .metric-band{grid-template-columns: 1fr 1fr;} .plan-summary-grid{grid-template-columns: repeat(3, 1fr);} .athletic-hero{padding: 20px;} .athletic-hero .row.top{align-items: flex-start;} .action-title{font-size: 21px;} .quick-grid{grid-template-columns: 1fr 1fr;} .report-stats, .mini-report-stats{grid-template-columns: 1fr 1fr;} .review-stats{grid-template-columns: 1fr 1fr;} .api-grid{grid-template-columns: 1fr;} .week-meal{grid-template-columns: 72px 1fr;} .food-hero-icon, .progress-arrow, .profile-mark{width: 58px; height: 58px; font-size: 24px;}} @media (max-width: 430px) {.quick-grid{grid-template-columns: 1fr;} .plan-summary-grid{grid-template-columns: 1fr 1fr 1fr;} .plan-summary{padding: 11px 8px;} .plan-summary strong{font-size: 20px;} .block-ring{min-width: 62px; height: 62px;} .metric-band{gap: 6px;} .metric-v4{padding: 10px 8px;} .metric-v4 strong{font-size: 17px;}} @media (prefers-reduced-motion: reduce) {*, ::before, ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;} .splash-orb, .splash-logo, .splash-word, .splash-tag{animation: auto ease 0s 1 normal none running none !important;}} .followup-box{margin-top: 12px; padding: 13px; border-radius: 16px; background: linear-gradient(135deg, rgba(50, 120, 255, 0.08), rgba(122, 92, 250, 0.07)); border: 1px solid rgba(50, 120, 255, 0.18);} .followup-box p{margin: 6px 0px 10px; color: var(--text-2);} .followup-row{display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;} .followup-row input{margin: 0px;} .followup-row button{min-height: 44px;} @media (max-width: 430px) {.followup-row{grid-template-columns: 1fr;} .followup-row button{width: 100%;}} :root{--food-tint: #FFF0EB; --training-tint: #EAF8F2; --waist: #23A6D5;} .action-card.food-accent{background: linear-gradient(145deg,var(--food-tint),var(--surface) 76%); border-right: 1px solid rgba(255, 90, 98, 0.18); border-bottom: 1px solid rgba(255, 90, 98, 0.18); border-left: 1px solid rgba(255, 90, 98, 0.18); border-image: none; border-top: 4px solid var(--coral-v4);} .action-card.training-accent{background: linear-gradient(145deg,var(--training-tint),var(--surface) 76%); border-right: 1px solid rgba(33, 181, 115, 0.18); border-bottom: 1px solid rgba(33, 181, 115, 0.18); border-left: 1px solid rgba(33, 181, 115, 0.18); border-image: none; border-top: 4px solid var(--swack);} .action-title, .next-meal-card .action-title, .training-accent .action-title{font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", sans-serif !important; font-weight: 850 !important; letter-spacing: -0.045em !important;} .onboarding-shell{max-width: 760px; margin: 22px auto 50px; padding: 0px 14px;} .onboarding-progress{display: grid; grid-template-columns: 42px 1fr auto; gap: 10px; align-items: center; margin: 0px 4px 10px; color: var(--text-2);} .onboarding-progress > span{font-size: 12px; font-weight: 900;} .onboarding-progress > div{display: flex; gap: 5px;} .onboarding-progress i{height: 5px; flex: 1 1 0%; min-width: 18px; border-radius: 99px; background: var(--border);} .onboarding-progress i.on{background: linear-gradient(90deg,var(--swack),var(--electric));} .onboarding-progress > b{font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em;} .onboarding-premium-card{background: var(--surface); border: 1px solid var(--border); border-radius: 30px; padding: 26px; box-shadow: rgba(18, 28, 35, 0.11) 0px 26px 75px; position: relative; overflow: hidden;} .onboarding-premium-card::before{content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; right: -150px; top: -150px; background: radial-gradient(circle, rgba(50, 120, 255, 0.14), transparent 68%); pointer-events: none;} .onboard-head{max-width: 590px; margin-bottom: 20px;} .onboard-head h1{font-size: 34px; margin: 5px 0px 8px; line-height: 1.02;} .onboard-head p{color: var(--text-2); font-size: 15px; line-height: 1.55;} .onboarding-brand{display: flex; align-items: center; gap: 20px; padding: 20px 4px 30px;} .onboarding-logo{width: 96px; height: 96px; border-radius: 28px; background: linear-gradient(135deg,var(--swack),var(--electric)); display: grid; place-items: center; box-shadow: rgba(33, 181, 115, 0.22) 0px 18px 45px;} .onboarding-logo img{width: 76px; height: 76px; filter: brightness(0) invert(1);} .onboarding-brand h1{font-size: 50px; margin: 2px 0px;} .onboarding-brand p{color: var(--text-2); margin: 0px;} .language-premium{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .language-card{display: grid; grid-template-columns: 46px 1fr 24px; gap: 10px; align-items: center; text-align: left; padding: 14px; border-radius: 18px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text);} .language-card span{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--surface); font-size: 11px; font-weight: 950; letter-spacing: 0.08em;} .language-card strong{font-size: 16px;} .language-card b{font-size: 18px; color: var(--text-2);} .language-card.active{background: linear-gradient(135deg, rgba(33, 181, 115, 0.12), rgba(50, 120, 255, 0.08)); border-color: rgba(33, 181, 115, 0.45);} .language-card.active span{background: var(--swack); color: white;} .language-card.active b{color: var(--swack);} .birth-premium{padding: 15px 17px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 18px; margin-bottom: 11px;} .birth-premium label{font-size: 10px; font-weight: 900; letter-spacing: 0.1em; color: var(--text-2); text-transform: uppercase;} .birth-premium input{border: 0px; background: transparent; padding: 7px 0px 0px; font-size: 20px; font-weight: 800; color: var(--text);} .body-metric-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;} .body-metric-card{padding: 16px; border-radius: 20px; border: 1px solid var(--border); background: var(--surface-2); display: block; cursor: text;} .body-metric-card > span{display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; margin-bottom: 15px; font-size: 19px;} .body-metric-card.height > span{background: rgba(50, 120, 255, 0.12); color: var(--electric);} .body-metric-card.weight > span{background: rgba(33, 181, 115, 0.13); color: var(--swack);} .body-metric-card.waist > span{background: rgba(122, 92, 250, 0.13); color: var(--purple);} .body-metric-card small{font-size: 9px; letter-spacing: 0.1em; font-weight: 900; color: var(--text-2);} .body-metric-card > div{display: flex; align-items: baseline; margin-top: 4px;} .body-metric-card input{min-width: 0px; width: 100%; font-size: 31px; font-weight: 900; letter-spacing: -0.05em; border: 0px; background: transparent; padding: 0px; color: var(--text);} .body-metric-card b{font-size: 12px; color: var(--text-2);} .experience-panel{margin-top: 17px;} .experience-panel > label{font-size: 11px; font-weight: 850; color: var(--text-2);} .choice-grid.three{grid-template-columns: repeat(3, 1fr);} .goal-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0px 18px;} .goal-card{border: 1px solid var(--border); background: var(--surface-2); border-radius: 20px; padding: 16px 10px; color: var(--text); display: grid; justify-items: center; gap: 5px;} .goal-card > span{width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: var(--surface); font-size: 21px;} .goal-card strong{font-size: 15px;} .goal-card small{color: var(--text-2);} .goal-card.active{background: linear-gradient(145deg, rgba(33, 181, 115, 0.13), rgba(50, 120, 255, 0.07)); border-color: rgba(33, 181, 115, 0.5);} .goal-card.active > span{background: var(--swack); color: rgb(255, 255, 255);} .target-weight-card.premium{margin: 14px 0px;} .target-arrow{font-size: 30px; color: var(--swack);} .block-premium{display: grid; grid-template-columns: 1fr auto; gap: 15px; align-items: center; padding: 16px; border-radius: 20px; background: linear-gradient(145deg,rgba(122,92,250,.1),var(--surface-2)); border: 1px solid rgba(122, 92, 250, 0.18);} .block-premium > div:first-child{display: grid; gap: 3px;} .block-premium small{color: var(--text-2); max-width: 330px;} .block-choice-grid{display: flex; gap: 6px;} .block-choice-grid .choice{min-width: 46px;} .priority-premium{display: grid; gap: 9px; margin-top: 14px;} .priority-row{display: grid; grid-template-columns: 170px 1fr; gap: 15px; align-items: center; padding: 12px 15px; border-radius: 16px; background: var(--surface-2); border-left: 4px solid var(--swack);} .priority-row.p1{border-left-color: var(--electric);} .priority-row.p2{border-left-color: var(--purple);} .priority-row > div{display: grid;} .priority-row small{color: var(--text-2);} .schedule-premium{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .schedule-number{padding: 18px; border-radius: 20px; background: var(--surface-2); border: 1px solid var(--border); display: grid;} .schedule-number small{font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-2);} .schedule-number select{font-size: 36px; font-weight: 900; letter-spacing: -0.05em; border: 0px; padding: 5px 0px; background: transparent; color: var(--text);} .schedule-number b{font-size: 12px; color: var(--text-2);} .equipment-onboard{margin-top: 17px;} .equipment-summary{margin-top: 10px; display: flex; align-items: center; justify-content: space-between; padding: 14px; border-radius: 17px; background: linear-gradient(145deg,rgba(33,181,115,.08),var(--surface-2)); border: 1px solid var(--border);} .equipment-summary > div{display: grid;} .equipment-summary small{color: var(--text-2);} .ai-onboard-demo{display: grid; grid-template-columns: 54px 1fr; gap: 12px; align-items: center; padding: 16px; border-radius: 20px; background: linear-gradient(135deg, rgba(122, 92, 250, 0.12), rgba(50, 120, 255, 0.08)); border: 1px solid rgba(122, 92, 250, 0.2); margin-bottom: 17px;} .ai-orb{width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg,var(--purple),var(--electric)); color: rgb(255, 255, 255); font-size: 24px;} .ai-onboard-demo p{margin: 4px 0px 0px; color: var(--text-2); font-size: 13px;} .onboard-actions{display: flex; justify-content: space-between; gap: 10px; margin-top: 24px;} .swipe-hint{text-align: center; font-size: 10px; color: var(--text-2); margin-top: 12px;} .warmup-list{display: grid; gap: 8px; margin-top: 12px;} .warmup-row{display: grid; grid-template-columns: 48px 1fr; gap: 8px;} .warm-check{border: 1px solid var(--border); border-radius: 16px; background: var(--surface); color: var(--text-2); font-size: 20px; font-weight: 900;} .warmup-row.done .warm-check{background: var(--swack); border-color: var(--swack); color: rgb(255, 255, 255);} .warm-info{display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; border: 1px solid var(--border); border-radius: 16px; padding: 11px 13px; background: var(--surface); color: var(--text);} .warm-info > div{display: grid;} .warm-info strong{font-size: 14px;} .warm-info small{color: var(--text-2); font-size: 11px;} .warm-info > span{width: 28px; height: 28px; border-radius: 10px; background: var(--surface-2); display: grid; place-items: center; font-weight: 900;} .warmup-row.done .warm-info{opacity: 0.68;} .warm-guide-icon{width: 55px; height: 55px; border-radius: 17px; background: linear-gradient(135deg,var(--electric),var(--purple)); display: grid; place-items: center; color: rgb(255, 255, 255); font-size: 25px; margin-bottom: 12px;} .warm-dose{display: inline-flex; padding: 7px 10px; border-radius: 999px; background: rgba(50, 120, 255, 0.1); color: var(--electric); font-weight: 850; font-size: 12px; margin-bottom: 8px;} .load-mode-row{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 0px 7px;} .load-mode-row > span{font-size: 10px; text-transform: uppercase; letter-spacing: 0.09em; font-weight: 900; color: var(--text-2);} .load-mode-row > div{display: flex; gap: 5px; overflow: auto;} .load-mode-row button{white-space: nowrap; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 7px 9px; font-size: 10px; font-weight: 850;} .load-mode-row button.active{background: var(--text); color: var(--surface); border-color: var(--text);} .bodyweight-static{display: grid; align-content: center; padding: 7px 8px; border-radius: 10px; background: rgba(33, 181, 115, 0.08);} .bodyweight-static small{font-size: 8px; color: var(--text-2);} .bodyweight-static strong{font-size: 12px; color: var(--swack-2);} .rir-summary{margin-top: 10px; padding: 10px 12px; border-radius: 13px; background: rgba(122, 92, 250, 0.08); color: var(--text-2); font-size: 11px;} .rir-summary strong{color: var(--purple);} .rir-feedback-modal{text-align: center;} .rir-celebrate{width: 64px; height: 64px; border-radius: 21px; display: grid; place-items: center; margin: 0px auto 12px; background: linear-gradient(135deg,var(--swack),var(--electric)); color: rgb(255, 255, 255); font-size: 30px; font-weight: 950;} .rir-feedback-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin: 16px 0px;} .rir-feedback-grid button{border: 1px solid var(--border); background: var(--surface-2); border-radius: 17px; padding: 13px 5px; color: var(--text); display: grid; gap: 2px;} .rir-feedback-grid strong{font-size: 24px;} .rir-feedback-grid span{font-size: 9px; color: var(--text-2);} .timerbar.premium.countdown-final{background: linear-gradient(110deg, rgb(15, 52, 39), rgb(20, 107, 74) 58%, rgb(21, 124, 101)); box-shadow: rgba(33, 181, 115, 0.12) 0px 0px 0px 4px, rgba(0, 0, 0, 0.18) 0px 14px 35px;} .timerbar.premium.countdown-final #restTimer{font-size: 30px; color: rgb(255, 255, 255);} .timerbar.premium.rest-ready{animation: 0.75s ease 0s 2 normal none running restReady;} @keyframes restReady { 50% { transform: scale(1.018); box-shadow: rgba(33, 181, 115, 0.16) 0px 0px 0px 8px, rgba(0, 0, 0, 0.18) 0px 14px 35px; } } .sound-toggle{position: relative; width: 52px; height: 30px;} .sound-toggle input{position: absolute; opacity: 0;} .sound-toggle span{display: block; width: 52px; height: 30px; border-radius: 99px; background: var(--border); transition: 0.2s;} .sound-toggle span::after{content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; background: rgb(255, 255, 255); margin: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; transition: 0.2s;} .sound-toggle input:checked + span{background: var(--swack);} .sound-toggle input:checked + span::after{transform: translateX(22px);} .metric-band.five{grid-template-columns: repeat(5, 1fr);} .metric-v4.electric{border-top-color: var(--waist);} .metrics-grid.five{grid-template-columns: repeat(5, 1fr);} @media (max-width: 680px) {.onboarding-shell{margin-top: 10px; padding: 0px 8px;} .onboarding-premium-card{padding: 20px; border-radius: 25px;} .onboarding-progress{grid-template-columns: 34px 1fr;} .onboarding-progress > b{display: none;} .onboarding-brand{display: grid; justify-items: center; text-align: center;} .language-premium{grid-template-columns: 1fr;} .body-metric-grid{grid-template-columns: 1fr 1fr;} .body-metric-card.waist{grid-column: 1 / -1;} .block-premium{grid-template-columns: 1fr;} .block-choice-grid{justify-content: flex-start; overflow: auto;} .priority-row{grid-template-columns: 120px 1fr;} .schedule-premium{grid-template-columns: 1fr 1fr;} .metric-band.five, .metrics-grid.five{grid-template-columns: 1fr 1fr;} .rir-feedback-grid{gap: 5px;} .rir-feedback-grid button{padding: 11px 3px;} .load-mode-row{align-items: flex-start; display: grid;} .onboard-head h1{font-size: 30px;}} .rir-skip{margin-top: 14px; color: var(--text-2);} html[data-theme="dark"] .action-card.food-accent{background: linear-gradient(145deg,rgba(255,90,98,.16),var(--surface) 78%); border-color: rgba(255, 90, 98, 0.28);} html[data-theme="dark"] .action-card.training-accent{background: linear-gradient(145deg,rgba(33,181,115,.16),var(--surface) 78%); border-color: rgba(33, 181, 115, 0.28);} @media (prefers-color-scheme: dark) {html:not([data-theme]) .action-card.food-accent{background: linear-gradient(145deg,rgba(255,90,98,.16),var(--surface) 78%); border-color: rgba(255, 90, 98, 0.28);} html:not([data-theme]) .action-card.training-accent{background: linear-gradient(145deg,rgba(33,181,115,.16),var(--surface) 78%); border-color: rgba(33, 181, 115, 0.28);}} .auth-shell-v5{max-width: 560px; margin: 0px auto; padding: 34px 16px 60px; display: grid; gap: 18px;} .auth-brand-v5{display: flex; align-items: center; gap: 18px; padding: 18px 8px;} .auth-brand-v5 img{width: 78px; height: 78px; border-radius: 23px; box-shadow: rgba(18, 28, 35, 0.13) 0px 18px 42px;} .auth-brand-v5 h1{font-size: 46px; line-height: 0.95; margin: 3px 0px 8px; letter-spacing: -0.055em;} .auth-brand-v5 p{margin: 0px; color: var(--text-2); max-width: 360px;} .auth-life{font-size: 9px; letter-spacing: 0.42em; font-weight: 900; color: var(--swack);} .auth-card-v5{padding: 24px;} .auth-card-v5 h2{font-size: 28px; margin: 5px 0px 8px;} .auth-card-v5 .action-primary{margin-top: 8px;} .auth-divider{display: flex; align-items: center; gap: 12px; margin: 18px 0px; color: var(--text-2); font-size: 11px;} .auth-divider::before, .auth-divider::after{content: ""; height: 1px; background: var(--border); flex: 1 1 0%;} .google-auth{width: 100%; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 16px; padding: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 850;} .google-auth b{width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-2);} .auth-back{border: 0px; background: transparent; padding: 0px 0px 16px; color: var(--text-2); font-weight: 750;} .otp-input{width: 100%; text-align: center; font-size: 34px; letter-spacing: 0.34em; font-weight: 950; padding: 18px 12px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface-2); color: var(--text); margin: 12px 0px;} .privacy-auth{margin-top: 18px; padding: 12px; border-radius: 14px; background: var(--surface-2); color: var(--text-2); font-size: 10px; line-height: 1.5;} .auth-message{min-height: 18px; margin-top: 8px;} .account-profile-v5{position: relative;} .avatar-control{display: grid; justify-items: center; gap: 4px; cursor: pointer;} .avatar-control input, .onboard-avatar input{display: none;} .avatar-v5{width: 64px; height: 64px; border-radius: 20px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg,var(--swack),var(--electric)); color: rgb(255, 255, 255); font-size: 24px; font-weight: 950; box-shadow: rgba(33, 181, 115, 0.18) 0px 12px 30px;} .avatar-v5 img{width: 100%; height: 100%; object-fit: cover;} .avatar-control small{font-size: 9px; color: var(--text-2);} .nutrition-profile-v5 h4{margin: 17px 0px 8px; font-size: 11px; color: var(--text-2); text-transform: uppercase; letter-spacing: 0.08em;} .rule-chips{display: flex; flex-wrap: wrap; gap: 7px;} .rule-chip{border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 8px 10px; font-size: 10px; font-weight: 800;} .rule-chip.active{background: rgba(33, 181, 115, 0.12); border-color: rgba(33, 181, 115, 0.42); color: var(--swack-2);} .household-inline{margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border);} .supplement-row{display: grid; grid-template-columns: minmax(120px, 1.1fr) minmax(130px, 1fr) minmax(80px, 0.7fr) minmax(90px, 0.8fr); gap: 8px; align-items: center; padding: 10px 0px; border-bottom: 1px solid var(--border);} .supplement-row:last-child{border-bottom: 0px;} .supplement-row > div{display: flex; align-items: center; gap: 6px;} .supplement-row select, .supplement-row input{min-width: 0px; padding: 9px 10px; font-size: 11px;} .danger-button{border: 1px solid rgba(214, 73, 73, 0.3); background: rgba(214, 73, 73, 0.08); color: rgb(199, 68, 68); border-radius: 13px; padding: 10px 12px; font-weight: 850;} .privacy-v5{margin-bottom: 18px;} .onboard-v5-profile, .onboard-food-v5, .onboard-supplement-v5{padding: 15px; border: 1px solid var(--border); background: var(--surface-2); border-radius: 20px; margin: 12px 0px;} .onboard-avatar{display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; cursor: pointer;} .onboard-avatar .avatar-v5{width: 54px; height: 54px; border-radius: 16px;} .onboard-avatar span:nth-child(2){display: grid;} .onboard-avatar small, .onboard-supplement-v5 small{color: var(--text-2);} .onboard-food-v5 .row input{width: 78px;} .onboard-supplement-v5{display: grid; gap: 4px;} .recipe-tools{display: grid; gap: 10px; margin: 12px 0px;} .recipe-tools > input{border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 17px; padding: 13px 15px; font-size: 14px;} .recipe-filters{display: flex; gap: 6px; overflow: auto; padding-bottom: 2px;} .recipe-filters button{white-space: nowrap; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 8px 10px; font-size: 10px; font-weight: 850;} .recipe-filters button.active{background: var(--text); color: var(--surface); border-color: var(--text);} .recipe-grid-v5{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;} .recipe-card-v5{border: 1px solid var(--border); background: var(--surface); border-radius: 21px; overflow: hidden; box-shadow: rgba(18, 28, 35, 0.05) 0px 10px 26px;} .recipe-open{display: block; width: 100%; text-align: left; border: 0px; background: linear-gradient(145deg, rgba(33, 181, 115, 0.07), rgba(50, 120, 255, 0.04)); padding: 16px; color: var(--text);} .recipe-open h3{font-size: 17px; line-height: 1.15; margin: 18px 0px 7px;} .recipe-open p{font-size: 9px; color: var(--text-2); text-transform: uppercase; letter-spacing: 0.07em; margin: 0px;} .recipe-card-top{display: flex; justify-content: space-between; align-items: center; font-size: 10px; color: var(--text-2);} .recipe-card-top b{color: var(--swack-2); background: rgba(33, 181, 115, 0.1); padding: 5px 7px; border-radius: 999px;} .recipe-actions{display: grid; grid-template-columns: 46px 1fr; border-top: 1px solid var(--border);} .recipe-actions button{border: 0px; background: transparent; color: var(--text); padding: 11px; font-weight: 850;} .recipe-actions button + button{border-left: 1px solid var(--border);} .recipe-meta{display: flex; gap: 7px; flex-wrap: wrap; margin: 10px 0px 17px;} .recipe-meta span{background: var(--surface-2); padding: 7px 9px; border-radius: 999px; font-size: 10px; font-weight: 800;} .ingredient-list{display: grid; gap: 7px; margin-bottom: 18px;} .ingredient-list > div{display: flex; justify-content: space-between; gap: 12px; padding: 8px 0px; border-bottom: 1px solid var(--border); font-size: 12px;} .recipe-shopping-extra{margin-top: 12px;} @media (max-width: 620px) {.supplement-row{grid-template-columns: 1fr 1fr;} .supplement-row > div{grid-column: 1 / -1;} .recipe-grid-v5{grid-template-columns: 1fr;} .auth-brand-v5 h1{font-size: 40px;} .auth-shell-v5{padding-top: 20px;}} .schedule-info{align-content: center; gap: 4px;} .schedule-info strong{font-size: 20px; line-height: 1.1; letter-spacing: -0.025em; margin-top: 8px;} .session-length-policy{padding: 12px 0px;} .session-length-policy .tiny{margin-top: 8px; line-height: 1.35;} .topbar #syncBadge{display: none !important;} .profile-sync-state{display: flex; align-items: center; gap: 8px; margin-top: 10px;} .profile-sync-dot{width: 9px; height: 9px; border-radius: 50%; background: rgb(135, 165, 140); flex: 0 0 auto;} .profile-sync-dot.warn{background: rgb(201, 162, 95);} .profile-sync-dot.demo{background: rgb(170, 164, 154);} @media (max-width: 560px) {.topbar{height: 56px; padding: 8px 14px;} .brand-button img{width: 36px; height: 36px;} .brand-button span{font-size: 23px;}} .splash-evolution{position: absolute; inset: 0px; display: grid; place-items: center; pointer-events: none; z-index: 1;} .splash-evolution svg{width: min(76vw, 360px); height: auto; transform: translateY(-84px);} .evo{opacity: 0; animation: 1.35s ease 0s 1 normal forwards running evoFade;} .evo-1{animation-delay: 0.12s;} .evo-2{animation-delay: 0.34s;} .evo-3{animation-delay: 0.58s;} .evo-path{stroke-dasharray: 360; stroke-dashoffset: 360; animation: 1.35s ease 0.28s 1 normal forwards running pathDraw;} .evo-spark{animation: 1.5s ease-in-out 0.9s infinite alternate none running sparkPulse;} @keyframes evoFade { 0% { opacity: 0; transform: translateY(10px) scale(0.95); } 100% { opacity: 1; transform: none; } } @keyframes pathDraw { 100% { stroke-dashoffset: 0; } } @keyframes sparkPulse { 0% { transform: scale(1); opacity: 0.55; } 100% { transform: scale(1.45); opacity: 1; } } @media (max-width: 620px) {.splash-evolution svg{width: min(86vw, 320px); transform: translateY(-72px);}} .auth-languages{margin-bottom: 24px; opacity: 0.78;} .auth-welcome-copy{padding: 4px 0px 8px;} .auth-main-action{min-height: 54px; border-radius: 18px; font-size: 16px; box-shadow: rgba(25, 163, 111, 0.14) 0px 12px 26px;} .auth-text-action{text-align: center; margin-top: 18px; color: var(--text-2); font-size: 13px;} .auth-text-action button, .auth-inline-links button{border: 0px; background: transparent; padding: 0px; color: var(--text); font-weight: 850; text-decoration: none;} .auth-text-action button:hover, .auth-inline-links button:hover{text-decoration: underline;} .auth-inline-links{display: flex; justify-content: flex-end; margin: -2px 0px 10px;} .auth-notice{margin: 12px 0px; padding: 12px 14px; border-radius: 14px; background: var(--surface-2); color: var(--text-2); font-size: 12px;} .auth-success-mark{width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: rgba(31, 190, 126, 0.12); color: var(--swack); font-size: 26px; font-weight: 950; margin-bottom: 14px;} .auth-card-v5 .field input[type="password"], .auth-card-v5 .field input[type="email"], .auth-card-v5 .field input[type="text"]{min-height: 50px; border-radius: 15px;} .auth-card-v5 .field{margin: 13px 0px;} .auth-card-v5 .auth-back{margin-bottom: 2px;} @media (max-width: 620px) {.auth-card-v5{padding: 22px 20px;} .auth-main-action{min-height: 56px;}} .training-plan-link{width: 100%; border: 0px; background: transparent; color: var(--swack); font-weight: 850; font-size: 12px; padding: 13px 2px 1px; text-align: left;} .completed-session-open{width: 100%; border: 0px; text-align: left; display: flex; justify-content: space-between; align-items: center; gap: 8px; cursor: pointer;} .plan-week-head{width: 100%; border: 0px; background: transparent; padding: 0px; display: flex; justify-content: space-between; align-items: flex-start; text-align: left; color: var(--text);} .plan-week-head h3{margin-bottom: 4px;} .plan-week-head p{margin: 0px; color: var(--text-2); font-size: 12px; line-height: 1.45;} .plan-week-state{display: flex; align-items: center; gap: 8px;} .plan-week-state > b{width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-2); font-size: 18px;} .plan-days{margin-top: 14px; border-top: 1px solid var(--line); padding-top: 6px; display: flex; flex-direction: column; gap: 8px;} .plan-day{border: 1px solid var(--line); border-radius: 18px; background: var(--surface-2); overflow: hidden;} .plan-day.next{border-color: rgba(31, 190, 126, 0.48); box-shadow: rgba(31, 190, 126, 0.07) 0px 8px 20px;} .plan-day.past{opacity: 0.76;} .plan-day-head{width: 100%; border: 0px; background: transparent; padding: 13px 14px; display: flex; justify-content: space-between; align-items: center; text-align: left; color: var(--text);} .plan-day-head small{display: block; font-size: 8px; letter-spacing: 0.13em; font-weight: 900; color: var(--text-2);} .plan-day-head strong{display: block; font-size: 14px; margin-top: 3px;} .plan-day-head span{display: block; font-size: 9px; color: var(--swack); font-weight: 800; margin-top: 4px;} .plan-day-head > b{font-size: 18px; color: var(--text-2);} .plan-session-detail{border-top: 1px solid var(--line); padding: 12px 13px 14px; background: var(--surface);} .baseline-plan-note{display: flex; align-items: flex-start; gap: 9px; padding: 10px; border-radius: 14px; background: rgba(42, 184, 124, 0.07); margin-bottom: 12px;} .baseline-plan-note > span{font-size: 20px; color: var(--swack);} .baseline-plan-note p{margin: 0px; font-size: 10px; color: var(--text-2); line-height: 1.45;} .plan-warmup{display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px;} .plan-warmup small{width: 100%; font-size: 8px; letter-spacing: 0.12em; font-weight: 900; color: var(--text-2);} .plan-warmup span{font-size: 9px; border: 1px solid var(--line); border-radius: 999px; padding: 5px 7px; background: var(--surface-2);} .plan-exercise-list{display: flex; flex-direction: column;} .plan-exercise-row{width: 100%; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); background: transparent; display: flex; align-items: center; gap: 10px; padding: 11px 2px; text-align: left; color: var(--text);} .plan-exercise-row:first-child{border-top: 0px;} .plan-exercise-number{width: 28px; height: 28px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(42, 184, 124, 0.1), rgba(75, 130, 255, 0.1)); font-weight: 900; font-size: 11px;} .plan-exercise-row strong{display: block; font-size: 12px;} .plan-exercise-row small{display: block; color: var(--text-2); font-size: 9px; margin-top: 3px;} .plan-exercise-row > b{color: var(--text-2); font-size: 18px;} .plan-cardio-detail{padding: 11px; border-radius: 14px; background: var(--surface-2); font-size: 12px; line-height: 1.5;} .plan-history{margin-top: 18px;} .plan-history-list{margin-top: 9px;} .plan-history-list > button{width: 100%; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); background: transparent; padding: 12px 2px; display: flex; align-items: center; gap: 10px; text-align: left; color: var(--text);} .plan-history-list > button:first-child{border-top: 0px;} .plan-history-list strong{display: block; font-size: 12px;} .plan-history-list small{display: block; color: var(--text-2); font-size: 9px; margin-top: 3px;} .history-check{width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; background: rgba(42, 184, 124, 0.11); color: var(--swack); font-weight: 950; flex: 0 0 auto;} .completed-workout-page{padding: 8px 2px 4px;} .training-back{border: 0px; background: transparent; padding: 6px 0px 14px; color: var(--text-2); font-weight: 850;} .completed-workout-page h1{margin: 4px 0px 7px;} .completed-workout-page p{margin: 0px; color: var(--text-2);} .completed-big-check{width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: rgba(42, 184, 124, 0.12); color: var(--swack); font-size: 24px; font-weight: 950;} .completed-save-notice{margin: 10px 0px;} .completed-toolbar{display: flex; justify-content: space-between; align-items: center; gap: 12px;} .completed-toolbar p{margin: 4px 0px 0px;} .completed-exercise-name{border: 0px; background: transparent; padding: 0px; display: flex; align-items: center; gap: 9px; text-align: left; color: var(--text);} .completed-exercise-name > span{width: 36px; height: 36px; border-radius: 12px; background: var(--surface-2); display: grid; place-items: center;} .completed-exercise-name strong{display: block; font-size: 13px;} .completed-exercise-name small{display: block; font-size: 9px; color: var(--text-2); margin-top: 3px;} .completed-set-list{margin-top: 11px; border-top: 1px solid var(--line);} .completed-set{display: grid; grid-template-columns: 64px 1fr 1fr 28px; gap: 7px; align-items: center; padding: 10px 0px; border-bottom: 1px solid var(--line); font-size: 10px;} .completed-set.done > b{color: var(--swack);} .completed-set.edit{grid-template-columns: 54px minmax(70px, 1fr) minmax(64px, 1fr) 76px;} .completed-set.edit label{font-size: 8px; color: var(--text-2); font-weight: 800;} .completed-set.edit input:not([type="checkbox"]){display: block; width: 100%; min-height: 36px; margin-top: 3px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--text); padding: 7px;} .completed-done{align-items: center; gap: 4px; display: flex !important; color: var(--text) !important;} .completed-done input{width: 17px; height: 17px;} .completed-rir{margin-top: 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; font-weight: 800;} .completed-rir select, .completed-rir input{min-width: 82px; min-height: 38px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--text); padding: 7px;} @media (max-width: 620px) {.completed-toolbar{align-items: flex-start; flex-direction: column;} .completed-toolbar > .row{width: 100%;} .completed-toolbar > .row button{flex: 1 1 0%;} .completed-set.edit{grid-template-columns: 46px 1fr 1fr; grid-template-areas: "set weight reps" "done done done";} .completed-set.edit > strong{grid-area: set;} .completed-set.edit > label:nth-of-type(1){grid-area: weight;} .completed-set.edit > label:nth-of-type(2){grid-area: reps;} .completed-set.edit > .completed-done{grid-area: done;}} .plan-video-link{display: block !important; margin-top: 6px !important; font-size: 9px !important; font-weight: 900 !important; color: var(--swack) !important;} .plan-cardio-prescription{margin-top: 12px; border: 1px solid var(--line); border-radius: 18px; padding: 14px; background: linear-gradient(145deg, rgba(240, 249, 245, 0.82), rgba(247, 249, 253, 0.92));} .cardio-rx-main{display: flex; flex-direction: column; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid var(--line);} .cardio-rx-main strong{font-size: 19px;} .cardio-rx-main span{font-size: 10px; color: var(--text-2); line-height: 1.45;} .cardio-rx-grid{display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 11px;} .cardio-rx-grid.two{grid-template-columns: 1fr 1fr;} .cardio-rx-grid > div{background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 10px;} .cardio-rx-grid small{display: block; font-size: 8px; font-weight: 900; letter-spacing: 0.12em; color: var(--text-2); margin-bottom: 4px;} .cardio-rx-grid strong{display: block; font-size: 11px; line-height: 1.4;} .cardio-rx-grid span{display: block; font-size: 9px; color: var(--text-2); margin-top: 4px; line-height: 1.4;} .plan-cardio-prescription > p{font-size: 11px; color: var(--text-2); line-height: 1.55; margin: 12px 0px 0px;} .test-rx{background: linear-gradient(145deg, rgba(244, 247, 255, 0.92), rgba(249, 246, 253, 0.92));} @media (max-width: 520px) {.cardio-rx-grid.two{grid-template-columns: 1fr;}} .session-autosave{display: inline-flex; align-items: center; margin-top: 5px; padding: 5px 8px; border-radius: 999px; background: rgba(42, 184, 124, 0.09); color: var(--swack); font-size: 9px; font-weight: 850; letter-spacing: 0.01em;} .meal-recipe-cta{font-size: 10px; font-weight: 900; color: var(--swack); white-space: nowrap;} .clickable-meal{cursor: pointer;} .focus-choice{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0px;} .focus-card{border: 1px solid var(--line); background: var(--surface-2); border-radius: 20px; padding: 16px; text-align: left; color: var(--text); display: flex; flex-direction: column; gap: 5px;} .focus-card > span{font-size: 24px; color: var(--swack);} .focus-card strong{font-size: 15px;} .focus-card small{font-size: 10px; color: var(--text-2); line-height: 1.4;} .focus-card.active{border-color: rgba(42, 184, 124, 0.65); box-shadow: rgba(42, 184, 124, 0.08) 0px 8px 24px; background: rgba(241, 250, 246, 0.96);} .run-wizard-fields{display: flex; flex-direction: column; gap: 10px;} .run-goal-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px;} .hr-setup{margin: 12px 0px; padding: 14px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface-2);} .manual-zones{display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;} .manual-zones label{font-size: 8px; font-weight: 900;} .manual-zones input{width: 100%; margin-top: 4px; min-height: 38px;} .toggle-row{display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 14px;} .toggle-row input{width: 20px; height: 20px;} .run-rx{margin-top: 12px;} .run-rx-main{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px;} .run-rx-main small{display: block; font-size: 8px; letter-spacing: 0.12em; color: var(--text-2); font-weight: 900;} .run-rx-main strong{display: block; font-size: 16px;} .run-distance{font-size: 19px; font-weight: 950; color: var(--swack);} .run-rx-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;} .run-rx-grid > div{border: 1px solid var(--line); background: var(--surface-2); border-radius: 14px; padding: 11px;} .run-rx-grid .wide{grid-column: 1 / -1;} .run-rx-grid small{display: block; font-size: 8px; letter-spacing: 0.11em; color: var(--text-2); font-weight: 900; margin-bottom: 4px;} .run-rx-grid strong{display: block; font-size: 12px; line-height: 1.45;} .run-rx-grid span{display: block; font-size: 9px; color: var(--text-2); margin-top: 4px; line-height: 1.45;} .run-hr-source{font-size: 9px; color: var(--text-2); margin-top: 7px;} .race-date-card{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;} .race-date-card p{margin: 4px 0px 0px; color: var(--text-2); font-size: 11px;} .race-date-card.warning-card{border-color: rgba(235, 155, 53, 0.35);} .heart-rate-card .hr-zone-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 12px;} .hr-zone-grid > div{text-align: center; border: 1px solid var(--line); border-radius: 13px; padding: 8px 4px; background: var(--surface-2);} .hr-zone-grid span{display: block; font-size: 8px; font-weight: 900; color: var(--text-2);} .hr-zone-grid strong{display: block; font-size: 11px; margin-top: 3px;} .hr-zone-grid small{font-size: 8px; color: var(--text-2);} .muscle-recovery-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 12px;} .muscle-recovery-item{border: 1px solid var(--line); border-radius: 14px; padding: 10px; background: var(--surface-2);} .muscle-recovery-item span, .muscle-recovery-item small{display: block;} .muscle-recovery-item span{font-size: 9px; color: var(--text-2);} .muscle-recovery-item strong{font-size: 11px;} .muscle-recovery-item small{font-size: 8px; color: var(--text-2); margin-top: 3px;} .muscle-recovery-item.r3 strong{color: var(--swack);} .muscle-recovery-item.r1 strong{color: rgb(181, 107, 58);} .plan-management{display: flex; flex-direction: column; gap: 8px;} .release-badge{width: 58px; height: 58px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(42, 184, 124, 0.14), rgba(75, 130, 255, 0.15)); font-size: 20px; font-weight: 950; color: var(--swack); margin-bottom: 10px;} .release-list{display: flex; flex-direction: column; gap: 8px; margin: 14px 0px;} .release-list span{padding: 9px 10px; border-radius: 13px; background: var(--surface-2); font-size: 11px; font-weight: 750;} .onboard-focus-v51{margin: 12px 0px 16px; padding: 14px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface-2);} .run-complete-icon{width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: rgba(42, 184, 124, 0.12); color: var(--swack); font-size: 25px; font-weight: 950;} .run-result-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px;} .run-result-grid > div{border: 1px solid var(--line); border-radius: 13px; padding: 9px; background: var(--surface-2);} .run-result-grid span{display: block; font-size: 8px; color: var(--text-2);} .run-result-grid strong{display: block; font-size: 12px; margin-top: 3px;} .run-result-grid input{width: 100%; min-height: 36px; margin-top: 3px;} .rich-recipe .recipe-method-head{margin-top: 20px;} .detailed-recipe-steps li{margin-bottom: 11px; line-height: 1.55;} .cooking-backdrop{align-items: flex-end;} .cooking-modal{min-height: 72vh; display: flex; flex-direction: column;} .cooking-progress{height: 5px; background: var(--line); border-radius: 999px; overflow: hidden; margin: 12px 0px 22px;} .cooking-progress span{display: block; height: 100%; background: var(--swack);} .cooking-step{display: grid; grid-template-columns: 45px 1fr; gap: 14px; align-items: flex-start; margin: 10px 0px 22px;} .cooking-step > span{width: 45px; height: 45px; border-radius: 16px; display: grid; place-items: center; background: rgba(42, 184, 124, 0.1); color: var(--swack); font-size: 19px; font-weight: 950;} .cooking-step p{font-size: 18px; line-height: 1.55; margin: 0px;} .cooking-nav{margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;} .kitchen-timer{border: 1px solid var(--line); background: var(--surface-2); border-radius: 14px; padding: 11px; font-weight: 850; color: var(--text);} .kitchen-timer-live{display: flex; align-items: center; justify-content: space-between; padding: 11px; margin-top: 8px; border-radius: 14px; background: rgba(75, 130, 255, 0.08);} .kitchen-timer-live strong{font-size: 20px;} @media (max-width: 620px) {.run-goal-grid{grid-template-columns: 1fr 1fr;} .manual-zones{grid-template-columns: repeat(2, 1fr);} .heart-rate-card .hr-zone-grid{grid-template-columns: repeat(5, minmax(54px, 1fr)); overflow-x: auto;} .race-date-card{flex-direction: column;} .focus-choice{grid-template-columns: 1fr 1fr;} .cooking-step p{font-size: 16px;}} .running-block-recommendation{margin: 10px 0px 14px; padding: 10px 12px; border-radius: 14px; background: rgba(42, 184, 124, 0.08); color: var(--text-2); font-size: 10px; line-height: 1.45; font-weight: 750;} .onboard-focus-v511{margin: 12px 0px 16px; padding: 15px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface-2);} .running-onboard-v511{margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border);} .running-block-recommendation{margin-top: 8px; padding: 10px 12px; border-radius: 13px; background: color-mix(in srgb,var(--electric) 8%,var(--surface)); border: 1px solid color-mix(in srgb,var(--electric) 20%,var(--border)); color: var(--text-2); font-size: 10px; line-height: 1.45;} #onboardBlockChoices .choice{min-width: 54px;} .food-week-switch{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0px 14px;} .food-week-switch button{border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 17px; padding: 11px 12px; text-align: left;} .food-week-switch button strong, .food-week-switch button small{display: block;} .food-week-switch button strong{font-size: 12px;} .food-week-switch button small{margin-top: 3px; font-size: 9px; color: var(--text-2);} .food-week-switch button.active{border-color: color-mix(in srgb,var(--swack) 55%,var(--border)); background: color-mix(in srgb,var(--swack) 9%,var(--surface)); box-shadow: rgba(33, 181, 115, 0.08) 0px 7px 20px;} .clickable-week-meal{width: 100%; border: 0px; background: transparent; color: var(--text); text-align: left; cursor: pointer;} .clickable-week-meal > b{color: var(--text-2);} .plan-cardio-prescription{color: var(--text); background: linear-gradient(145deg,color-mix(in srgb,var(--swack) 7%,var(--surface)),color-mix(in srgb,var(--electric) 6%,var(--surface))) !important;} .test-rx{color: var(--text); background: linear-gradient(145deg,color-mix(in srgb,var(--electric) 7%,var(--surface)),color-mix(in srgb,var(--purple) 6%,var(--surface))) !important;} .focus-card.active{color: var(--text); background: color-mix(in srgb,var(--swack) 9%,var(--surface)) !important;} html[data-theme="dark"] .plan-session-detail, html[data-theme="dark"] .plan-cardio-prescription, html[data-theme="dark"] .test-rx, html[data-theme="dark"] .run-rx-grid > div, html[data-theme="dark"] .cardio-rx-grid > div, html[data-theme="dark"] .onboard-focus-v511, html[data-theme="dark"] .onboard-focus-v51{background: var(--surface) !important; color: var(--text) !important; border-color: var(--border) !important;} html[data-theme="dark"] .plan-day{background: var(--surface-2); color: var(--text);} html[data-theme="dark"] .plan-session-detail strong, html[data-theme="dark"] .plan-cardio-prescription strong, html[data-theme="dark"] .run-rx strong{color: var(--text);} @media (max-width: 520px) {.running-onboard-v511 .grid2{grid-template-columns: 1fr;}} .week-type-strip span{background: var(--surface-2) !important; border-color: var(--border) !important; color: var(--text-2) !important;} .plan-week-state > b, .plan-warmup span, .plan-cardio-detail, .plan-exercise-number, .badge{background: var(--surface-2); border-color: var(--border); color: var(--text-2);} html[data-theme="dark"] .plan-controls, html[data-theme="dark"] .week-card, html[data-theme="dark"] .plan-history, html[data-theme="dark"] .plan-summary, html[data-theme="dark"] .plan-day, html[data-theme="dark"] .plan-session-detail, html[data-theme="dark"] .plan-cardio-prescription, html[data-theme="dark"] .test-rx, html[data-theme="dark"] .run-rx, html[data-theme="dark"] .run-rx-grid > div, html[data-theme="dark"] .cardio-rx-grid > div, html[data-theme="dark"] .muscle-recovery-item{background: var(--surface) !important; color: var(--text) !important; border-color: var(--border) !important;} html[data-theme="dark"] .plan-day{background: var(--surface-2) !important;} html[data-theme="dark"] .week-card.phase{background: linear-gradient(90deg,rgba(65,111,255,.13),var(--surface)) !important;} html[data-theme="dark"] .week-type-strip span, html[data-theme="dark"] .plan-week-state > b, html[data-theme="dark"] .plan-warmup span, html[data-theme="dark"] .plan-cardio-detail, html[data-theme="dark"] .plan-exercise-number, html[data-theme="dark"] .badge{background: rgb(36, 42, 50) !important; color: rgb(215, 222, 232) !important; border-color: rgb(52, 60, 71) !important;} html[data-theme="dark"] .plan-week-head, html[data-theme="dark"] .plan-week-head h3, html[data-theme="dark"] .plan-day-head, html[data-theme="dark"] .plan-day-head strong, html[data-theme="dark"] .plan-session-detail, html[data-theme="dark"] .plan-session-detail strong, html[data-theme="dark"] .plan-exercise-row, html[data-theme="dark"] .plan-exercise-row strong, html[data-theme="dark"] .cardio-rx-main strong, html[data-theme="dark"] .cardio-rx-grid strong, html[data-theme="dark"] .run-rx-main strong, html[data-theme="dark"] .run-rx-grid strong{color: rgb(244, 247, 250) !important;} html[data-theme="dark"] .plan-week-head p, html[data-theme="dark"] .plan-day-head small, html[data-theme="dark"] .plan-exercise-row small, html[data-theme="dark"] .cardio-rx-main span, html[data-theme="dark"] .cardio-rx-grid small, html[data-theme="dark"] .cardio-rx-grid span, html[data-theme="dark"] .run-rx-grid small, html[data-theme="dark"] .run-rx-grid span, html[data-theme="dark"] .run-hr-source{color: rgb(174, 184, 197) !important;} html[data-theme="dark"] .plan-day-head span, html[data-theme="dark"] .plan-video-link{color: rgb(84, 214, 160) !important;} html[data-theme="light"]{--bg: #FFF3EC; --surface: #FFFCFA; --surface-2: #F4EAF5; --text: #211C27; --text-2: #6D6372; --border: #E8D9E4; --swack: #00B982; --swack-2: #008A63; --electric: #315EF5; --purple: #885EF4; --coral-v4: #FF6078; --energy: #FFBD35; --recovery: #73BFB1; --ivory: var(--bg); --paper: var(--surface); --paper2: var(--surface-2); --ink: var(--text); --muted: var(--text-2); --line: var(--border); --shadow: 0 12px 35px rgba(91,55,89,.10); --shadow-strong: 0 22px 55px rgba(72,46,93,.17); color-scheme: light;} html[data-theme="light"] body{background: radial-gradient(circle at 3% 3%, rgba(255, 96, 120, 0.19), transparent 22rem), radial-gradient(circle at 98% 13%, rgba(49, 94, 245, 0.17), transparent 26rem), radial-gradient(circle at 18% 74%, rgba(0, 185, 130, 0.14), transparent 23rem), radial-gradient(circle at 92% 88%, rgba(136, 94, 244, 0.12), transparent 24rem), rgb(255, 243, 236);} html[data-theme="light"] .topbar{background: color-mix(in srgb, rgb(255, 243, 236) 84%, transparent 16%); border-bottom-color: rgb(234, 214, 225);} html[data-theme="light"] .card{border-color: rgb(234, 220, 230); box-shadow: rgba(104, 65, 102, 0.09) 0px 11px 32px;} html[data-theme="light"] button.primary, html[data-theme="light"] button.sage-btn, html[data-theme="light"] .action-primary{background: linear-gradient(120deg, rgb(0, 185, 130) 0%, rgb(32, 185, 216) 47%, rgb(49, 94, 245) 100%); box-shadow: rgba(49, 94, 245, 0.18) 0px 9px 24px;} html[data-theme="light"] .action-card.training-accent{border-top-color: rgb(0, 185, 130); background: linear-gradient(145deg,rgba(0,185,130,.13),rgba(49,94,245,.06) 55%,var(--surface) 84%);} html[data-theme="light"] .action-card.food-accent{border-top-color: rgb(255, 96, 120); background: linear-gradient(145deg,rgba(255,96,120,.14),rgba(255,189,53,.08) 55%,var(--surface) 84%);} html[data-theme="light"] .plan-summary.green{background: linear-gradient(145deg, rgb(233, 251, 245), rgb(255, 252, 250));} html[data-theme="light"] .plan-summary.blue{background: linear-gradient(145deg, rgb(237, 241, 255), rgb(255, 252, 250));} html[data-theme="light"] .plan-summary.purple{background: linear-gradient(145deg, rgb(241, 236, 255), rgb(255, 252, 250));} html[data-theme="light"] .quick-card:nth-child(4n+1){background: linear-gradient(145deg, rgb(238, 241, 255), rgb(255, 252, 250)); border-color: rgb(220, 226, 255);} html[data-theme="light"] .quick-card:nth-child(4n+2){background: linear-gradient(145deg, rgb(234, 251, 246), rgb(255, 252, 250)); border-color: rgb(209, 241, 231);} html[data-theme="light"] .quick-card:nth-child(4n+3){background: linear-gradient(145deg, rgb(255, 240, 243), rgb(255, 252, 250)); border-color: rgb(255, 216, 224);} html[data-theme="light"] .quick-card:nth-child(4n){background: linear-gradient(145deg, rgb(243, 238, 255), rgb(255, 252, 250)); border-color: rgb(227, 216, 255);} html[data-theme="light"] .week-card.phase{background: linear-gradient(90deg,rgba(49,94,245,.10),rgba(136,94,244,.06),var(--surface)); border-left-color: rgb(49, 94, 245);} html[data-theme="light"] .week-type-strip span:nth-child(4n+1){background: rgb(234, 251, 245) !important; color: rgb(8, 123, 92) !important; border-color: rgb(203, 238, 223) !important;} html[data-theme="light"] .week-type-strip span:nth-child(4n+2){background: rgb(237, 241, 255) !important; color: rgb(49, 82, 201) !important; border-color: rgb(215, 223, 255) !important;} html[data-theme="light"] .week-type-strip span:nth-child(4n+3){background: rgb(255, 240, 243) !important; color: rgb(200, 66, 90) !important; border-color: rgb(255, 215, 223) !important;} html[data-theme="light"] .week-type-strip span:nth-child(4n){background: rgb(242, 237, 255) !important; color: rgb(104, 72, 201) !important; border-color: rgb(224, 214, 255) !important;} html[data-theme="light"] .athletic-hero{background: linear-gradient(125deg, rgb(23, 36, 61) 0%, rgb(49, 94, 245) 44%, rgb(135, 93, 244) 72%, rgb(255, 96, 120) 138%);} html[data-theme="light"] .plan-major{background: linear-gradient(125deg, rgb(24, 40, 72), rgb(49, 94, 245) 48%, rgb(136, 94, 244) 92%);} html[data-theme="light"] .food-major{background: linear-gradient(125deg, rgb(13, 119, 94), rgb(0, 168, 121) 42%, rgb(255, 96, 120) 118%);} html[data-theme="light"] .profile-major{background: linear-gradient(125deg, rgb(8, 114, 91), rgb(0, 168, 122) 42%, rgb(49, 94, 245) 116%);} html[data-theme="light"] .progress-major{background: linear-gradient(125deg, rgb(74, 44, 122), rgb(136, 94, 244) 48%, rgb(49, 94, 245) 100%);} .theme-picker-v512{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 12px;} .theme-choice-v512{border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 18px; padding: 11px; text-align: left; min-height: 118px;} .theme-choice-v512.active{border-color: color-mix(in srgb,var(--electric) 55%,var(--border)); box-shadow: 0 8px 24px color-mix(in srgb,var(--electric) 12%,transparent); transform: translateY(-1px);} .theme-choice-v512 strong, .theme-choice-v512 small{display: block;} .theme-choice-v512 strong{font-size: 12px; margin-top: 9px;} .theme-choice-v512 small{font-size: 8px; color: var(--text-2); margin-top: 3px; line-height: 1.35;} .theme-preview{display: grid; grid-template-columns: repeat(4, 1fr); height: 31px; border-radius: 11px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05);} .theme-preview i{display: block;} .light-preview i:nth-child(1){background: rgb(0, 185, 130);} .light-preview i:nth-child(2){background: rgb(49, 94, 245);} .light-preview i:nth-child(3){background: rgb(255, 96, 120);} .light-preview i:nth-child(4){background: rgb(136, 94, 244);} .dark-preview i:nth-child(1){background: rgb(13, 17, 22);} .dark-preview i:nth-child(2){background: rgb(36, 42, 50);} .dark-preview i:nth-child(3){background: rgb(84, 214, 160);} .dark-preview i:nth-child(4){background: rgb(82, 117, 255);} @media (max-width: 560px) {.theme-picker-v512{grid-template-columns: 1fr;} .theme-choice-v512{min-height: auto;}} html, body, button, input, select, textarea{font-family: Manrope, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;} h1, h2, h3, h4, .brand-button span, .action-title, .metric strong, .metric-v4 strong, .block-ring strong, .session-ring strong, .today-primary-metric, .completion-modal h2, .completion-stats strong{font-family: Sora, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;} h1, h2{font-weight: 700 !important; letter-spacing: -0.045em !important;} h3, h4{letter-spacing: -0.025em; font-weight: 750 !important;} .brand-button span{letter-spacing: -0.055em; font-weight: 800 !important;} .eyebrow, .action-kicker{font-weight: 800; letter-spacing: 0.14em; font-family: Manrope, "Avenir Next", sans-serif !important;} .swack-cut{clip-path: polygon(0px 0px, calc(100% - 20px) 0px, 100% 20px, 100% 100%, 16px 100%, 0px calc(100% - 16px)); position: relative; border-radius: 0px !important; border: 0px !important;} .swack-cut::after{content: ""; position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background: color-mix(in srgb,var(--electric) 22%,transparent); clip-path: polygon(0px 0px, 100% 100%, 100% 0px); pointer-events: none;} .swack-cut.subtle-cut, .swack-cut.mini-cut{clip-path: polygon(0px 0px, calc(100% - 14px) 0px, 100% 14px, 100% 100%, 10px 100%, 0px calc(100% - 10px));} .swack-cut.mini-cut.alt{clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);} .swack-cut.mini-cut.alt::after{right: auto; left: 0px; transform: scaleX(-1);} .swack-cut-modal{border-radius: 24px 5px 24px 24px !important;} .today-swack-hero{box-shadow: rgba(31, 62, 93, 0.18) 0px 22px 52px;} .v513-dashboard .action-card{margin: 10px 0px; background: var(--surface) !important; box-shadow: rgba(30, 63, 62, 0.1) 0px 13px 34px !important;} html[data-theme="light"] .v513-dashboard .action-card{background: var(--surface) !important;} .v513-dashboard .food-accent{background: linear-gradient(110deg,color-mix(in srgb,var(--coral-v4) 9%,var(--surface)) 0 26%,var(--surface) 62%) !important; border-left: 5px solid var(--coral-v4) !important;} .v513-dashboard .food-accent::after{background: color-mix(in srgb,var(--coral-v4) 46%,transparent);} .v513-dashboard .training-accent{border-left: 5px solid var(--swack) !important; background: var(--surface) !important;} .v513-dashboard .training-accent.intensity-easy{--session-accent: #11AF78; background: linear-gradient(108deg,color-mix(in srgb,#11AF78 10%,var(--surface)) 0 30%,var(--surface) 66%) !important; border-left-color: rgb(17, 175, 120) !important;} .v513-dashboard .training-accent.intensity-moderate{--session-accent: #E69B25; background: linear-gradient(108deg,color-mix(in srgb,#E69B25 11%,var(--surface)) 0 30%,var(--surface) 66%) !important; border-left-color: rgb(230, 155, 37) !important;} .v513-dashboard .training-accent.intensity-hard{--session-accent: #EE5B68; background: linear-gradient(108deg,color-mix(in srgb,#EE5B68 10%,var(--surface)) 0 30%,var(--surface) 66%) !important; border-left-color: rgb(238, 91, 104) !important;} .v513-dashboard .training-accent::after{background: color-mix(in srgb,var(--session-accent,var(--swack)) 42%,transparent);} .action-card-head{display: flex; align-items: center; gap: 11px; margin-bottom: 10px;} .action-card-head .action-title{margin-top: 1px;} .action-card-head .action-kicker{margin-bottom: 2px;} .meal-name-v513{font-size: 13px; font-weight: 650; color: var(--text-2); margin: 7px 0px 14px;} .action-footer-v513{display: flex; align-items: center; justify-content: space-between; gap: 10px;} .action-footer-v513 .meal-recipe-cta{font-size: 11px; font-weight: 800; color: var(--coral-v4);} .swack-icon{width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; background: color-mix(in srgb,var(--electric) 10%,var(--surface)); border: 1px solid color-mix(in srgb,var(--electric) 22%,var(--border)); clip-path: polygon(0px 0px, calc(100% - 9px) 0px, 100% 9px, 100% 100%, 9px 100%, 0px calc(100% - 9px)); color: var(--electric);} .swack-icon svg{width: 23px; height: 23px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;} .swack-icon.food-icon{color: var(--coral-v4); background: color-mix(in srgb,var(--coral-v4) 10%,var(--surface)); border-color: color-mix(in srgb,var(--coral-v4) 24%,var(--border));} .swack-icon.training-icon.easy{color: rgb(7, 155, 104); background: color-mix(in srgb,#11AF78 11%,var(--surface)); border-color: color-mix(in srgb,#11AF78 26%,var(--border));} .swack-icon.training-icon.moderate{color: rgb(185, 118, 12); background: color-mix(in srgb,#E69B25 12%,var(--surface)); border-color: color-mix(in srgb,#E69B25 27%,var(--border));} .swack-icon.training-icon.hard{color: rgb(217, 72, 87); background: color-mix(in srgb,#EE5B68 11%,var(--surface)); border-color: color-mix(in srgb,#EE5B68 27%,var(--border));} .intensity-badge{padding: 6px 8px; font-size: 8px; font-weight: 850; letter-spacing: 0.12em; clip-path: polygon(0px 0px, calc(100% - 7px) 0px, 100% 7px, 100% 100%, 0px 100%); white-space: nowrap;} .intensity-badge.easy{background: rgb(223, 248, 238); color: rgb(6, 119, 83);} .intensity-badge.moderate{background: rgb(255, 240, 213); color: rgb(155, 97, 9);} .intensity-badge.hard{background: rgb(255, 227, 230); color: rgb(181, 53, 67);} html[data-theme="dark"] .intensity-badge.easy{background: rgb(24, 56, 46); color: rgb(107, 224, 176);} html[data-theme="dark"] .intensity-badge.moderate{background: rgb(58, 44, 23); color: rgb(246, 191, 97);} html[data-theme="dark"] .intensity-badge.hard{background: rgb(59, 32, 37); color: rgb(255, 132, 144);} .today-workout-metrics{margin: 8px 0px 14px;} .today-primary-metric{display: block; font-size: 28px; line-height: 1; font-weight: 750; color: var(--text);} .today-primary-metric small{font: 700 11px Manrope, "Avenir Next", sans-serif; color: var(--text-2); letter-spacing: 0.03em;} .today-metric-row{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 8px; font-size: 11px; font-weight: 750; color: var(--text);} .today-metric-row.sub{margin-top: 3px; color: var(--text-2); font-weight: 650;} .today-metric-row i{font-style: normal; color: var(--text-2); opacity: 0.55;} .today-coach-chip{display: inline-flex; margin-top: 8px; padding: 5px 8px; background: var(--surface-2); color: var(--text-2); font-size: 9px; font-weight: 750; clip-path: polygon(0px 0px, calc(100% - 6px) 0px, 100% 6px, 100% 100%, 0px 100%);} .start-v513{margin-top: 12px;} .training-plan-link{margin-top: 7px !important;} .day-food-strip, .report-teaser{border: 0px !important;} .quick-card{border: 0px !important;} .v513-dashboard .action-card, .day-food-strip, .quick-card, .report-teaser{transition: transform 0.16s, box-shadow 0.16s, filter 0.16s;} .v513-dashboard .action-card:active, .quick-card:active, .report-teaser:active{transform: scale(0.985); filter: saturate(1.08);} .runner-strength-intro{display: flex; align-items: center; gap: 10px; margin: 12px 0px; padding: 10px 0px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);} .runner-strength-intro .swack-icon{width: 34px; height: 34px; flex-basis: 34px; color: var(--swack);} .runner-strength-intro strong, .runner-strength-intro small{display: block;} .runner-strength-intro strong{font: 700 12px Sora, "Avenir Next", sans-serif;} .runner-strength-intro small{font-size: 9px; color: var(--text-2); margin-top: 3px;} .completion-backdrop{background: rgba(8, 15, 18, 0.62); backdrop-filter: blur(10px);} .completion-modal{overflow: hidden; text-align: left; padding-top: 24px;} .completion-check{width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 15px; clip-path: polygon(0px 0px, calc(100% - 12px) 0px, 100% 12px, 100% 100%, 12px 100%, 0px calc(100% - 12px)); background: linear-gradient(135deg,var(--swack),var(--electric)); color: white; font-size: 25px; font-weight: 900; box-shadow: rgba(40, 102, 122, 0.22) 0px 12px 25px;} .completion-modal h2{font-size: 28px; margin: 3px 0px 8px;} .completion-lead{font-size: 13px; font-weight: 650; color: var(--text-2); margin-bottom: 16px;} .completion-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 15px 0px 8px;} .completion-stats > div{background: var(--surface-2); padding: 10px; clip-path: polygon(0px 0px, calc(100% - 8px) 0px, 100% 8px, 100% 100%, 0px 100%);} .completion-stats span, .completion-stats strong{display: block;} .completion-stats span{font-size: 8px; font-weight: 850; letter-spacing: 0.1em; color: var(--text-2);} .completion-stats strong{font-size: 19px; margin-top: 3px;} .completion-stats small{font: 650 8px Manrope, "Avenir Next", sans-serif; color: var(--text-2);} .completion-progress{height: 6px; background: var(--surface-2); overflow: hidden; margin-bottom: 10px;} .completion-progress span{height: 100%; display: block; background: linear-gradient(90deg,var(--swack),var(--electric));} .completion-next{margin: 9px 0px 14px;} .achievement-stack{display: grid; gap: 7px; margin: 12px 0px;} .achievement-row{display: flex; gap: 8px; align-items: center; padding: 9px 10px; background: color-mix(in srgb,var(--electric) 7%,var(--surface)); border-left: 3px solid var(--electric);} .achievement-row > span{font-size: 18px; color: var(--electric);} .achievement-row strong, .achievement-row small{display: block;} .achievement-row strong{font-size: 9px; letter-spacing: 0.08em;} .achievement-row small{font-size: 10px; color: var(--text-2); margin-top: 2px;} .completion-burst{position: absolute; right: 14px; top: 8px; width: 90px; height: 90px; pointer-events: none;} .completion-burst i{position: absolute; left: 45px; top: 45px; width: 5px; height: 13px; border-radius: 3px; background: var(--swack); transform-origin: 50% 45px; transform: rotate(calc(var(--i)*30deg)) translateY(-38px); animation: 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal both running swackBurst;} .completion-burst i:nth-child(3n+1){background: var(--electric);} .completion-burst i:nth-child(3n+2){background: var(--coral-v4);} @keyframes swackBurst { 0% { opacity: 0; scale: 0.25; } 45% { opacity: 1; scale: 1; } 100% { opacity: 0; scale: 0.75; translate: 0px 10px; } } @media (prefers-reduced-motion: reduce) {.completion-burst{display: none;} .v513-dashboard .action-card, .quick-card, .report-teaser{transition: none;}} html[data-theme="dark"] .v513-dashboard .action-card, html[data-theme="dark"] .today-coach-chip, html[data-theme="dark"] .completion-stats > div, html[data-theme="dark"] .achievement-row{color: var(--text);} html[data-theme="dark"] .v513-dashboard .training-accent.intensity-easy{background: linear-gradient(108deg,rgba(17,175,120,.12),var(--surface) 58%) !important;} html[data-theme="dark"] .v513-dashboard .training-accent.intensity-moderate{background: linear-gradient(108deg,rgba(230,155,37,.12),var(--surface) 58%) !important;} html[data-theme="dark"] .v513-dashboard .training-accent.intensity-hard{background: linear-gradient(108deg,rgba(238,91,104,.12),var(--surface) 58%) !important;} html[data-theme="dark"] .v513-dashboard .food-accent{background: linear-gradient(108deg,rgba(240,100,120,.11),var(--surface) 58%) !important;} .card, .week-card, .week-menu-day, .recipe-card-v5, .meal-v4, .plan-summary, .metric-v4, .report-stat, .review-stats > div, .api-chip, .onboard-v5-profile, .onboard-food-v5, .onboard-supplement-v5{border-radius: 4px 18px 18px !important;} .card, .week-card, .week-menu-day, .recipe-card-v5, .meal-v4, .metric-v4{box-shadow: rgba(24, 70, 61, 0.075) 0px 9px 26px;} html[data-theme="dark"] .card, html[data-theme="dark"] .week-card, html[data-theme="dark"] .week-menu-day, html[data-theme="dark"] .recipe-card-v5, html[data-theme="dark"] .meal-v4, html[data-theme="dark"] .metric-v4{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 28px;} .week-card.phase, .report-card-v4{border-left-width: 5px !important;} .recipe-card-v5{overflow: hidden; border-top: 0px !important; border-left: 4px solid color-mix(in srgb,var(--coral-v4) 72%,var(--border)) !important;} .meal-v4{border-left: 3px solid color-mix(in srgb,var(--coral-v4) 42%,var(--border));} .week-menu-day{border-left: 4px solid color-mix(in srgb,var(--electric) 36%,var(--border));} .metric-v4{border-left: 4px solid var(--swack); border-top-width: 0px !important;} .metric-v4.blue{border-left-color: var(--electric);} .metric-v4.coral{border-left-color: var(--coral-v4);} .metric-v4.purple{border-left-color: var(--purple);} .metric-v4.electric{border-left-color: var(--waist);} .plan-summary.green{border-left: 4px solid var(--swack); border-top: 0px !important;} .plan-summary.blue{border-left: 4px solid var(--electric); border-top: 0px !important;} .plan-summary.purple{border-left: 4px solid var(--purple); border-top: 0px !important;} .target-weight-number strong, .plan-summary strong, .week-card strong, .week-menu-day strong, .recipe-card-v5 strong, .meal-v4 strong, .api-chip strong, .report-stat strong, .review-stats strong{letter-spacing: -0.025em; font-family: Sora, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;} .tiny, .muted, .week-card p, .week-card small, .week-menu-day span, .recipe-card-v5 p, .meal-v4 span{font-family: Manrope, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;} .food-tabs, .recipe-tools, .food-week-switch{border-radius: 5px 16px 16px;} .chaos-options button, .chaos-suggestion{border-radius: 3px 15px 15px;} .recovery-decision{margin: 12px 0px; padding: 13px 14px; border-left: 5px solid var(--coral-v4); background: color-mix(in srgb,var(--coral-v4) 9%,var(--surface)); border-radius: 3px 15px 15px;} .recovery-decision strong{font-family: Sora, "Avenir Next", sans-serif; font-size: 14px;} .recovery-decision p{margin: 5px 0px 0px; color: var(--text-2); font-size: 12px; line-height: 1.45;} .recipe-shopping-extra{padding-top: 4px; border-top: 1px solid var(--border);} .plan-clean-hero{margin: 4px 0px 15px; padding: 22px; border: 1px solid rgba(20, 94, 72, 0.12); border-radius: 26px; background: linear-gradient(135deg, rgb(221, 243, 233) 0%, rgb(238, 247, 239) 55%, rgb(248, 245, 237) 100%); box-shadow: rgba(25, 62, 51, 0.08) 0px 14px 34px; color: var(--text);} .plan-clean-hero h1{margin: 4px 0px 7px; color: rgb(23, 51, 43); font-size: 34px; line-height: 1.04;} .plan-clean-hero p{margin: 0px; color: rgb(83, 106, 98);} .plan-clean-hero .eyebrow{color: rgb(57, 114, 96);} .plan-clean-mark{width: 48px; height: 48px; border-radius: 15px; background: rgba(28, 137, 101, 0.1); display: grid; place-items: center; color: rgb(21, 123, 92); font-size: 22px; font-weight: 900;} .plan-clean-progress{height: 7px; margin-top: 18px; border-radius: 999px; background: rgba(24, 104, 78, 0.1); overflow: hidden;} .plan-clean-progress span{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(22, 131, 95), rgb(104, 201, 166));} .plan-list-intro{display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin: 18px 3px 9px;} .plan-list-intro strong{font-family: var(--font-display); font-size: 18px;} .plan-list-intro span{max-width: 430px; text-align: right; color: var(--text-2); font-size: 11px; line-height: 1.45;} .plan-week-r5{padding: 0px; overflow: hidden; border-left-width: 1px !important;} .plan-week-r5.phase{border-color: rgba(31, 154, 114, 0.32) !important; box-shadow: inset 4px 0 0 var(--swack) !important; background: var(--surface) !important;} .plan-week-r5 .plan-week-head{padding: 17px 18px;} .plan-week-r5 .plan-week-head h3{font-size: 20px; margin: 3px 0px 4px;} .plan-week-r5 .plan-week-head p{margin: 0px; font-size: 12px;} .plan-week-r5 .plan-days-r5{border-top: 1px solid var(--border); padding: 7px 10px 11px; background: var(--surface-2);} .plan-week-r5 .plan-day{border: 0px; background: var(--surface); border-radius: 15px; margin: 6px 0px; overflow: hidden;} .plan-week-r5 .plan-day-head{grid-template-columns: 34px 1fr 22px; padding: 11px 12px; align-items: center;} .plan-day-index{width: 30px; height: 30px; border-radius: 10px; background: rgba(35, 132, 99, 0.09); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; color: var(--swack-2);} .plan-week-r5 .plan-day.next .plan-day-index{background: var(--swack); color: rgb(255, 255, 255);} .plan-week-r5 .plan-day-head small{font-size: 8px; letter-spacing: 0.1em;} .plan-week-r5 .plan-day-head strong{font-size: 14px;} .intelligence-card-r5{margin: 12px 0px;} .intelligence-pulse{width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: rgba(38, 147, 111, 0.1); color: var(--swack-2); font-size: 20px; font-weight: 900;} .intelligence-pulse.up{background: rgba(45, 169, 112, 0.12);} .intelligence-pulse.down{background: rgba(235, 146, 65, 0.12); color: rgb(168, 95, 34);} .intelligence-training{display: grid; gap: 3px; border-top: 1px solid var(--border); padding-top: 10px; margin-top: 10px;} .intelligence-training span{font-size: 11px; color: var(--text-2);} .shopping-complete-note{flex-basis: 100%; display: grid; gap: 3px; padding: 11px 12px; border-radius: 14px; background: rgba(33, 181, 115, 0.07); border: 1px solid rgba(33, 181, 115, 0.13);} .shopping-complete-note strong{font-size: 12px; color: var(--swack-2);} .shopping-complete-note span{font-size: 10px; color: var(--text-2); line-height: 1.45;} .adaptive-portion-note{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;padding:0;background:none;border:0;color:var(--bp-muted);font-size:13px;} .adaptive-portion-note strong{font-size:13px;color:var(--bp-muted);} .adaptive-portion-note span{font-size:13px;color:var(--bp-muted);} .recipe-shopping-extra{display: none !important;} html[data-theme="dark"] .plan-clean-hero{background: linear-gradient(135deg, rgb(22, 54, 47), rgb(28, 43, 40) 62%, rgb(37, 40, 36)); border-color: rgba(98, 210, 170, 0.18); color: var(--text);} html[data-theme="dark"] .plan-clean-hero h1{color: var(--text);} html[data-theme="dark"] .plan-clean-hero p{color: var(--text-2);} html[data-theme="dark"] .plan-clean-hero .eyebrow{color: rgb(131, 215, 184);} html[data-theme="dark"] .plan-clean-mark{background: rgba(99, 205, 166, 0.12); color: rgb(139, 224, 192);} @media (max-width: 430px) {.plan-clean-hero{padding: 18px;} .plan-clean-hero h1{font-size: 30px;} .plan-list-intro{align-items: flex-start; flex-direction: column; gap: 3px;} .plan-list-intro span{text-align: left;} .plan-clean-mark{width: 42px; height: 42px;} .plan-week-r5 .plan-week-head{padding: 15px;}} .topbar{position: sticky; top: 0px; z-index: 60; height: calc(54px + env(safe-area-inset-top)); padding: calc(6px + env(safe-area-inset-top)) 15px 6px; border-bottom: 1px solid color-mix(in srgb,var(--border) 72%,transparent); backdrop-filter: blur(22px); background: color-mix(in srgb,var(--bg) 90%,transparent) !important;} .brand-button{gap: 8px;} .brand-button img{width: 34px !important; height: 34px !important;} .brand-button span{font-family: Sora, "Avenir Next", sans-serif; font-size: 20px; font-weight: 800; letter-spacing: -0.035em;} .top-actions{display: flex; align-items: center; gap: 8px;} .top-profile-r6{width: 38px; height: 38px; border-radius: 13px; border: 1px solid color-mix(in srgb,var(--border) 82%,transparent); padding: 0px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, rgba(34, 181, 115, 0.14), rgba(65, 103, 242, 0.1)); color: var(--swack-2); font-family: Sora, "Avenir Next", sans-serif; font-size: 12px; font-weight: 850; box-shadow: rgba(20, 45, 38, 0.07) 0px 5px 16px;} .top-profile-r6 img{width: 100%; height: 100%; object-fit: cover;} .top-profile-r6.active{box-shadow: 0 0 0 2px color-mix(in srgb,var(--swack) 42%,transparent);} .profile-nav-proxy{display: none !important;} .training-chaos-r6{width: 100%; margin-top: 4px; padding: 10px 0px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--border); background: transparent; color: var(--text-2); text-align: left; font-size: 10px; font-weight: 800;} .food-links-r6{display: flex; align-items: center; gap: 8px; margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--border);} .food-links-r6 button{border: 0px; background: transparent; padding: 0px; color: var(--text-2); font-size: 10px; font-weight: 850;} .food-links-r6 span{color: var(--border);} .coach-launch-r6{width: 100%; margin: 12px 0px 4px; display: grid; grid-template-columns: 44px 1fr 20px; gap: 12px; align-items: center; text-align: left; border: 1px solid color-mix(in srgb,var(--swack) 22%,var(--border)); background: linear-gradient(120deg,color-mix(in srgb,var(--surface) 94%,var(--swack) 6%),var(--surface)); color: var(--text); border-radius: 18px; padding: 12px 14px; box-shadow: rgba(23, 55, 46, 0.05) 0px 7px 22px;} .coach-launch-icon-r6{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(33, 181, 115, 0.14), rgba(65, 103, 242, 0.1)); color: var(--swack-2); font-size: 20px;} .coach-launch-r6 > span:nth-child(2){display: grid; gap: 2px;} .coach-launch-r6 small{font-size: 8px; letter-spacing: 0.13em; color: var(--text-2); font-weight: 900;} .coach-launch-r6 strong{font-size: 13px; line-height: 1.3;} .coach-launch-r6 > b{font-size: 22px; color: var(--text-2);} .coach-modal-r6{width: min(720px, -18px + 100vw); max-height: min(86vh, 820px); display: flex; flex-direction: column; padding-bottom: calc(14px + env(safe-area-inset-bottom));} .coach-head-r6{display:block;min-width:0;width:100%;box-sizing:border-box;padding-right:35px;} .coach-head-r6>div{min-width:0;} .coach-head-r6 h2{margin:2px 0 0;width:auto;} .coach-mark-r6{width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(33, 181, 115, 0.16), rgba(65, 103, 242, 0.13)); color: var(--swack-2); font-size: 23px;} .coach-intro-r6{font-size: 11px; color: var(--text-2); line-height: 1.5; margin: 10px 0px;} .coach-starters-r6{display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px;} .coach-starters-r6 button{white-space: nowrap; border: 1px solid var(--border); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 8px 10px; font-size: 9px; font-weight: 800;} .coach-messages-r6{flex: 1 1 0%; min-height: 180px; max-height: 48vh; overflow: auto; display: grid; align-content: start; gap: 8px; padding: 11px 2px; margin: 7px 0px; border-top: 1px solid var(--border);} .coach-msg-r6{display: grid; gap: 4px; max-width: 88%; font-size: 12px; line-height: 1.5;} .coach-msg-r6 > div{padding: 10px 12px; border-radius: 16px;} .coach-msg-r6.user{justify-self: end;} .coach-msg-r6.user > div{background: var(--swack); color: white; border-bottom-right-radius: 5px;} .coach-msg-r6.assistant{justify-self: start;} .coach-msg-r6.assistant > div{background: var(--surface-2); color: var(--text); border-bottom-left-radius: 5px;} .coach-msg-r6 small{font-size: 8px; color: var(--swack-2); padding-left: 4px;} .coach-empty-r6{padding: 22px 12px; text-align: center; color: var(--text-2); font-size: 10px;} .coach-thinking-r6{display: flex; align-items: center; gap: 7px; font-size: 10px; color: var(--text-2);} .coach-thinking-r6 span{width: 14px; height: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin;} .coach-compose-r6{display: grid; grid-template-columns: 1fr 44px; gap: 7px; align-items: end;} .coach-compose-r6 textarea{resize: none; min-height: 46px; max-height: 120px; border-radius: 15px; padding: 11px 12px; background: var(--surface-2); border: 1px solid var(--border); color: var(--text);} .coach-compose-r6 button{width: 44px; height: 44px; border: 0px; border-radius: 14px; background: var(--swack); color: rgb(255, 255, 255); font-size: 20px; font-weight: 900;} .coach-compose-r6 button:disabled{opacity: 0.5;} .coach-foot-r6{margin: 7px 2px 0px; color: var(--text-2); font-size: 8px; line-height: 1.4;} .coach-warning-r6{margin: 5px 0px; font-size: 10px;} html[data-theme="dark"] .coach-launch-r6{background: linear-gradient(120deg,#18241F,var(--surface)); border-color: rgba(94, 207, 165, 0.16);} @media (max-width: 430px) {.brand-button span{font-size: 19px;} .top-profile-r6{width: 36px; height: 36px; border-radius: 12px;} .coach-launch-r6{grid-template-columns: 40px 1fr 18px; padding: 11px 12px;} .coach-launch-icon-r6{width: 38px; height: 38px;} .coach-modal-r6{width: calc(-10px + 100vw); max-height: 90vh;} .coach-starters-r6{margin-right: -5px;}} .profile-head-r7{margin: 18px 24px 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px;} .profile-head-r7 > div{display: flex; align-items: center; gap: 14px; min-width: 0px;} .profile-head-r7 h1{margin: 1px 0px 2px; font-family: var(--font-display,inherit); font-size: 30px; line-height: 1.05;} .profile-head-r7 p{margin: 0px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 62vw;} .profile-avatar-r7, .profile-avatar-edit-r7{width: 62px; height: 62px; border-radius: 21px; display: grid; place-items: center; background: var(--surface-2); border: 1px solid var(--line); overflow: hidden; flex: 0 0 auto; font-family: var(--font-display,inherit); font-size: 22px;} .profile-avatar-r7 img, .profile-avatar-edit-r7 img{width: 100%; height: 100%; object-fit: cover;} .profile-summary-r7{margin: 0px 24px; display: grid; gap: 10px;} .profile-row-r7{width: 100%; border: 1px solid var(--line); background: var(--card); color: var(--text); border-radius: 22px; padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; text-align: left; box-shadow: var(--shadow-soft);} .profile-row-r7 div{min-width: 0px; display: grid; gap: 4px;} .profile-row-r7 span{font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: var(--muted); font-weight: 800;} .profile-row-r7 strong{font-size: 16px; line-height: 1.35;} .profile-row-r7 small{color: var(--muted); line-height: 1.4;} .profile-row-r7 > b{font-size: 25px; font-weight: 400; color: var(--muted);} .profile-actions-r7{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 24px 28px;} .profile-actions-r7 button{border: 1px solid var(--line); background: var(--card); color: var(--text); border-radius: 20px; padding: 15px; display: flex; gap: 10px; text-align: left; align-items: center;} .profile-actions-r7 button > span{font-size: 20px;} .profile-actions-r7 button div{display: grid; gap: 2px;} .profile-actions-r7 small{color: var(--muted); line-height: 1.3;} .profile-edit-r7{font-family: var(--font-body,inherit);} .profile-edit-r7 input, .profile-edit-r7 select, .profile-edit-r7 textarea, .profile-edit-r7 button{font-family: inherit; min-width: 0px; max-width: 100%; box-sizing: border-box;} .profile-edit-r7 .field{min-width: 0px;} .profile-edit-r7 input[type="date"]{width: 100%; min-width: 0px;} .profile-photo-edit-r7{display: flex; align-items: center; gap: 12px; margin: 12px 0px 20px; cursor: pointer;} .profile-photo-edit-r7 input{display: none;} .profile-avatar-edit-r7{width: 72px; height: 72px;} .profile-priority-r7{display: grid; gap: 2px;} .profile-edit-link-r7{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0px; border-top: 1px solid var(--line);} .profile-edit-link-r7 > span{display: grid; gap: 3px; min-width: 0px;} .profile-edit-link-r7 small{color: var(--muted);} .profile-edit-link-r7 > button{border: 1px solid var(--line); border-radius: 14px; padding: 9px 11px; background: var(--surface-2); color: var(--text); font-weight: 700;} .profile-theme-r7{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0px 18px;} .profile-theme-r7 button{padding: 12px 8px; border-radius: 15px; border: 1px solid var(--line); background: var(--surface-2); color: var(--text);} .profile-theme-r7 button.active{outline: 2px solid var(--accent); outline-offset: 1px;} @media (max-width: 520px) {.profile-head-r7{margin-left: 18px; margin-right: 18px;} .profile-summary-r7, .profile-actions-r7{margin-left: 18px; margin-right: 18px;} .profile-actions-r7{grid-template-columns: 1fr;} .profile-head-r7 p{max-width: 52vw;} .profile-row-r7{padding: 15px 16px;} .profile-theme-r7{grid-template-columns: 1fr;} .profile-edit-r7 .grid2, .profile-edit-r7 .grid3{grid-template-columns: 1fr !important;}} .simple-meal-r8 .simple-meal-full-r8{font-family: var(--font-display, 'Sora', sans-serif); font-size: 1.08rem; font-weight: 700; line-height: 1.5; margin: 10px 0px 18px;} .simple-meal-parts-r8{margin: 0px 0px 16px;} .simple-meal-parts-r8 div strong{color: var(--accent,#19a979); font-size: 0.9rem;} .simple-meal-notes-r8{padding: 12px 14px; border-radius: 16px; background: var(--surface-soft,rgba(61,185,145,.08)); margin: 0px 0px 14px;} .simple-meal-notes-r8 p{margin: 0px 0px 7px; font-size: 0.88rem; line-height: 1.45;} .simple-meal-notes-r8 p:last-child{margin-bottom: 0px;} #syncBadge{display: none !important;} .today-flow-r10{display: block !important; margin: 4px 24px 0px !important; gap: 0px !important;} .today-open-section-r10{position: relative !important; width: 100% !important; margin: 0px !important; padding: 22px 0px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid color-mix(in srgb,var(--border) 78%,transparent) !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; clip-path: none !important; color: var(--text) !important;} .today-open-section-r10:last-child{border-bottom: 0px !important;} .today-open-section-r10 .action-card-head{margin: 0px 0px 10px !important;} .today-open-section-r10 .action-title{letter-spacing: -0.02em; font-size: 20px !important; line-height: 1.18 !important; font-family: var(--font-display) !important;} .today-open-section-r10 .action-kicker{color: var(--text-2) !important; font-size: 8px !important; letter-spacing: 0.14em !important;} .today-open-section-r10 .meal-name-v513{font-size: 17px !important; line-height: 1.45 !important; margin: 8px 0px !important;} .today-open-section-r10 .action-footer-v513{margin-top: 10px !important;} .today-open-section-r10 .intensity-badge{box-shadow: none !important;} .today-open-section-r10 .action-primary{max-width: 440px;} .training-section-r10 .training-chaos-r6{border-top: 0px !important; margin-top: 8px !important; padding-top: 4px !important; width: auto !important;} .food-section-r10{cursor: pointer;} .food-section-r10 .food-links-r6{border-top: 0px !important; padding-top: 4px !important; margin-top: 8px !important;} .adapt-section-r10{margin: 0px 24px !important; width: auto !important; padding: 20px 0px !important;} .adapt-section-r10 .intelligence-pulse{border: 1px solid color-mix(in srgb,var(--swack) 22%,var(--border)); border-radius: 13px; background: transparent !important;} .today-swack-hero{margin-bottom: 4px !important;} .coach-inline-r10{margin: 0px 24px 20px !important; width: auto !important; padding-bottom: 26px !important;} .today-section-label-r10{display: flex; align-items: center; gap: 11px;} .today-section-label-r10 h2{margin: 1px 0px 0px; font-size: 21px; letter-spacing: -0.025em;} .coach-spark-r10{width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: color-mix(in srgb,var(--swack) 10%,transparent); color: var(--swack-2); font-size: 17px;} .today-section-intro-r10{max-width: 620px; margin: 9px 0px 12px; color: var(--text-2); font-size: 11px; line-height: 1.55;} .coach-inline-suggestions-r10{display: flex; gap: 6px; overflow-x: auto; padding: 1px 0px 9px; scrollbar-width: none;} .coach-inline-suggestions-r10::-webkit-scrollbar{display: none;} .coach-inline-suggestions-r10 button{white-space: nowrap; border: 0px; background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 8px 10px; font: 750 9px var(--font-body); box-shadow: none;} .coach-inline-compose-r10{display: grid; grid-template-columns: minmax(0px, 1fr) 44px; gap: 8px; align-items: end;} .coach-inline-compose-r10 textarea{box-sizing: border-box; width: 100%; min-width: 0px; min-height: 46px; max-height: 116px; resize: none; overflow-y: auto; padding: 12px 13px; border-radius: 16px; border: 1px solid color-mix(in srgb,var(--border) 88%,var(--swack) 12%); background: var(--surface-2); color: var(--text); font: 600 12px/1.45 var(--font-body); outline: none; transition: border-color 0.18s, box-shadow 0.18s;} .coach-inline-compose-r10 textarea:focus{border-color: color-mix(in srgb,var(--swack) 50%,var(--border)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--swack) 10%,transparent);} .coach-inline-compose-r10 button{width: 44px; height: 44px; border: 0px; border-radius: 14px; background: var(--swack); color: rgb(255, 255, 255); font-size: 20px; font-weight: 900; box-shadow: 0 6px 18px color-mix(in srgb,var(--swack) 18%,transparent);} .coach-inline-compose-r10 button:disabled{opacity: 0.55;} .coach-inline-history-r10{display: grid; gap: 7px; max-height: 270px; overflow: auto; margin: 3px 0px 12px; padding: 4px 0px;} .coach-inline-msg-r10{display: grid; gap: 3px; max-width: 88%; font-size: 11px; line-height: 1.5;} .coach-inline-msg-r10 > div{padding: 9px 11px; border-radius: 15px;} .coach-inline-msg-r10.user{justify-self: end;} .coach-inline-msg-r10.user > div{background: var(--swack); color: rgb(255, 255, 255); border-bottom-right-radius: 5px;} .coach-inline-msg-r10.assistant{justify-self: start;} .coach-inline-msg-r10.assistant > div{background: var(--surface-2); color: var(--text); border-bottom-left-radius: 5px;} .coach-inline-msg-r10 small{font-size: 8px; color: var(--swack-2);} .coach-history-note-r10{text-align: center; color: var(--text-2); font-size: 8px;} .coach-inline-thinking-r10{display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 9px; color: var(--text-2);} .coach-inline-thinking-r10 span{width: 13px; height: 13px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin;} .coach-inline-error-r10{margin-top: 8px; font-size: 10px; color: rgb(182, 78, 67);} .coach-inline-foot-r10{margin: 7px 2px 0px; color: var(--text-2); font-size: 8px; line-height: 1.4;} .spotlight-root-r10{position: fixed; inset: 0px; z-index: 20000; pointer-events: none; font-family: var(--font-body);} .spot-pane-r10{position: fixed; z-index: 20000; background: rgba(13, 25, 22, 0.46); backdrop-filter: blur(5px) saturate(0.84); pointer-events: auto; transition: 0.34s cubic-bezier(0.2, 0.78, 0.2, 1);} .spotlight-frame-r10{position: fixed; z-index: 20002; border: 1.5px solid color-mix(in srgb,var(--swack) 70%,white); border-radius: 20px; box-shadow: 0 0 0 4px color-mix(in srgb,var(--swack) 11%,transparent),0 0 28px color-mix(in srgb,var(--swack) 32%,transparent); pointer-events: none; transition: 0.34s cubic-bezier(0.2, 0.78, 0.2, 1);} .spotlight-frame-r10::after{content: ""; position: absolute; inset: -5px; border: 1px solid color-mix(in srgb,var(--swack) 30%,transparent); border-radius: 24px; animation: 1.8s ease-out 0s infinite normal none running spotPulseR10;} @keyframes spotPulseR10 { 0% { opacity: 0.75; transform: scale(0.99); } 70%, 100% { opacity: 0; transform: scale(1.035); } } .spot-target-blocker-r10{position: fixed; z-index: 20001; pointer-events: auto; background: transparent;} .spotlight-pop-r10{position: fixed; z-index: 20004; pointer-events: auto; padding: 15px 16px 13px; border: 1px solid color-mix(in srgb,var(--border) 74%,var(--swack) 26%); border-radius: 18px; background: color-mix(in srgb,var(--surface) 96%,var(--swack) 4%); color: var(--text); box-shadow: rgba(6, 24, 19, 0.23) 0px 18px 55px; transition: left 0.34s cubic-bezier(0.2, 0.78, 0.2, 1), top 0.34s cubic-bezier(0.2, 0.78, 0.2, 1);} .spotlight-pop-head-r10{display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;} .spotlight-pop-head-r10 span{color: var(--swack); font-size: 16px;} .spotlight-pop-head-r10 small{font-size: 8px; letter-spacing: 0.12em; font-weight: 850; color: var(--text-2);} .spotlight-pop-r10 h3{margin: 0px 0px 5px; font: 800 18px/1.2 var(--font-display); letter-spacing: -0.025em;} .spotlight-pop-r10 p{margin: 0px; color: var(--text-2); font-size: 11px; line-height: 1.55;} .spotlight-actions-r10{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px;} .spotlight-actions-r10 button{font: 800 10px var(--font-body);} .spot-skip-r10{border: 0px; background: transparent; color: var(--text-2); padding: 8px 0px;} .spot-next-r10{border: 0px; border-radius: 12px; background: var(--swack); color: rgb(255, 255, 255); padding: 9px 12px;} html[data-theme="dark"] .spotlight-pop-r10{background: rgb(23, 34, 30); border-color: rgba(105, 215, 173, 0.2);} @media (max-width: 520px) {.today-flow-r10{margin-left: 18px !important; margin-right: 18px !important;} .coach-inline-r10, .adapt-section-r10{margin-left: 18px !important; margin-right: 18px !important;} .today-open-section-r10{padding: 19px 0px !important;} .today-open-section-r10 .action-title{font-size: 18px !important;} .coach-inline-suggestions-r10{margin-right: -18px; padding-right: 18px;} .spotlight-pop-r10{padding: 14px 15px 12px;} .spotlight-pop-r10 h3{font-size: 17px;}} .today-status-r11{margin: 16px 24px 0px; padding: 10px 0px 18px; border-bottom: 1px solid color-mix(in srgb,var(--border) 78%,transparent); color: var(--text);} .today-date-r11{font: 800 9px/1.2 var(--font-body); letter-spacing: 0.13em; text-transform: uppercase; color: var(--text-2); margin-bottom: 7px;} .today-status-line-r11{display: flex; align-items: flex-end; justify-content: space-between; gap: 14px;} .today-status-line-r11 h1{margin: 0px; font: 800 clamp(25px,7vw,35px)/1.07 var(--font-display); letter-spacing: -0.045em; color: var(--text);} .today-status-line-r11 p{margin: 7px 0px 0px; font: 650 10px/1.45 var(--font-body); color: var(--text-2);} .today-week-r11{flex: 0 0 auto; align-self: center; font: 800 12px var(--font-display); color: var(--swack-2); padding: 7px 9px; border-radius: 999px; background: color-mix(in srgb,var(--swack) 9%,transparent);} .today-main-r11{display: contents !important;} .today-section-r11{position: relative !important; margin: 0px 24px !important; padding: 22px 0px !important; width: auto !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid color-mix(in srgb,var(--border) 78%,transparent) !important; border-radius: 0px !important; clip-path: none !important; background: transparent !important; box-shadow: none !important; color: var(--text) !important;} .today-section-r11::after{display: none !important;} .today-section-r11 .action-card-head{gap: 11px; margin: 0px 0px 11px !important;} .today-section-r11 .action-kicker{letter-spacing: 0.14em; font-size: 8px !important; margin: 0px 0px 2px !important; color: var(--text-2) !important;} .today-section-r11 .action-title{font: 800 21px/1.15 var(--font-display) !important; letter-spacing: -0.035em !important; color: var(--text) !important;} .today-section-r11 .swack-icon{width: 36px; height: 36px; flex-basis: 36px; border: 0px !important; border-radius: 11px !important; clip-path: none !important; box-shadow: none !important;} .today-section-r11 .today-primary-metric{font-size: 31px;} .today-section-r11 .today-workout-metrics{margin: 8px 0px 12px;} .today-section-r11 .action-primary{max-width: none !important; border-radius: 15px !important;} .today-section-r11 .training-plan-link{margin-top: 12px;} .today-section-r11 .training-chaos-r6{border: 0px !important; margin-top: 8px !important; padding-top: 2px !important;} .food-section-r11{cursor: pointer;} .food-section-r11 .meal-name-v513{font: 700 17px/1.4 var(--font-body) !important; color: var(--text) !important; margin: 9px 0px 11px !important;} .food-section-r11 .action-footer-v513{grid-template-columns: 1fr auto; align-items: end; gap: 12px; display: grid !important; margin-top: 5px !important;} .food-section-r11 .meal-recipe-cta{align-self: center; white-space: nowrap;} .meal-macros-r11, .macro-row-r11{display: flex; align-items: center; gap: 6px; flex-wrap: wrap;} .macro-chip-r11{display:inline-flex;align-items:center;min-height:25px;padding:7px 10px;border-radius:999px;background:var(--surface-2);border:0;color:var(--text-2);font:750 10px/1 var(--font-body);} .macro-chip-r11.protein{background:color-mix(in srgb,var(--swack) 10%,var(--surface-2));color:var(--swack-2);} .macro-chip-r11.muted{opacity: 0.7;} .adapt-section-r11, .coach-section-r11{margin-left: 24px !important; margin-right: 24px !important;} .coach-section-r11{padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;} .coach-section-r11 .coach-spark-r10{border-radius: 10px;} .meal-nutrition-r11{margin:12px 0 17px;padding:14px 0;border-block:1px solid var(--bp-line);border-radius:0;background:none;} .meal-nutrition-r11 .macro-row-r11{gap:8px 16px;} .meal-nutrition-r11 .macro-chip-r11{padding:0;border:0;background:none;border-radius:0;font-size:13px;color:var(--bp-ink);} .meal-nutrition-r11 .eyebrow{margin-bottom: 8px;} .meal-nutrition-r11 small{display: block; margin-top: 8px; color: var(--text-2); font-size: 9px; line-height: 1.45;} .recipe-nutrition-r11{margin-top: 10px;} .week-meal{grid-template-columns: 72px minmax(0px, 1fr) auto !important; align-items: start !important;} .week-meal strong{min-width: 0px;} .week-meal-macro-r11{grid-column: 2; display: block; margin-top: 3px; color: var(--text-2); font: 650 9px/1.35 var(--font-body);} .spotlight-pop-r10{max-height: min(250px, 38vh); overflow: auto; overscroll-behavior: contain; max-width: calc(-24px + 100vw) !important;} .spotlight-pop-r10 p{font-size: 10px !important; line-height: 1.48 !important;} .spotlight-actions-r10{position: sticky; bottom: -12px; background: inherit; padding-top: 4px;} .spotlight-actions-r10 button{white-space: nowrap !important;} .spot-next-r10{max-width: 58%; overflow: hidden; text-overflow: ellipsis;} @media (max-width: 520px) {.today-status-r11, .today-section-r11{margin-left: 18px !important; margin-right: 18px !important;} .today-status-r11{padding-top: 6px;} .adapt-section-r11, .coach-section-r11{margin-left: 18px !important; margin-right: 18px !important;} .today-status-line-r11 h1{font-size: 27px;} .food-section-r11 .action-footer-v513{grid-template-columns: 1fr;} .food-section-r11 .meal-recipe-cta{justify-self: start;} .spotlight-pop-r10{max-height: 34vh;} .spotlight-pop-r10 h3{font-size: 16px !important;}} .today-status-r12{margin-top: 10px !important; padding-bottom: 20px !important;} .training-section-r12, .food-section-r12{position: relative !important; padding-top: 28px !important; padding-bottom: 30px !important;} .training-section-r12:not(.v673-rest-card)::before, .food-section-r12::before{content: ""; display: block; width: 38px; height: 3px; border-radius: 99px; margin-bottom: 14px;} .training-section-r12::before{background: linear-gradient(90deg,var(--energy),color-mix(in srgb,var(--energy) 18%,transparent));} .food-section-r12::before{background: linear-gradient(90deg,var(--coral-v4),color-mix(in srgb,var(--coral-v4) 18%,transparent));} .training-section-r12{background: linear-gradient(180deg,color-mix(in srgb,var(--energy) 4%,transparent),transparent 38%) !important;} .food-section-r12{background: linear-gradient(180deg,color-mix(in srgb,var(--coral-v4) 4%,transparent),transparent 38%) !important;} .today-completed-r12 .swack-icon.complete{color: var(--swack-2); background: color-mix(in srgb,var(--swack) 10%,var(--surface));} .completed-head-r12{align-items: center !important;} .completed-stamp-r12{display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding: 7px 9px; border-radius: 999px; background: color-mix(in srgb,var(--swack) 11%,transparent); color: var(--swack-2); font: 850 8px/1 var(--font-body); letter-spacing: 0.08em;} .completed-primary-r12{display: flex; align-items: flex-end; gap: 7px; margin: 8px 0px 4px;} .completed-primary-r12 strong{font: 800 34px/1 var(--font-display); letter-spacing: -0.04em;} .completed-primary-r12 span{font: 750 11px/1.3 var(--font-body); color: var(--text-2); padding-bottom: 4px;} .today-complete-meta-r12{display: flex; gap: 7px 13px; flex-wrap: wrap; margin: 8px 0px 15px; color: var(--text-2); font: 650 10px/1.4 var(--font-body);} .today-complete-meta-r12 span:not(:last-child)::after{content: "·"; margin-left: 13px; color: var(--border);} .completed-open-r12{border: 0px; background: transparent; color: var(--swack-2); padding: 6px 0px; font: 850 11px var(--font-body);} .coach-inline-r12{padding-top: 27px !important;} .coach-inline-r12 .today-section-intro-r10{margin-bottom: 11px !important;} .coach-inline-r12 .today-section-label-r10 h2{font-size: 22px !important;} .coach-latest-r12{width: 100%; display: grid; gap: 5px; text-align: left; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 2px solid color-mix(in srgb,var(--swack) 30%,transparent); background: color-mix(in srgb,var(--swack) 4%,transparent); padding: 10px 11px; margin: 4px 0px 10px; color: var(--text); font: 600 10px/1.45 var(--font-body);} .coach-latest-r12 b{font-size: 9px; color: var(--swack-2);} .coach-suggestions-r12{margin-bottom: 9px !important;} .coach-suggestions-r12 button{font-size: 9px !important; padding: 7px 9px !important;} .coach-compose-r12 textarea{white-space: pre-wrap; height: 44px !important; min-height: 44px !important; max-height: 96px !important; font-size: 11px !important; line-height: 1.35 !important; padding: 13px 12px !important;} .coach-compose-r12 textarea::placeholder{font-size: 11px; color: color-mix(in srgb,var(--text-2) 72%,transparent);} .coach-open-full-r12{display: block; margin: 8px 0px 0px; border: 0px; background: transparent; padding: 4px 0px; color: var(--text-2); font: 750 9px var(--font-body);} .plan-clean-hero-r12{box-shadow: none !important; border-radius: 20px !important; padding: 18px 19px !important; background: color-mix(in srgb,var(--swack) 5%,var(--surface)) !important; border: 1px solid color-mix(in srgb,var(--swack) 14%,var(--border)) !important;} .plan-clean-hero-r12 h1{font-size: 29px !important; color: var(--text) !important;} .plan-clean-hero-r12 p, .plan-clean-hero-r12 .eyebrow{color: var(--text-2) !important;} .plan-clean-hero-r12 .plan-clean-mark{display: none;} .plan-week-r12{margin: 12px 0px 18px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); overflow: hidden; box-shadow: rgba(24, 28, 30, 0.043) 0px 8px 24px;} .plan-week-r12.current{border-color: color-mix(in srgb,var(--swack) 40%,var(--border)); box-shadow: 0 0 0 1px color-mix(in srgb,var(--swack) 10%,transparent),0 10px 28px rgba(24,28,30,.055);} .plan-week-r12.complete{opacity: 0.82;} .plan-week-head-r12{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; text-align: left; border: 0px; background: transparent; color: var(--text); padding: 17px 18px 12px;} .plan-week-head-r12 h3{margin: 3px 0px 5px; font: 800 23px/1.08 var(--font-display); letter-spacing: -0.035em;} .plan-week-head-r12 p{margin: 0px; color: var(--text-2); font-size: 10px;} .week-progress-number-r12{display: flex; align-items: center; gap: 10px; font: 800 10px var(--font-body); color: var(--text-2);} .week-progress-number-r12 b{font-size: 17px; color: var(--text);} .week-progress-r12{height: 4px; margin: 0px 18px 11px; background: var(--surface-2); border-radius: 99px; overflow: hidden;} .week-progress-r12 span{display: block; height: 100%; background: var(--swack); border-radius: 99px;} .plan-week-preview-r12{padding: 0px 13px 13px;} .plan-row-r12{border-top: 1px solid color-mix(in srgb,var(--border) 84%,transparent);} .plan-row-r12:first-child{border-top: 0px;} .plan-row-main-r12{width: 100%; display: grid; grid-template-columns: 30px minmax(0px, 1fr) 24px; gap: 10px; align-items: center; text-align: left; border: 0px; background: transparent; color: var(--text); padding: 11px 5px;} .plan-row-main-r12 small{display: block; font-size: 7.5px; letter-spacing: 0.11em; color: var(--text-2); margin-bottom: 2px;} .plan-row-main-r12 strong{display: block; font: 750 13px/1.3 var(--font-body);} .plan-row-main-r12 .grow > span{display: block; margin-top: 2px; color: var(--text-2); font: 600 9px/1.3 var(--font-body);} .plan-row-main-r12 > b{font-size: 15px; color: var(--text-2);} .plan-type-dot-r12{width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; font: 900 10px var(--font-body); background: var(--surface-2); border: 1px solid var(--border);} .plan-type-dot-r12.strength{background: color-mix(in srgb,var(--electric) 11%,var(--surface)); border-color: color-mix(in srgb,var(--electric) 18%,var(--border)); color: var(--electric);} .plan-type-dot-r12.easy{background: color-mix(in srgb,var(--swack) 10%,var(--surface)); border-color: color-mix(in srgb,var(--swack) 18%,var(--border)); color: var(--swack-2);} .plan-type-dot-r12.hard{background: color-mix(in srgb,var(--coral-v4) 10%,var(--surface)); border-color: color-mix(in srgb,var(--coral-v4) 20%,var(--border)); color: var(--coral-v4);} .plan-type-dot-r12.long{background: color-mix(in srgb,var(--purple) 10%,var(--surface)); border-color: color-mix(in srgb,var(--purple) 20%,var(--border)); color: var(--purple);} .plan-type-dot-r12.mobility{background: color-mix(in srgb,var(--energy) 12%,var(--surface)); color: rgb(154, 112, 9);} .plan-row-r12.next .plan-row-main-r12 strong{color: var(--swack-2);} .plan-row-r12.past .plan-type-dot-r12{background: var(--swack); color: rgb(255, 255, 255); border-color: var(--swack);} .plan-row-detail-r12{padding: 2px 5px 13px 35px;} .plan-row-detail-r12 .plan-session-detail{padding: 0px !important; border: 0px !important; background: transparent !important;} .plan-strength-detail-r12{display: grid; gap: 12px;} .plan-exercise-list-r12{display: grid; gap: 2px;} .plan-exercise-row-r12{display: grid; grid-template-columns: 46px minmax(0px, 1fr) 20px; gap: 10px; align-items: center; text-align: left; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--border); background: transparent; color: var(--text); padding: 10px 0px;} .plan-exercise-row-r12:first-child{border-top: 0px;} .plan-exercise-visual-r12{width: 44px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(145deg,color-mix(in srgb,var(--electric) 9%,var(--surface-2)),color-mix(in srgb,var(--swack) 8%,var(--surface-2))); font-size: 20px; color: var(--swack-2);} .plan-exercise-row-r12 small{display: block; font-size: 7px; letter-spacing: 0.09em; color: var(--text-2);} .plan-exercise-row-r12 strong{display: block; font-size: 12px; margin: 2px 0px;} .plan-exercise-row-r12 .grow > span{display: block; color: var(--text-2); font-size: 8.5px;} .plan-start-r12{margin-top: 6px;} .progress-head-r12{padding: 12px 4px 10px;} .progress-head-r12 h1{margin: 4px 0px 5px; font: 800 30px/1.06 var(--font-display); letter-spacing: -0.04em;} .progress-head-r12 p{margin: 0px; color: var(--text-2); font-size: 11px;} .progress-tabs-r12{display: flex; gap: 4px; margin: 8px 0px 16px; border-bottom: 1px solid var(--border);} .progress-tabs-r12 button{border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: transparent; color: var(--text-2); padding: 9px 12px 10px; font: 800 10px var(--font-body);} .progress-tabs-r12 button.active{color: var(--text); border-bottom-color: var(--swack);} .progress-stat-band-r12{display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--border); padding: 5px 0px 17px; margin-bottom: 14px;} .progress-stat-band-r12 > div{display: grid; gap: 4px; padding-right: 9px;} .progress-stat-band-r12 span, .progress-split-r12 span, .progress-body-head-r12 span, .progress-body-grid-r12 span{font-size: 7px; letter-spacing: 0.09em; color: var(--text-2);} .progress-stat-band-r12 strong{font: 800 21px/1.1 var(--font-display);} .progress-report-r12{width: 100%; display: grid; grid-template-columns: 1fr 30px; gap: 10px; text-align: left; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--border); background: transparent; color: var(--text); padding: 11px 0px 16px; margin-bottom: 5px;} .progress-report-r12 div{display: grid; gap: 3px;} .progress-report-r12 span{font-size: 7px; letter-spacing: 0.1em; color: var(--purple);} .progress-report-r12 strong{font-size: 14px;} .progress-report-r12 small{color: var(--text-2); font-size: 9px; line-height: 1.4;} .progress-report-r12 > b{align-self: center; color: var(--purple);} .progress-split-r12{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 14px 0px 17px; border-bottom: 1px solid var(--border);} .progress-split-r12 > div{display: grid; gap: 4px;} .progress-split-r12 strong{font-size: 13px;} .progress-split-r12 small{color: var(--text-2); font-size: 9px;} .progress-list-r12{padding: 17px 0px;} .section-title-r12{margin-bottom: 5px;} .section-title-r12 span{font: 850 8px var(--font-body); letter-spacing: 0.12em; color: var(--text-2);} .progress-session-row-r12{width: 100%; display: grid; grid-template-columns: 30px minmax(0px, 1fr) 18px; gap: 9px; align-items: center; text-align: left; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--border); background: transparent; color: var(--text); padding: 11px 0px;} .progress-session-row-r12:first-of-type{border-top: 0px;} .progress-session-row-r12 div{display: grid; gap: 2px;} .progress-session-row-r12 strong{font-size: 12px;} .progress-session-row-r12 small{font-size: 8.5px; color: var(--text-2);} .progress-session-icon-r12{width: 27px; height: 27px; border-radius: 9px; background: var(--surface-2); display: grid; place-items: center; color: var(--swack-2);} .progress-body-head-r12{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0px 16px; border-bottom: 1px solid var(--border);} .progress-body-head-r12 div{display: grid; gap: 3px;} .progress-body-head-r12 strong{font: 800 27px var(--font-display);} .progress-body-head-r12 small{font-size: 9px; color: var(--text-2);} .progress-body-head-r12 button{border: 1px solid var(--border); background: var(--surface-2); color: var(--text); border-radius: 12px; padding: 9px 11px; font-weight: 800;} .progress-body-grid-r12{display: grid; grid-template-columns: 1fr 1fr; gap: 0px; padding: 10px 0px 17px; border-bottom: 1px solid var(--border);} .progress-body-grid-r12 div{display: grid; gap: 3px; padding: 10px 0px;} .progress-body-grid-r12 strong{font-size: 15px;} .progress-chart-r12{padding: 17px 0px; border-bottom: 1px solid var(--border);} body.workout-mode main{max-width: 720px;} .workout-session-head{box-shadow: none !important; border-radius: 22px !important;} .active-exercise{box-shadow: none !important; border-radius: 20px !important; margin: 9px 0px !important;} .active-exercise.focus{border-width: 1.5px !important;} .active-thumb{border-radius: 14px !important;} .active-exercise-title{font-family: var(--font-display); letter-spacing: -0.025em;} .ghost-dot{font-size: 20px;} .active-menu-r12 .sheet-action{min-height: 58px;} .exercise-history-row-r12{display: flex; justify-content: space-between; align-items: center; padding: 12px 0px; border-top: 1px solid var(--border);} .exercise-history-row-r12 div{display: grid; gap: 3px;} .exercise-history-row-r12 span{font-size: 9px; color: var(--text-2);} html[data-theme="light"] .workout-session-head{background: linear-gradient(135deg, rgb(24, 25, 36), rgb(37, 32, 54) 52%, rgb(47, 49, 80) 100%);} html[data-theme="light"] .workout-dock button{background: linear-gradient(135deg,var(--coral-v4),#D83F70);} html[data-theme="dark"] .plan-week-r12{box-shadow: none;} .html[data-theme="dark"] .progress-stat-band-r12{border-color: var(--border);} @media (max-width: 520px) {.training-section-r12, .food-section-r12{padding-top: 24px !important; padding-bottom: 26px !important;} .completed-stamp-r12{font-size: 7px; padding: 6px 7px;} .completed-primary-r12 strong{font-size: 31px;} .coach-suggestions-r12{overflow-x: auto; display: flex; scrollbar-width: none;} .coach-suggestions-r12 button{white-space: nowrap;} .plan-week-r12{border-radius: 18px;} .plan-week-head-r12{padding: 15px 14px 10px;} .plan-week-preview-r12{padding: 0px 10px 10px;} .plan-row-main-r12{grid-template-columns: 27px minmax(0px, 1fr) 20px; padding: 10px 3px;} .plan-row-detail-r12{padding-left: 30px;} .plan-exercise-row-r12{grid-template-columns: 40px minmax(0px, 1fr) 16px;} .plan-exercise-visual-r12{width: 38px; height: 42px;} .progress-stat-band-r12 strong{font-size: 18px;} .progress-stat-band-r12 span{font-size: 6.5px;} .progress-split-r12{grid-template-columns: 1fr;} .progress-body-grid-r12{grid-template-columns: 1fr 1fr;}} .plan-week-preview-r12.compact{padding-bottom: 13px;} .plan-compact-row-r12{display: grid; grid-template-columns: 26px minmax(0px, 1fr); gap: 9px; align-items: center; padding: 6px 5px;} .plan-compact-row-r12 strong{font: 700 10px/1.25 var(--font-body); color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .plan-compact-row-r12.next strong{color: var(--text);} html[data-theme="dark"] .progress-stat-band-r12{border-color: var(--border);} .muscle-map-r13{width: 30px; height: 40px; display: block; overflow: visible;} .muscle-map-r13 .body{fill: none; stroke: color-mix(in srgb,var(--text-2) 58%,transparent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;} .muscle-map-r13 .zone{fill: transparent; stroke: none;} .muscle-map-r13 .zone.hot{fill: var(--swack); opacity: 0.92;} .plan-exercise-visual-r12:has(.muscle-map-r13){background: color-mix(in srgb,var(--surface-2) 86%,var(--swack) 14%); border: 1px solid color-mix(in srgb,var(--swack) 15%,var(--border)); font-size: 0px;} .plan-exercise-visual-r12 .muscle-map-r13{width: 28px; height: 39px;} .sheet-action > span:has(.muscle-map-r13){display: grid; place-items: center; min-width: 42px;} .sheet-action .muscle-map-r13{width: 26px; height: 36px;} .meal-complete-r13{margin-top: 13px; display: flex; align-items: center; gap: 9px; width: max-content; max-width: 100%; border: 0px; background: transparent; color: var(--swack-2); padding: 7px 0px; font: 750 12px/1.2 var(--font-body); text-align: left;} .meal-complete-r13 > span{display: grid; place-items: center; width: 25px; height: 25px; border: 1.5px solid color-mix(in srgb,var(--swack) 62%,var(--border)); border-radius: 50%; font-size: 14px;} .meal-complete-r13 small{color: var(--text-2); font-size: 9px; font-weight: 650;} .meal-done-r13 .meal-name-v513{opacity: 0.62;} .meal-done-r13 .meal-complete-r13 > span{background: var(--swack); color: white; border-color: var(--swack);} .training-section-r12 .action-title, .plan-row-r12 .plan-row-main-r12 strong{font-family: var(--font-display) !important;} .training-section-r12 .action-title{display: flex; flex-direction: column; align-items: flex-start; gap: 1px; line-height: 0.98 !important;} .session-code-r13{display: block; font-size: 9px; line-height: 1.2; letter-spacing: 0.16em; font-weight: 800; color: var(--swack-2); text-transform: uppercase;} .training-section-r12 .session-name-r13{display: block; font-size: 27px; line-height: 0.98; letter-spacing: -0.055em; font-weight: 850; text-transform: uppercase;} .plan-row-r12 .session-code-r13{display: block; font-size: 7px; letter-spacing: 0.13em; color: var(--swack-2); line-height: 1.2;} .plan-row-r12 .session-name-r13{display: block; font-size: 13px; letter-spacing: -0.025em; line-height: 1.08; font-weight: 850;} .plan-row-r12.hard .session-code-r13{color: var(--coral-v4);} @media (max-width: 390px) {.training-section-r12 .session-name-r13{font-size: 24px;} .meal-complete-r13{font-size: 11px;}} body{background: var(--surface) !important;} .app-shell{background: var(--surface) !important;} .brand-r14{gap: 9px !important;} .brand-r14 .brand-glyph-r14{border-radius: 8px; filter: grayscale(1) contrast(1.2); opacity: 0.88; width: 27px !important; height: 27px !important;} .brand-r14 span{font-size: 22px !important; letter-spacing: -0.055em !important;} .topbar{backdrop-filter: blur(18px); background: color-mix(in srgb,var(--surface) 94%,transparent) !important;} .today-status-r14{padding: 10px 0px 12px !important; border-bottom: 0px !important;} .today-status-r14 .today-date-r11{margin: 0px; font-size: 10px !important;} .today-status-r14 .today-status-line-r11{margin-top: 5px; align-items: center;} .today-status-r14 .today-status-line-r11 > div{display: none;} .today-status-r14 .today-week-r11{margin-left: auto; border: 1px solid var(--border); background: transparent !important; padding: 6px 9px !important; color: var(--text-2) !important;} .training-section-r14, .food-section-r14{background: transparent !important; padding-top: 18px !important;} .training-section-r14::before, .food-section-r14::before{display: none !important;} .training-section-r14 .action-card-head{align-items: center !important;} .training-section-r14 .swack-icon{display: none !important;} .training-section-r14 .action-kicker{font-size: 9px !important; color: var(--text-2) !important;} .training-section-r14 .session-code-r13{font-size: 9px;} .training-section-r14 .session-name-r13{font-size: 34px !important; letter-spacing: -0.065em !important;} .training-section-r14 .today-primary-metric{font-size: 38px !important;} .training-section-r14 .action-primary{min-height: 58px; border-radius: 18px !important; font-size: 16px !important; box-shadow: none !important;} .training-section-r14 .training-plan-link, .training-section-r14 .training-chaos-r6{font-size: 10px !important;} .food-section-r14{border-top: 8px solid color-mix(in srgb,var(--surface-2) 72%,transparent) !important;} .food-section-r14 .swack-icon{width: 32px !important; height: 32px !important; border-radius: 10px !important;} .food-section-r14 .meal-name-v513{font-size: 19px !important;} .preflight-r14{padding: 28px 20px calc(20px + env(safe-area-inset-bottom)) !important;} .preflight-top-r14 h2{font: 850 30px/1.02 var(--font-display); letter-spacing: -0.055em; margin: 6px 0px 20px;} .preflight-times-r14{grid-template-columns: repeat(5, 1fr); display: grid !important; gap: 7px !important; overflow: visible !important;} .preflight-times-r14 button{display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0px !important; height: 70px !important; border-radius: 18px !important; padding: 0px !important;} .preflight-times-r14 button strong{font: 850 20px var(--font-display);} .preflight-times-r14 button span{font: 800 7px var(--font-body); letter-spacing: 0.12em;} .preflight-signal-r14{margin-top: 25px;} .preflight-signal-r14 > .row > strong{font-size: 13px;} .text-action-r14{border: 0px; background: transparent; color: var(--swack-2); font-weight: 800;} .signal-row-r14{margin: 11px 0px 0px !important; display: flex !important; flex-wrap: wrap !important;} .signal-chip-r14{border: 1px solid var(--border) !important; background: var(--surface-2) !important; border-radius: 999px !important; padding: 9px 12px !important; font-size: 10px !important;} .signal-chip-r14.active{background: color-mix(in srgb,var(--swack) 12%,var(--surface)) !important; border-color: color-mix(in srgb,var(--swack) 35%,var(--border)) !important;} .preflight-note-r14{margin-top: 12px;} .preflight-note-r14[hidden]{display: none;} .preflight-note-r14 textarea{width: 100%; padding: 13px; font: 600 12px/1.45 var(--font-body); color: var(--text); border-radius: 16px !important; background: var(--surface-2) !important; border: 1px solid var(--border) !important;} .preflight-go-r14{min-height: 58px; margin-top: 18px !important; border-radius: 18px !important; font-size: 15px !important; box-shadow: none !important;} .coach-modal-r14{padding-left: 18px !important; padding-right: 18px !important;} .coach-modal-r14 .coach-head-r6{margin: 2px 0px 14px !important; gap: 10px !important;} .coach-modal-r14 .coach-mark-r6{width: 36px !important; height: 36px !important; border-radius: 12px !important;} .coach-modal-r14 .coach-head-r6 h2{font-size: 27px !important; letter-spacing: -0.05em !important;} .coach-modal-r14 .coach-starters-r6{overflow-x: auto; gap: 7px; display: flex !important; margin: 0px 0px 13px !important;} .coach-modal-r14 .coach-starters-r6 button{white-space: nowrap; border-radius: 999px !important; padding: 8px 11px !important; font-size: 9px !important;} .coach-modal-r14 .coach-messages-r6{padding: 3px 0px 12px !important;} .coach-msg-r14{max-width: 86% !important; margin: 7px 0px !important; border: 0px !important; border-radius: 20px !important; padding: 11px 13px !important; font-size: 12px !important; line-height: 1.48 !important; box-shadow: none !important;} .coach-msg-r14.user{margin-left: auto !important; border-bottom-right-radius: 6px !important; background: var(--swack) !important; color: white !important;} .coach-msg-r14.assistant{margin-right: auto !important; border-bottom-left-radius: 6px !important; background: var(--surface-2) !important; color: var(--text) !important;} .coach-msg-r14 small{display: block; margin-top: 6px; font-size: 8px;} .coach-modal-r14 .coach-compose-r6{position: sticky; bottom: 0px; background: var(--surface); padding-top: 8px;} .coach-modal-r14 .coach-compose-r6 textarea{border-radius: 18px !important; background: var(--surface-2) !important; border: 1px solid var(--border) !important; font-size: 12px !important;} .coach-modal-r14 .coach-compose-r6 button{border-radius: 16px !important;} .coach-modal-r14 .coach-foot-r6{opacity: 0.75; font-size: 8px !important; margin-top: 7px !important;} @media (max-width: 390px) {.preflight-times-r14{gap: 5px !important;} .preflight-times-r14 button{height: 62px !important;} .preflight-times-r14 button strong{font-size: 18px;} .training-section-r14 .session-name-r13{font-size: 30px !important;}} :root{--v6-purple: #6A4CFF; --v6-lilac: #B895FF; --v6-mint: #34E0C2; --v6-coral: #FF8A5B; --v6-yellow: #FFC857; --v6-ink: #17121f; --v6-dark: #151826; --v6-dark2: #1c1f2e; --v6-line: rgba(91,77,108,.14); --v6-radius: 22px; --v6-shadow: 0 12px 32px rgba(31,24,49,.08);} html[data-theme="light"], html:not([data-theme]){--surface: #FAFAFD; --surface-2: #F3F1F8; --text: #17121f; --text-2: #746D7C; --border: #E7E1EC; --swack: #6A4CFF; --swack-2: #6042EA;} html[data-theme="dark"]{--surface: #151826; --surface-2: #1C1F2E; --text: #F8F6FC; --text-2: #A9A4B3; --border: #353859; --swack: #8C70FF; --swack-2: #B895FF; color-scheme: dark;} body{color: var(--text); transition: background 0.24s, color 0.24s; font-family: Manrope, system-ui, sans-serif !important; background: var(--surface) !important;} .topbar{height: 74px !important; padding: env(safe-area-inset-top) 22px 0 !important; border-bottom: 0px !important; background: color-mix(in srgb,var(--surface) 88%,transparent) !important;} .brand-button img{width: 28px !important; height: 28px !important; filter: none !important; opacity: 1 !important;} .brand-button span{font-family: Sora, sans-serif !important; font-weight: 800 !important; font-size: 21px !important;} .status-pill{display: none !important;} .top-profile-r6{border: 2px solid color-mix(in srgb,var(--swack) 18%,transparent) !important;} #app{padding-bottom: 105px !important;} .today-status-r14{margin-top: 8px !important;} .today-week-r11{border: 0px !important; background: color-mix(in srgb,var(--swack) 9%,transparent) !important; color: var(--swack) !important;} .today-section-r11{margin: 0px 18px !important;} .training-section-r14{margin-top: 10px !important; padding: 22px !important; border: 1px solid var(--border) !important; border-radius: var(--v6-radius) !important; background: var(--surface-2) !important; box-shadow: var(--v6-shadow) !important;} .training-section-r14 .session-name-r13{font-size: 31px !important;} .training-section-r14 .action-primary, .preflight-go-r14{background: linear-gradient(100deg, rgb(106, 76, 255), rgb(141, 93, 255)) !important; border: 0px !important; box-shadow: rgba(106, 76, 255, 0.22) 0px 9px 22px !important;} .food-section-r14{margin-top: 14px !important; padding: 18px !important; border: 1px solid var(--border) !important; border-radius: var(--v6-radius) !important; background: var(--surface-2) !important;} .food-section-r14{border-top: 1px solid var(--border) !important;} .meal-complete-r13{padding: 8px 12px !important; border-radius: 999px !important; background: color-mix(in srgb,var(--swack) 8%,var(--surface)) !important; color: var(--swack) !important;} .coach-inline-r10{margin: 14px 18px !important; border: 1px solid var(--border) !important; border-radius: var(--v6-radius) !important; background: var(--surface-2) !important; padding: 17px !important;} .coach-inline-r10 .coach-preview-r10{max-height: 86px; overflow: hidden;} .modal{border-radius: 30px 30px 0px 0px !important; background: var(--surface) !important;} .preflight-times-r14 button{background: var(--surface-2) !important; border-color: var(--border) !important;} .preflight-times-r14 button.active{box-shadow: rgba(106, 76, 255, 0.2) 0px 8px 20px; background: var(--swack) !important; color: white !important; border-color: var(--swack) !important;} .signal-chip-r14{transition: 0.16s;} .signal-chip-r14:active{transform: scale(0.96);} .plan-hero-r12{background: var(--surface-2) !important; border: 1px solid var(--border) !important; border-radius: 24px !important; clip-path: none !important; box-shadow: none !important;} .plan-week-r12{background: var(--surface-2) !important; border: 1px solid var(--border) !important; border-radius: 24px !important; box-shadow: none !important;} .plan-row-main-r12{transition: background 0.18s, transform 0.16s;} .plan-row-main-r12:active{transform: scale(0.985); background: color-mix(in srgb,var(--swack) 5%,var(--surface-2));} .plan-exercise-visual-r12{border-radius: 14px !important; background: color-mix(in srgb,var(--swack) 8%,var(--surface)) !important;} .progress-head-r12 h1{font-size: 30px !important;} .progress-stat-band-r12{margin: 16px 18px !important; padding: 16px !important; border: 1px solid var(--border) !important; border-radius: 22px !important; background: var(--surface-2) !important;} .progress-stat-band-r12 strong{font-family: Sora, sans-serif !important; font-size: 23px !important;} .progress-split-r12, .progress-list-r12, .progress-chart-r12, .progress-body-head-r12, .progress-body-grid-r12{margin-left: 18px !important; margin-right: 18px !important;} .progress-tabs-r12{margin-left: 18px !important; margin-right: 18px !important;} .progress-tabs-r12 button.active{color: var(--swack) !important; border-color: var(--swack) !important;} body.workout-mode{background: rgb(21, 24, 38) !important; color: rgb(248, 246, 252) !important;} body.workout-mode .topbar{display: none !important;} body.workout-mode #app{max-width: 760px; margin: auto; padding: calc(18px + env(safe-area-inset-top)) 16px 110px !important;} .v6-workout-head{display: flex; align-items: center; justify-content: space-between; margin: 2px 0px 14px;} .v6-workout-head .brand-mini{display: flex; align-items: center; gap: 8px; font: 800 13px Sora;} .v6-workout-head img{width: 22px;} .v6-workout-head button{border: 0px; background: rgb(34, 37, 56); color: rgb(255, 255, 255); border-radius: 999px; padding: 9px 12px;} .timerbar.premium{grid-template-columns: 1fr 1fr; gap: 10px; position: relative !important; top: auto !important; display: grid !important; background: rgb(28, 31, 46) !important; border: 1px solid rgb(53, 56, 89) !important; border-radius: 20px !important; padding: 12px !important; margin-bottom: 12px !important; color: rgb(255, 255, 255) !important;} .timer-main{background: rgb(34, 37, 56) !important; border-radius: 15px !important; padding: 10px !important;} .timer-main span{color: rgb(158, 153, 171) !important;} .timer-main strong{color: rgb(255, 255, 255) !important;} .workout-session-head{background: transparent !important; border: 0px !important; padding: 8px 4px 16px !important; color: rgb(255, 255, 255) !important;} .workout-session-head h1{letter-spacing: -0.05em; font: 800 30px / 1 Sora !important;} .workout-session-head p, .session-autosave{display: none !important;} .session-ring{border-color: rgb(106, 76, 255) !important;} .progress-track.session{height: 5px !important; background: rgb(42, 45, 64) !important;} .progress-track.session span{background: linear-gradient(90deg, rgb(106, 76, 255), rgb(184, 149, 255)) !important;} .warmup-panel{background: rgb(28, 31, 46) !important; border: 1px solid rgb(53, 56, 89) !important; border-radius: 22px !important; color: rgb(255, 255, 255) !important;} .active-exercise{background: rgb(28, 31, 46) !important; border: 1px solid rgb(53, 56, 89) !important; border-radius: 24px !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; margin: 14px 0px !important; padding: 16px !important;} .active-exercise.focus{border-color: rgb(106, 76, 255) !important; box-shadow: rgba(106, 76, 255, 0.18) 0px 0px 0px 1px !important;} .active-exercise-title{font: 800 24px / 1.05 Sora !important; color: rgb(255, 255, 255) !important;} .exercise-meta, .exercise-preview-label, .muscle-tags span, .tiny, .active-exercise label{color: rgb(170, 165, 180) !important;} .active-thumb{background: rgb(34, 37, 56) !important; border-radius: 16px !important;} .load-mode-row, .recommend.compact, .set-log-row{background: rgb(34, 37, 56) !important; border-color: rgb(53, 56, 89) !important;} .load-mode-row button{background: rgb(42, 45, 64) !important; color: rgb(201, 197, 209) !important;} .load-mode-row button.active{background: rgb(106, 76, 255) !important; color: white !important;} .set-log-row input{background: rgb(23, 26, 40) !important; color: rgb(255, 255, 255) !important; border-color: rgb(53, 56, 89) !important;} .set-complete{background: rgb(106, 76, 255) !important; color: rgb(255, 255, 255) !important;} .workout-dock{left: 16px !important; right: 16px !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important; border: 1px solid rgb(53, 56, 89) !important; border-radius: 22px !important; background: rgba(28, 31, 46, 0.94) !important; backdrop-filter: blur(18px) !important; color: rgb(255, 255, 255) !important;} .workout-dock button{background: linear-gradient(100deg, rgb(106, 76, 255), rgb(141, 93, 255)) !important; border-radius: 16px !important;} .v6-rest-overlay{position: fixed; inset: 0px; z-index: 1200; background: rgba(11, 12, 20, 0.92); display: grid; place-items: center; padding: 28px;} .v6-rest-card{text-align: center; color: rgb(255, 255, 255);} .v6-rest-ring{width: 230px; height: 230px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(#7D5CFF var(--rest-pct,70%),#2A2D40 0); position: relative; margin: auto;} .v6-rest-ring::after{content: ""; position: absolute; inset: 12px; border-radius: 50%; background: rgb(21, 24, 38);} .v6-rest-ring > div{position: relative; z-index: 1;} .v6-rest-ring small{display: block; color: rgb(170, 165, 180); letter-spacing: 0.16em; font-weight: 800;} .v6-rest-ring strong{display: block; font: 800 48px Sora; margin-top: 6px;} .v6-rest-actions{display: flex; gap: 10px; justify-content: center; margin-top: 22px;} .v6-rest-actions button{border: 1px solid rgb(53, 56, 89); background: rgb(34, 37, 56); color: rgb(255, 255, 255); border-radius: 999px; padding: 11px 16px; font-weight: 800;} .v6-rest-actions .skip{background: rgb(106, 76, 255); border-color: rgb(106, 76, 255);} /* Page and modal entry is owned by SwackNavigationMotion / SwackMotion. A CSS entry animation here restarted after transition cleanup. */ button{transition: transform 0.14s, filter 0.18s;} button:active{transform: scale(0.97);} @media (prefers-reduced-motion: reduce) {*{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}} .v6-splash{background: rgb(21, 24, 38) !important;} .v6-splash-mark{display: flex; align-items: center; gap: 13px; color: white;} .v6-splash-mark img{width: 58px; height: 58px; animation: 0.72s cubic-bezier(0.2, 0.9, 0.2, 1) 0s 1 normal both running v6Peak;} .v6-splash-mark strong{font: 800 34px Sora; letter-spacing: -0.06em; animation: 0.45s ease 0.28s 1 normal both running v6Word;} @keyframes v6Peak { 0% { opacity: 0; transform: scale(0.62) translateY(10px); filter: blur(5px); } 60% { opacity: 1; transform: scale(1.06); filter: blur(0px); } 100% { transform: scale(1); } } @keyframes v6Word { 0% { opacity: 0; transform: translateX(-8px); } 100% { opacity: 1; transform: none; } } :root{--bp-bg: #FAFAFD; --bp-card: #FFFFFF; --bp-card2: #F7F5FC; --bp-ink: #17121F; --bp-muted: #81798A; --bp-line: #EAE5F0; --bp-purple: #6A4CFF; --bp-lilac: #B895FF; --bp-mint: #34E0C2; --bp-dark: #151826; --bp-dark2: #1C1F2E; --bp-radius: 20px; --bp-shadow: 0 10px 30px rgba(40,30,66,.06);} html[data-theme="light"]{--bp-bg: #FAFAFD; --bp-card: #fff; --bp-card2: #F7F5FC; --bp-ink: #17121F; --bp-muted: #81798A; --bp-line: #EAE5F0;} html[data-theme="dark"]{--bp-bg: #11131F; --bp-card: #171A28; --bp-card2: #1C1F2E; --bp-ink: #F9F8FC; --bp-muted: #AAA5B4; --bp-line: #2C3045;} body{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} .topbar{background: var(--bp-bg) !important; padding-left: 22px !important; padding-right: 22px !important; height: 82px !important;} .brand-button span{font-size: 22px !important;} .brand-button img{width: 30px !important; height: 30px !important;} .top-profile-r6{width: 38px !important; height: 38px !important;} #app{max-width:760px;margin:auto;padding:18px 18px 110px!important;} /* Main media pages own their width; utility pages keep their existing gutters. */ #app:has(> :is(.v6-home,.v6-plan,.bp5-food-page,.v6-progress-page)),#app:has(.swack-page .social-card){padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;} #app>.v6-home{padding:0 var(--swack-text-gutter);margin-top:0;} #app>.bp5-food-page{padding:16px var(--swack-text-gutter) 0;} body:not(.workout-mode):not(.v62-workout-mode):not(.swack-deep):has(>.swack-page-stage>#app>:is(.v6-home,.v6-plan,.bp5-food-page,.v6-progress-page)){padding-bottom:0;} #app>:is(.v6-home,.v6-plan,.bp5-food-page,.v6-progress-page){padding-bottom:0;} #app>:is(.v6-home,.v6-plan,.bp5-food-page,.v6-progress-page)>:last-child{margin-bottom:0;} .v6-greeting{padding: 10px 2px 18px;} .v6-greeting h1{font: 800 20px / 1.2 Sora; margin: 0px;} .v6-greeting p{margin: 4px 0px 0px; color: var(--bp-muted); font-size: 12px;} .v6-primary-card{background: var(--bp-card); border: 1px solid var(--bp-line); border-radius: var(--bp-radius); padding: 18px; box-shadow: var(--bp-shadow); margin-bottom: 12px;} .v6-card-kicker{font-size: 9px; letter-spacing: 0.14em; font-weight: 800; color: var(--bp-muted);} .v6-primary-row{display: flex; align-items: center; justify-content: space-between; gap: 10px;} .v6-primary-row h2{font: 800 27px / 1 Sora; letter-spacing: -0.04em; margin: 8px 0px 16px;} .v6-done-badge{width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--bp-mint); color: rgb(12, 67, 58); font-weight: 900;} .v6-metrics{display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 16px;} .v6-metrics div{text-align: center; min-width: 0px;} .v6-metrics span{display: block; color: var(--bp-purple); font-size: 12px;} .v6-metrics strong{display: block; font: 700 12px Manrope; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .v6-metrics small{display: block; color: var(--bp-muted); font-size: 7px; letter-spacing: 0.06em;} .v6-primary-action{width: 100%; border: 0px; border-radius: 13px; background: linear-gradient(100deg, rgb(106, 76, 255), rgb(140, 92, 255)); color: rgb(255, 255, 255); padding: 12px 14px; font-weight: 800; display: flex; justify-content: center; gap: 10px; box-shadow: rgba(106, 76, 255, 0.19) 0px 8px 20px;} .v6-next-meal{background: var(--bp-card); border: 1px solid var(--bp-line); border-radius: 17px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; box-shadow: var(--bp-shadow); cursor: pointer;} .v6-next-meal div{min-width: 0px;} .v6-next-meal small{display: block; color: var(--bp-muted); font-size: 8px; letter-spacing: 0.12em; font-weight: 800;} .v6-next-meal strong{display: block; font: 800 15px Sora; margin-top: 3px;} .v6-next-meal span:not(.v6-meal-photo){display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; color: var(--bp-muted); max-width: 270px;} .v6-next-meal em{display: block; font-style: normal; font-size: 9px; color: var(--bp-muted); margin-top: 3px;} .v6-meal-photo{width: 58px; height: 58px; border-radius: 50%; flex: 0 0 58px; place-items: center; background: radial-gradient(circle at 35% 35%, rgb(255, 216, 108) 0px, rgb(255, 216, 108) 14%, rgb(201, 110, 58) 15%, rgb(201, 110, 58) 25%, rgb(91, 157, 103) 26%, rgb(91, 157, 103) 37%, rgb(242, 228, 192) 38%, rgb(242, 228, 192) 52%, rgb(199, 76, 61) 53%, rgb(199, 76, 61) 65%, rgb(126, 189, 106) 66%, rgb(126, 189, 106) 78%, rgb(231, 197, 110) 79%); box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 4px inset; display: grid !important;} .v6-meal-photo.eggs{background: radial-gradient(circle at 40% 40%, rgb(255, 216, 74) 0px, rgb(255, 216, 74) 12%, rgb(255, 255, 255) 13%, rgb(255, 255, 255) 28%, rgb(122, 91, 53) 29%, rgb(122, 91, 53) 45%, rgb(164, 198, 107) 46%, rgb(164, 198, 107) 62%, rgb(229, 193, 136) 63%);} .v6-meal-photo.wrap{background: radial-gradient(circle at 55% 40%, rgb(101, 179, 111) 0px, rgb(101, 179, 111) 20%, rgb(210, 90, 72) 21%, rgb(210, 90, 72) 33%, rgb(231, 206, 139) 34%, rgb(231, 206, 139) 60%, rgb(169, 114, 66) 61%);} .v6-meal-photo.oats{background: radial-gradient(circle, rgb(232, 210, 163) 0px, rgb(232, 210, 163) 52%, rgb(246, 240, 226) 53%, rgb(246, 240, 226) 65%, rgb(199, 144, 101) 66%);} .v6-quick-actions{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0px;} .v6-quick-actions button{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 16px; padding: 13px 8px; color: var(--bp-ink); box-shadow: var(--bp-shadow);} .v6-quick-actions span{display: block; color: var(--bp-purple); font-size: 17px; margin-bottom: 4px;} .v6-quick-actions b{font-size: 10px;} .v6-coach-card{border: 1px solid var(--bp-line) !important; background: var(--bp-card) !important; border-radius: 18px !important; padding: 12px !important; margin: 0px !important;} .v6-coach-open{width: 100%; display: flex; align-items: center; gap: 10px; border: 0px; background: none; color: var(--bp-ink); text-align: left;} .v6-coach-icon{width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb,var(--bp-purple) 12%,var(--bp-card)); display: grid; place-items: center; color: var(--bp-purple);} .v6-coach-open div{flex: 1 1 0%;} .v6-coach-open small, .v6-coach-open em{display: block; color: var(--bp-muted); font-size: 8px; font-style: normal;} .v6-coach-open strong{font: 800 14px Sora;} .v6-coach-compose{display: flex; background: var(--bp-card2); border: 1px solid var(--bp-line); border-radius: 14px; padding: 4px; margin-top: 10px !important;} .v6-coach-compose textarea{flex: 1 1 0%; border: 0px !important; background: transparent !important; color: var(--bp-ink) !important; padding: 9px !important; min-height: 36px !important;} .v6-coach-compose button{width: 38px; height: 38px; border-radius: 11px; border: 0px; background: var(--bp-purple); color: white; font-size: 18px;} .v6-page-head{display: flex; align-items: center; justify-content: space-between; padding: 5px 2px 14px;} .v6-page-head h1{font: 800 24px Sora; margin: 0px;} .v6-progress{height: 4px; background: var(--bp-line); border-radius: 10px; margin-top: 9px; overflow: hidden;} .v6-progress i{display: block; height: 100%; background: linear-gradient(90deg,var(--bp-purple),var(--bp-lilac)); border-radius: 10px;} /* Plan presentation has one owner: header, week band, then a flat timeline. */ .v6-plan{padding-inline:var(--swack-text-gutter,14px);padding-bottom:0;box-sizing:border-box;} .v6-plan .v611-plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0!important;} .v6-plan .v611-plan-head h1{min-width:0;margin:0;font-size:clamp(25px,6.5vw,34px);line-height:1.18;letter-spacing:-.035em;} .v642-history-button{flex:0 0 auto;min-height:44px;padding:8px 0 8px 8px;border:0;background:none;box-shadow:none;color:var(--bp-purple);font:600 14px/1.3 var(--sw-font-body);white-space:nowrap;} .v6-week-tabs{display:flex;gap:4px;overflow:auto;scrollbar-width:none;margin-top:18px;padding:0 0 12px;} .v6-week-tabs button{flex:0 0 auto;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--bp-muted);font:650 13px/1.2 var(--sw-font-body);white-space:nowrap;} .v6-week-tabs button.active{background:var(--bp-purple-soft);color:var(--bp-purple);} .v6-plan .v6-week-summary{margin:0 calc(-1*var(--swack-text-gutter,14px)) 22px;padding:16px var(--swack-text-gutter,14px)!important;border:0;border-bottom:1px solid var(--bp-line);border-radius:var(--swack-media-radius,0px);box-shadow:none;background:none;color:var(--bp-ink);} .v6-week-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;} .v6-week-summary strong{font:700 14px/1.4 var(--sw-font-body);text-transform:uppercase;letter-spacing:.04em;} .v6-week-summary span{flex:0 0 auto;font:700 16px/1.3 var(--sw-font-body);color:var(--bp-purple);} .v6-week-summary .v6-progress{height:4px;margin-top:12px;} .v6-workout-list{position:relative;display:grid;gap:0;padding-left:24px;} .v6-workout-list::before{content:'';position:absolute;left:8px;top:28px;bottom:32px;width:1px;background:var(--bp-line);} .v6-workout-row{position:relative;margin:0;border:0;border-bottom:1px solid var(--bp-line);border-radius:0;background:none;box-shadow:none;overflow:visible;} .v6-workout-row>button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:92px;width:100%;padding:16px 8px;border:0;background:none;color:var(--bp-ink);text-align:left;} .v6-workout-row>button>div{flex:1;min-width:0;} .v6-workout-row strong{display:block;margin:4px 0;font:700 16px/1.4 var(--sw-font-body);white-space:normal;overflow-wrap:anywhere;} .v6-workout-row small,.v6-workout-row span{display:block;color:var(--bp-muted);font-size:12px;line-height:1.45;} .v6-workout-row.next,.v6-workout-row.is-expanded{margin-block:6px;border:0;border-radius:12px;background:color-mix(in srgb,var(--bp-purple) 8%,var(--bp-bg));} .v6-workout-row.next small{color:var(--bp-purple);font-weight:700;} .v6-workout-row.skipped:not(.is-expanded){background:color-mix(in srgb,var(--bp-muted) 4%,var(--bp-bg));} .v6-workout-detail{padding: 0px 12px 12px;} .v6-workout-detail .plan-strength-detail-r12{border-top: 1px solid var(--bp-line); padding-top: 10px;} .plan-exercise-row-r12{background: transparent !important; color: var(--bp-ink) !important; border-bottom: 1px solid var(--bp-line) !important;} .plan-exercise-visual-r12{background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)) !important;} .plan-exercise-row-r12 strong{color: var(--bp-ink) !important;} .v6-segment{display: flex; flex-wrap: wrap; gap: 4px; background: var(--bp-card2); border-radius: 12px; padding: 4px; margin-bottom: 14px;} .v6-segment button{flex: 1 1 max-content; max-width: 100%; border: 0px; background: transparent; color: var(--bp-muted); padding: 8px 4px; border-radius: 9px; font-size: 9px;} .v6-segment button.active{background: color-mix(in srgb,var(--bp-purple) 13%,var(--bp-card)); color: var(--bp-purple); font-weight: 800;} .v6-data-card{background: var(--bp-card); border: 1px solid var(--bp-line); border-radius: 18px; padding: 15px; margin-bottom: 12px;} .v6-data-card > small{font-size: 8px; font-weight: 800;} .v6-data-card > span{display: block; color: var(--bp-muted); font-size: 9px;} .v6-data-card > strong{display: block; font: 800 22px Sora; margin: 7px 0px;} .v6-chart{height: 95px; overflow: hidden;} .v6-chart svg{width: 100% !important; height: 95px !important;} .v6-bars{height: 65px; display: flex; align-items: end; justify-content: space-around; gap: 8px;} .v6-bars span{width: 12px; border-radius: 7px 7px 2px 2px; background: var(--bp-mint);} .v6-bar-labels{color: var(--bp-muted); font-size: 8px; display: flex !important; justify-content: space-around !important;} .v6-stat-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .v6-stat-grid div{background: var(--bp-card); border: 1px solid var(--bp-line); border-radius: 16px; padding: 13px;} .v6-stat-grid small{display: block; color: var(--bp-muted); font-size: 8px;} .v6-stat-grid strong{font: 800 18px Sora;} .v6-recent h2{font: 800 16px Sora; margin: 20px 0px 8px;} .progress-session-row-r12{background: var(--bp-card) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important;} .v6-profile-hero{display: flex; align-items: center; gap: 12px; position: relative; padding: 8px 0px 18px;} .v6-profile-hero > div{flex: 1 1 0%;} .v6-profile-hero h1{font: 800 27px Sora; margin: 0px;} .v6-profile-hero span{color: var(--bp-muted); font-size: 10px;} .v6-profile-avatar{width: 58px; height: 58px; border-radius: 50%; overflow: hidden; background: var(--bp-card2); display: grid; place-items: center;} .v6-profile-avatar img{width: 100%; height: 100%; object-fit: cover;} .v6-settings-gear{position: absolute; right: 0px; top: -5px; border: 0px; background: none; color: var(--bp-ink);} .v6-profile-shortcuts{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 20px;} .v6-profile-shortcuts button{border: 0px; border-radius: 14px; background: color-mix(in srgb,var(--bp-purple) 10%,var(--bp-card)); padding: 14px 5px; color: var(--bp-purple);} .v6-profile-shortcuts span{display: block; font-size: 17px;} .v6-profile-shortcuts b{font-size: 9px;} .v6-settings-list > small{display: block; color: var(--bp-muted); font-size: 8px; margin: 0px 0px 6px;} .v6-settings-list button{width: 100%; display: grid; grid-template-columns: 25px 1fr 16px; align-items: center; text-align: left; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--bp-line); background: transparent; color: var(--bp-ink); padding: 12px 2px;} .v6-settings-list button span{color: var(--bp-purple);} .v6-settings-list button b{font-size: 11px;} .v6-settings-list button i{font-style: normal; color: var(--bp-muted);} .v6-profile-context{margin-top: 18px; border-top: 1px solid var(--bp-line); padding-top: 14px;} .v6-profile-context div small, .v6-profile-context div span{display: block; color: var(--bp-muted); font-size: 8px;} .v6-profile-context div strong{font: 700 12px Sora;} .v6-profile-context > button{border: 0px; background: none; color: var(--bp-purple); padding: 12px 0px; font-weight: 800;} .v6-theme-picker{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 15px 0px;} .v6-theme-picker button{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 16px; padding: 10px; text-align: left; color: var(--bp-ink);} .v6-theme-picker button.active{border-color: var(--bp-purple); box-shadow: 0 0 0 2px color-mix(in srgb,var(--bp-purple) 14%,transparent);} .v6-theme-picker span{height: 65px; border-radius: 11px; display: block; margin-bottom: 8px;} .light-preview{background: rgb(250, 250, 253); border: 1px solid rgb(238, 238, 238);} .dark-preview{background: rgb(21, 24, 38);} .v6-theme-picker strong, .v6-theme-picker small{display: block;} .v6-theme-picker small{color: var(--bp-muted); font-size: 8px;} .athletic-hero.food-major{background: var(--bp-card) !important; color: var(--bp-ink) !important; border: 1px solid var(--bp-line) !important; border-radius: 18px !important; box-shadow: none !important; padding: 18px !important;} .athletic-hero.food-major .eyebrow, .athletic-hero.food-major p{color: var(--bp-muted) !important;} .food-tabs{background: var(--bp-card2) !important; border-radius: 14px !important; padding: 4px !important;} .food-tabs button{border-radius: 10px !important;} .food-tabs button.active{background: var(--bp-card) !important; color: var(--bp-purple) !important;} .food-week-switch button, .week-menu-day, .shopping-family, .shopping-section{background: var(--bp-card) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important;} .week-meal{color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} .week-meal span, .week-meal b{color: var(--bp-muted) !important;} .preflight-r14{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} .preflight-times-r14 button{background: var(--bp-card) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important; border-radius: 15px !important;} .preflight-times-r14 button.active{background: linear-gradient(100deg,var(--bp-purple),#8C5CFF) !important; color: rgb(255, 255, 255) !important;} .signal-chip-r14{background: var(--bp-card2) !important; border-color: var(--bp-line) !important; color: var(--bp-muted) !important;} .preflight-note-r14 textarea{background: var(--bp-card2) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} .preflight-go-r14{background: linear-gradient(100deg,var(--bp-purple),#8C5CFF) !important;} body.workout-mode{background: rgb(17, 19, 31) !important;} .v6-active-header{display: flex; align-items: center; gap: 9px; margin-bottom: 12px;} .v6-active-header img{width: 25px;} .v6-active-header div{flex: 1 1 0%;} .v6-active-header small, .v6-active-header strong{display: block;} .v6-active-header small{color: rgb(169, 164, 179); font-size: 8px;} .v6-active-header strong{color: rgb(255, 255, 255); font: 700 11px Sora;} .v6-active-header button{border: 0px; background: rgb(32, 36, 54); color: rgb(255, 255, 255); width: 34px; height: 34px; border-radius: 50%;} .v6-active-media{margin-bottom: 14px;} .v6-active-media > button{width: 100%; height: 180px; border: 0px; border-radius: 16px; background: linear-gradient(145deg, rgb(37, 41, 58), rgb(21, 24, 38)); position: relative; overflow: hidden;} .v6-inline-video{height: 100%; display: grid; place-items: center; opacity: 0.45;} .v6-inline-video .muscle-map-r13{width: 85px; height: 120px;} .v6-active-media .play{position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: rgba(0, 0, 0, 0.48); display: grid; place-items: center; color: rgb(255, 255, 255);} .v6-muscle-panel{display: grid; grid-template-columns: 115px 1fr; gap: 12px; align-items: center; margin-top: 10px;} .v6-muscle-big{height: 90px; display: grid; place-items: center; background: rgb(23, 26, 40); border-radius: 14px;} .v6-muscle-big .muscle-map-r13{height: 78px;} .v6-muscle-panel small{display: block; color: rgb(140, 112, 255); font-size: 8px; letter-spacing: 0.08em;} .v6-muscle-panel strong{color: rgb(255, 255, 255); font-size: 10px; line-height: 1.5;} .v6-rest-overlay{background: rgba(10, 11, 19, 0.96) !important;} .v6-rest-ring{width: 240px !important; height: 240px !important;} .v6-rest-ring strong{font-size: 52px !important;} .v6-coach-modal{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} .v6-coach-modal .coach-msg-r6.assistant{background: var(--bp-card2) !important; color: var(--bp-ink) !important;} .v6-coach-modal .coach-msg-r6.user{background: var(--bp-purple) !important; color: rgb(255, 255, 255) !important;} @media (max-width: 390px) {#app{padding-left: 14px !important; padding-right: 14px !important;} .v6-primary-row h2{font-size: 24px;} .v6-metrics small{font-size: 6px;} .v6-next-meal span:not(.v6-meal-photo){max-width: 205px;} } html, body, .topbar, .v6-primary-card, .v6-next-meal, .v6-data-card, .v6-stat-grid div, .v6-profile-shortcuts button, .athletic-hero.food-major, .food-tabs, .week-menu-day, .shopping-section, .shopping-family, .modal{transition: background-color 0.22s, color 0.22s, border-color 0.22s, box-shadow 0.22s, transform 0.18s, opacity 0.18s;} body{font-size: 16px !important; line-height: 1.45 !important;} .brand-button span{font-size: 24px !important;} #app{padding-top: 20px !important;} .v6-greeting p{font-size: 14px !important; line-height: 1.45 !important;} .v6-card-kicker, .v6-next-meal small, .v6-coach-open small, .v6-coach-open em, .v6-data-card > small, .v6-settings-list > small, .v6-profile-context div small, .v6-profile-context div span{font-size: 10px !important;} .v6-primary-row h2{font-size: 30px !important; line-height: 1.02 !important;} .v6-metrics{gap: 8px !important;} .v6-metrics strong{font-size: 13px !important;} .v6-metrics small{font-size: 8px !important;} .v6-primary-action{padding: 14px 16px !important; font-size: 15px !important;} .v6-next-meal strong{font-size: 17px !important;} .v6-next-meal span:not(.v6-meal-photo){font-size: 13px !important; line-height: 1.35 !important;} .v6-next-meal em{font-size: 10px !important;} .v6-quick-actions b{font-size: 11px !important;} .v6-coach-open strong{font-size: 16px !important;} .v6-page-head h1{font-size: 27px !important;} .v6-segment button{font-size: 10px !important; padding: 9px 5px !important;} .v6-data-card > span{font-size: 11px !important;} .v6-data-card > strong{font-size: 24px !important;} .v6-stat-grid small{font-size: 10px !important;} .v6-stat-grid strong{font-size: 19px !important;} .v6-recent h2{font-size: 18px !important;} .v6-profile-hero h1{font-size: 29px !important;} .v6-profile-hero span{font-size: 12px !important;} .v6-profile-shortcuts b{font-size: 11px !important;} .v6-settings-list button b{font-size: 13px !important;} .v6-profile-context div strong{font-size: 14px !important;} .v6-theme-picker small{font-size: 10px !important;} .v6-theme-picker strong{font-size: 15px !important;} .v6-active-header small{font-size: 10px !important;} .v6-active-header strong{font-size: 13px !important;} .v6-meal-photo.has-photo{overflow: hidden; background: none !important; box-shadow: rgba(25, 17, 39, 0.14) 0px 10px 22px, rgba(255, 255, 255, 0.75) 0px 0px 0px 2px inset !important; border: 1px solid rgba(255, 255, 255, 0.65) !important;} .v6-meal-photo.has-photo img, .bp3-next-photo img, .bp3-food-thumb img, .bp3-recipe-photo img, .food-hero-icon.has-photo img{width: 100%; height: 100%; display: block; object-fit: cover;} .food-hero-icon.has-photo{width: 72px !important; height: 72px !important; border-radius: 18px !important; overflow: hidden !important; background: none !important; border: 1px solid var(--bp-line) !important; box-shadow: var(--bp-shadow) !important; padding: 0px !important;} .next-meal-feature.clickable-meal{grid-template-columns: 72px 1fr; gap: 14px; align-items: center; display: grid !important;} .bp3-next-photo{width: 72px; height: 72px; border-radius: 18px; overflow: hidden; display: block; box-shadow: var(--bp-shadow); border: 1px solid var(--bp-line);} .meal-day-list .meal-v4{grid-template-columns: 1fr 54px; align-items: center; gap: 10px; display: grid !important;} .bp3-food-thumb{width: 44px; height: 44px; border-radius: 14px; overflow: hidden; display: block; box-shadow: rgba(25, 17, 39, 0.1) 0px 8px 18px; border: 1px solid var(--bp-line);} .clickable-week-meal{grid-template-columns: 44px 1fr auto; gap: 10px; align-items: center; display: grid !important;} .clickable-week-meal span, .clickable-week-meal strong, .clickable-week-meal small{grid-column: auto;} .clickable-week-meal span, .clickable-week-meal strong{display: block;} .clickable-week-meal > span.bp3-food-thumb{grid-row: 1 / span 2;} .clickable-week-meal b{align-self: center;} .bp3-recipe-photo{width: 100%; height: 160px; border-radius: 16px; overflow: hidden; display: block; margin-bottom: 12px;} html[data-theme="dark"] .v6-meal-photo.has-photo, html[data-theme="dark"] .bp3-next-photo, html[data-theme="dark"] .bp3-food-thumb, html[data-theme="dark"] .bp3-recipe-photo, html[data-theme="dark"] .food-hero-icon.has-photo{border-color: rgb(44, 48, 69) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 24px !important;} .v6-home, .v6-plan, .v6-progress-page, .v6-profile-page, .athletic-hero.food-major, .next-meal-feature, .week-menu-grid, .shopping-grid, .recipe-tools, #recipeResults{animation: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp3ScreenIn;} @keyframes bp3ScreenIn { 0% { opacity: 0; transform: translateY(10px) scale(0.985); } 100% { opacity: 1; transform: translateY(0px) scale(1); } } .v6-primary-action:active, .v6-quick-actions button:active, .v6-next-meal:active, .v6-coach-open:active, .food-tabs button:active, .clickable-week-meal:active, .meal-v4:active{transform: scale(0.98);} body.bp3-route-transition #app{animation: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp3RouteSwap;} @keyframes bp3RouteSwap { 0% { opacity: 0.62; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0px); } } .modal-backdrop{backdrop-filter: blur(10px);} .modal{animation: 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp3SheetUp;} @keyframes bp3SheetUp { 0% { opacity: 0; transform: translateY(18px); } 100% { opacity: 1; transform: translateY(0px); } } @media (max-width: 390px) {.v6-greeting h1{font-size: 21px !important;} .v6-primary-row h2{font-size: 26px !important;} .v6-next-meal span:not(.v6-meal-photo){max-width: 220px !important;} .next-meal-feature.clickable-meal{grid-template-columns: 64px 1fr;} .bp3-next-photo{width: 64px; height: 64px;}} .next-meal-feature .meal-color-dot{display: none !important;} .meal-day-list .meal-v4{grid-template-columns: 24px 1fr 28px 44px !important;} .meal-day-list .meal-v4 .bp3-food-thumb{grid-area: 1 / 4;} .clickable-week-meal{grid-template-columns: 44px 1fr auto !important;} .clickable-week-meal > .bp3-food-thumb{grid-area: 1 / 1 / span 3;} .clickable-week-meal > span:not(.bp3-food-thumb), .clickable-week-meal > strong, .clickable-week-meal > small{grid-column: 2;} .clickable-week-meal > b{grid-area: 1 / 3 / span 2;} .v6-completed-actions{display: grid; grid-template-columns: 1.35fr 0.9fr; gap: 9px;} .v6-secondary-action{border: 1px solid var(--bp-line); border-radius: 13px; background: var(--bp-card2); color: var(--bp-ink); font-weight: 800; padding: 13px 12px; display: flex; align-items: center; justify-content: center; gap: 7px;} .v6-restart-action{box-shadow: rgba(106, 76, 255, 0.16) 0px 8px 20px !important;} .completed-session-actions{gap: 8px; flex-wrap: wrap; justify-content: flex-end;} .completed-session-actions .action-primary, .completed-session-actions .secondary{min-height: 44px;} @media (max-width: 390px) {.v6-completed-actions{grid-template-columns: 1fr;} .v6-secondary-action{min-height: 44px;}} #app{max-width: 820px !important; padding-left: 16px !important; padding-right: 16px !important;} @media (max-width: 430px) {#app{padding-left: 14px !important; padding-right: 14px !important;}} .bp5-home .v6-greeting p{font-size: 15px !important;} .bp5-home .v6-primary-card{padding: 20px !important;} .bp5-home .v6-primary-row h2{font-size: 31px !important; line-height: 1.02 !important;} .bp5-home .v6-metrics strong{font-size: 14px !important;} .bp5-home .v6-metrics small{font-size: 8.5px !important;} .bp5-next-meal{align-items: flex-start !important; padding: 16px !important;} .bp5-next-meal > div{flex: 1 1 0%;} .bp5-next-meal .bp5-today-food-photo{width: 68px !important; height: 68px !important; flex-basis: 68px !important;} .bp5-meal-check{margin-top: 10px; border: 1px solid color-mix(in srgb,var(--bp-purple) 34%,var(--bp-line)); background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card)); color: var(--bp-purple); border-radius: 999px; padding: 8px 11px; font: 700 12px / 1 Manrope; display: inline-flex; align-items: center; gap: 6px;} .bp5-meal-check.done{background: color-mix(in srgb,var(--bp-mint) 13%,var(--bp-card)); border-color: color-mix(in srgb,var(--bp-mint) 45%,var(--bp-line)); color: rgb(19, 128, 108);} .v6-coach-compose textarea, .coach-compose-r6 textarea, .coach-msg-r6, .coach-inline-msg-r10, .v6-coach-modal, .v6-coach-modal textarea{font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;} .v6-coach-compose textarea, .coach-compose-r6 textarea{font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; letter-spacing: -0.01em !important;} .coach-msg-r6{font-size: 15px !important; line-height: 1.5 !important;} .v6-coach-modal h2{font-family: Sora, Manrope, sans-serif !important;} .bp5-progress-tabs button{cursor: pointer;} .bp5-progress-hero{border: 1px solid var(--bp-line); background: linear-gradient(145deg,color-mix(in srgb,var(--bp-purple) 10%,var(--bp-card)),var(--bp-card)); border-radius: 20px; padding: 18px; margin-bottom: 12px;} .bp5-progress-hero small{display: block; color: var(--bp-purple); font-size: 10px; font-weight: 800; letter-spacing: 0.12em;} .bp5-progress-hero strong{display: block; font: 800 34px / 1 Sora; margin: 8px 0px 4px;} .bp5-progress-hero span{font-size: 13px; color: var(--bp-muted);} .bp5-progress-list{margin-top: 12px;} .bp5-progress-row{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0px; border-bottom: 1px solid var(--bp-line);} .bp5-progress-row:last-child{border-bottom: 0px;} .bp5-progress-row div{min-width: 0px;} .bp5-progress-row strong{display: block; font: 700 14px / 1.3 Sora;} .bp5-progress-row small{display: block; color: var(--bp-muted); font-size: 11px; margin-top: 3px;} .bp5-progress-row > b{font: 700 13px Sora; white-space: nowrap;} .bp5-empty{padding: 18px 0px; color: var(--bp-muted); font-size: 13px;} .bp5-body-action{margin-top: 12px !important;} .bp5-food-page{animation: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp3ScreenIn;} .bp5-food-title{display:block;padding:16px 0 12px;} .bp5-food-title > div{min-width: 0px;} .bp5-food-title small{font-size: 10px; letter-spacing: 0.15em; color: var(--bp-purple); font-weight: 800;} .bp5-food-title h1{font: 800 28px / 1.08 Sora; margin: 6px 0px;} .bp5-food-title p{margin: 0px; color: var(--bp-muted); font-size: 14px;} .bp5-food-hero-photo{display:block;width:calc(100% + 2 * var(--swack-text-gutter));height:clamp(180px,52vw,280px);flex:none;margin:18px calc(-1 * var(--swack-text-gutter)) 0;border-radius:var(--swack-media-radius);overflow:hidden;border:0;box-shadow:none;} .bp5-food-hero-photo img{width: 100%; height: 100%; object-fit: cover; display: block;} .bp5-food-tabs{grid-template-columns: repeat(3, 1fr) !important;} .bp5-week-switch{margin-top: 12px !important;} .bp5-day-tabs{display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin: 14px 0px 18px;} .bp5-day-tabs button{border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-muted); border-radius: 14px; min-height: 52px; padding: 6px 2px; display: grid; place-items: center;} .bp5-day-tabs button span{font-size: 9px; font-weight: 800;} .bp5-day-tabs button b{font-size: 13px;} .bp5-day-tabs button.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 9%,var(--bp-card)); color: var(--bp-purple);} .bp5-food-day-head{display: flex; justify-content: space-between; align-items: end; gap: 12px; margin: 6px 2px 10px;} .bp5-food-day-head small{display: block; color: var(--bp-muted); font-size: 9px; letter-spacing: 0.1em; font-weight: 800;} .bp5-food-day-head h2{font: 800 22px Sora; margin: 4px 0px 0px;} .bp5-food-day-head > button, .bp5-refresh-week{min-height:44px;min-width:44px;border: 0px; background: transparent; color: var(--bp-purple); font-weight: 800; font-size: 12px; padding: 8px;} .bp5-meal-list{display:grid;gap:0;} .bp5-meal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--bp-line);background:transparent;border-radius:0;padding:18px 0;box-shadow:none;} .bp5-meal-row.done{opacity: 0.72; background: color-mix(in srgb,var(--bp-mint) 5%,var(--bp-card));} .bp5-meal-main{border: 0px; background: none; color: var(--bp-ink); text-align: left; min-width: 0px; padding: 0px;} .bp5-meal-main > span{display: block; color: var(--bp-muted); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase;} .bp5-meal-main > strong{display: block; font: 700 14px / 1.35 Sora; margin: 3px 0px;} .bp5-meal-main > small{display: block; color: var(--bp-muted); font-size: 11px;} .bp5-meal-actions{display: flex; align-items: center; gap: 6px;} .bp5-meal-actions button{width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;} .bp5-new-suggestion{border: 1px solid var(--bp-line); background: var(--bp-card2); color: var(--bp-purple); font-size: 18px;} .bp5-meal-state{border: 1px solid color-mix(in srgb,var(--bp-purple) 35%,var(--bp-line)); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); color: var(--bp-purple); font-size: 18px;} .bp5-meal-state.done{background: var(--bp-purple); color: rgb(255, 255, 255); border-color: var(--bp-purple);} .bp5-refresh-week{width: 100%; margin: 14px 0px; border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 15px; padding: 13px !important;} .bp5-food-busy{position: fixed; inset: 0px; z-index: 5000; background: rgba(13, 14, 24, 0.45); backdrop-filter: blur(8px); display: grid; place-items: center; padding: 24px;} .bp5-food-busy > strong{background: var(--bp-card); color: var(--bp-ink); border: 1px solid var(--bp-line); border-radius: 16px; padding: 16px 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 60px; font: 700 14px Sora;} .bp5-food-busy > span{display: none;} .bp5-food-page .bp3-food-thumb, .bp5-food-page .bp3-next-photo, .bp5-food-page .bp3-recipe-photo{display: none !important;} .bp5-rest-overlay{overflow: auto; padding: 24px 14px;} .bp5-rest-card{max-width: 460px !important; gap: 16px !important;} .bp5-rest-log{width: 100%; background: rgb(23, 26, 40); border: 1px solid rgb(44, 48, 69); border-radius: 18px; padding: 14px; color: rgb(255, 255, 255);} .bp5-rest-log > small{display: block; color: rgb(169, 164, 179); font-size: 9px; font-weight: 800; letter-spacing: 0.1em; margin-bottom: 10px;} .bp5-rest-log > div:first-of-type{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .bp5-rest-log label{display: grid; gap: 5px; color: rgb(169, 164, 179); font-size: 10px; font-weight: 700;} .bp5-rest-log input{width: 100%; border: 1px solid rgb(52, 57, 79); background: rgb(16, 19, 31); color: rgb(255, 255, 255); border-radius: 12px; padding: 12px; font: 700 18px Manrope;} .bp5-rest-log label strong{color: rgb(255, 255, 255); font: 700 15px Manrope; padding: 10px 0px;} .bp5-rest-rir{align-items: center; margin-top: 12px; display: flex !important; gap: 6px !important;} .bp5-rest-rir span{margin-right: auto; color: rgb(169, 164, 179); font-size: 10px; font-weight: 800;} .bp5-rest-rir button{width: 34px; height: 34px; border-radius: 10px; border: 1px solid rgb(52, 57, 79); background: rgb(16, 19, 31); color: rgb(255, 255, 255);} .bp5-rest-rir button.active{background: rgb(106, 76, 255); border-color: rgb(106, 76, 255);} .bp5-rest-overlay .v6-rest-actions{width: 100%;} .bp5-auth-page{min-height: calc(100dvh - env(safe-area-inset-top)); max-width: 520px; margin: 0px auto; padding: 26px 20px 32px; display: flex; flex-direction: column; color: var(--bp-ink);} .bp5-auth-page header{padding: 12px 0px 34px;} .bp5-auth-logo{display: flex; align-items: center; gap: 11px;} .bp5-auth-logo img{width: 34px; height: 34px;} .bp5-auth-logo strong{font: 800 25px Sora; letter-spacing: -0.04em;} .bp5-auth-content{flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; max-width: 460px; width: 100%; margin: auto;} .bp5-auth-kicker{color: var(--bp-purple); font-size: 10px; font-weight: 800; letter-spacing: 0.15em;} .bp5-auth-content h1{font: 800 35px / 1.05 Sora; letter-spacing: -0.045em; margin: 9px 0px 12px;} .bp5-auth-content > p{font-size: 16px; line-height: 1.5; color: var(--bp-muted); margin: 0px 0px 24px;} .bp5-auth-back{align-self: flex-start; border: 0px; background: none; color: var(--bp-muted); padding: 0px 0px 22px; font: 700 14px Manrope;} .bp5-auth-field{display: grid; gap: 7px; margin: 0px 0px 13px;} .bp5-auth-field span{font-size: 12px; font-weight: 700; color: var(--bp-muted);} .bp5-auth-field input{height: 54px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 16px; padding: 0px 16px; font: 600 16px Manrope; outline: 0px; box-shadow: rgba(30, 22, 52, 0.035) 0px 5px 18px;} .bp5-auth-field input:focus{border-color: var(--bp-purple); box-shadow: 0 0 0 4px color-mix(in srgb,var(--bp-purple) 11%,transparent);} .bp5-auth-primary{height: 56px; border: 0px; border-radius: 17px; background: linear-gradient(100deg, rgb(94, 63, 255), rgb(140, 92, 255)); color: rgb(255, 255, 255); font: 800 16px Sora; padding: 0px 18px; margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 12px; box-shadow: rgba(106, 76, 255, 0.22) 0px 12px 26px;} .bp5-auth-primary span{font-size: 24px; line-height: 1;} .bp5-auth-secondary{height: 52px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 17px; font: 700 15px Sora; margin-top: 10px;} .bp5-auth-switch{text-align: center; color: var(--bp-muted); font-size: 13px; margin-top: 18px;} .bp5-auth-switch button, .bp5-forgot{border: 0px; background: none; color: var(--bp-ink); font-weight: 800;} .bp5-forgot{align-self: flex-end; padding: 2px 0px 9px; font-size: 13px;} .bp5-auth-message{min-height: 20px; color: rgb(216, 77, 98); font-size: 12px; margin-top: 10px;} .bp5-auth-notice{border: 1px solid var(--bp-line); background: var(--bp-card2); border-radius: 13px; padding: 11px; margin-bottom: 14px; color: var(--bp-muted); font-size: 12px;} .bp5-auth-page footer{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 28px;} .bp5-auth-page footer small{color: var(--bp-muted); font-size: 10px; max-width: 245px; text-align: right;} .bp5-auth-languages{display: flex; gap: 6px;} .bp5-auth-languages button{width: 42px; height: 38px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-muted); border-radius: 12px; font-weight: 800;} .bp5-auth-languages button.active{color: var(--bp-purple); border-color: color-mix(in srgb,var(--bp-purple) 36%,var(--bp-line)); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card));} .bp5-auth-success{width: 54px; height: 54px; border-radius: 17px; display: grid; place-items: center; background: color-mix(in srgb,var(--bp-mint) 15%,var(--bp-card)); color: rgb(22, 136, 115); font-size: 25px; font-weight: 900; margin-bottom: 18px;} html[data-theme="dark"] .bp5-auth-field input, html[data-theme="dark"] .bp5-auth-secondary, html[data-theme="dark"] .bp5-auth-languages button{background: var(--bp-card); border-color: var(--bp-line);} @media (max-width: 390px) {.bp5-home .v6-primary-row h2{font-size: 27px !important;} .bp5-food-title h1{font-size: 25px;} .bp5-meal-main > strong{font-size: 13px;} .bp5-meal-actions button{width: 35px; height: 35px;} .bp5-auth-content h1{font-size: 31px;} .bp5-auth-page{padding-left: 17px; padding-right: 17px;}} @media (prefers-reduced-motion: reduce) {.bp5-food-page, .bp5-auth-page, .bp5-progress-page{animation: auto ease 0s 1 normal none running none !important;}} .onboarding-shell{max-width: 620px !important; margin: 0px auto !important; padding: 20px 16px 110px !important;} .onboarding-premium-card{background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 12px 0px !important;} .onboarding-progress{padding: 8px 0px 20px !important;} .onboard-head h1, .onboarding-brand h1{font-family: Sora, Manrope, sans-serif !important; letter-spacing: -0.04em !important;} .onboard-head h1{font-size: 30px !important;} .onboard-head p{font-size: 15px !important; line-height: 1.5 !important;} .onboarding-premium-card input, .onboarding-premium-card select, .onboarding-premium-card textarea{font-family: Manrope, system-ui, sans-serif !important; font-size: 16px !important;} .onboarding-premium-card .choice, .onboarding-premium-card .focus-card, .onboarding-premium-card .goal-card, .onboarding-premium-card .body-metric-card, .onboarding-premium-card .target-weight-card, .onboarding-premium-card .block-premium, .onboarding-premium-card .equipment-onboard, .onboarding-premium-card .ai-onboard-demo{border-radius: 18px !important; border-color: var(--bp-line) !important; background: var(--bp-card) !important; box-shadow: var(--bp-shadow) !important;} .onboard-actions .action-primary{background: linear-gradient(100deg, rgb(94, 63, 255), rgb(140, 92, 255)) !important; border: 0px !important; border-radius: 16px !important;} .bp5-recipe-hero{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:var(--swack-media-radius);margin:0 0 var(--swack-section-gap);} .swack-page:has(.bp5-recipe-hero) .bp5-recipe-hero{width:calc(100% + 36px);max-width:none;margin-inline:-18px;} .bp5-external-recipe .recipe-meta{flex-wrap: wrap;} .bp5-external-recipe .recipe-meta span{font-size: 11px;} body.bp5-auth-mode .topbar{display: none !important;} body.bp5-auth-mode #app{padding: 0px !important; max-width: none !important;} body.bp5-auth-mode{background: var(--bp-bg) !important;} body.bp6-onboarding{overscroll-behavior: none; overflow: hidden !important; background: var(--bp-bg) !important;} body.bp6-onboarding .topbar{height: 76px !important;} body.bp6-onboarding #app{padding: 0px 18px !important; max-width: none !important; min-height: calc(100dvh - 76px) !important;} .bp6-onboard-shell{width: min(100%, 620px); height: calc(100dvh - 76px); margin: 0px auto; display: grid; grid-template-rows: auto minmax(0px, 1fr) auto; gap: 0px; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); position: relative;} .bp6-onboard-progress{display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; padding: 4px 2px 16px; color: var(--bp-muted); font: 800 11px / 1 Manrope;} .bp6-onboard-progress > div{height: 5px; border-radius: 99px; background: var(--bp-line); overflow: hidden;} .bp6-onboard-progress i{height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, rgb(98, 65, 255), rgb(142, 93, 255)); transition: width 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);} .bp6-onboard-stage{min-height: 0px; display: flex; flex-direction: column; justify-content: center; padding: 6px 2px 10px; animation: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp6StepForward;} .bp6-onboard-shell.backward .bp6-onboard-stage{animation-name: bp6StepBack;} @keyframes bp6StepForward { 0% { opacity: 0; transform: translateX(24px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes bp6StepBack { 0% { opacity: 0; transform: translateX(-24px); } 100% { opacity: 1; transform: translateX(0px); } } .bp6-question{margin-bottom: 22px;} .bp6-kicker{font: 800 11px / 1 Manrope; letter-spacing: 0.15em; color: var(--bp-purple); margin-bottom: 9px;} .bp6-question h1, .bp6-ready h1{font: 800 clamp(30px, 8vw, 43px) / 1.02 Sora, Manrope, sans-serif; letter-spacing: -0.055em; margin: 0px; color: var(--bp-ink);} .bp6-question p, .bp6-ready > p{font: 500 16px / 1.5 Manrope; color: var(--bp-muted); margin: 12px 0px 0px; max-width: 520px;} .bp6-big-input{width: 100%; height: 74px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 2px solid var(--bp-line); background: transparent; color: var(--bp-ink); font: 700 30px / 1 Manrope; outline: 0px; border-radius: 0px; padding: 8px 4px;} .bp6-big-input:focus{border-color: var(--bp-purple);} .bp6-number-wrap{display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px; max-width: 370px; margin: 12px auto; width: 100%;} .bp6-number-wrap .bp6-big-input{text-align: center; font-size: 50px;} .bp6-number-wrap > span{font: 700 18px Manrope; color: var(--bp-muted); padding-bottom: 20px;} .bp6-choice-list{display: grid; gap: 9px;} .bp6-choice{width: 100%; min-height: 66px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 18px; padding: 12px 14px; display: grid; grid-template-columns: auto 1fr 28px; gap: 12px; align-items: center; text-align: left; box-shadow: rgba(31, 24, 49, 0.043) 0px 8px 26px; transition: transform 0.16s, border-color 0.18s, background 0.18s, box-shadow 0.18s;} .bp6-choice:active{transform: scale(0.985);} .bp6-choice > span:not(.bp6-choice-icon){display: grid; gap: 3px;} .bp6-choice strong{font: 750 16px / 1.2 Sora;} .bp6-choice small{font: 500 12px / 1.35 Manrope; color: var(--bp-muted);} .bp6-choice > b{color: var(--bp-purple); font-size: 18px;} .bp6-choice-icon{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); color: var(--bp-purple); font-size: 18px;} .bp6-choice.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); box-shadow: rgba(106, 76, 255, 0.12) 0px 10px 28px;} .bp6-focus-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .bp6-focus-grid .bp6-choice{grid-template-columns: 1fr; min-height: 170px; align-content: start;} .bp6-focus-grid .bp6-choice > b{position: absolute;} .bp6-focus-grid .bp6-choice-icon{width: 48px; height: 48px;} .bp6-focus-grid .bp6-choice strong{font-size: 19px;} .bp6-helper, .bp6-safety-note{margin-top: 14px; border-radius: 15px; padding: 12px 14px; background: var(--bp-card2); color: var(--bp-muted); font: 500 13px / 1.45 Manrope; border: 1px solid var(--bp-line);} .bp6-choice-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 9px;} .bp6-tile{min-height: 72px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 17px; padding: 12px; display: flex; justify-content: space-between; align-items: center; text-align: left;} .bp6-tile strong{font: 700 15px Sora;} .bp6-tile b{color: var(--bp-purple);} .bp6-tile.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card));} .bp6-target-toggle{width: 100%; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 16px; padding: 14px; font: 700 14px Manrope; text-align: left;} .bp6-target-toggle.active{border-color: var(--bp-purple); color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card));} .bp6-target-card{margin-top: 12px; border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 20px; padding: 18px;} .bp6-target-card > div:first-child small{display: block; font: 800 10px Manrope; letter-spacing: 0.12em; color: var(--bp-muted);} .bp6-target-card > div:first-child strong{display: block; font: 800 35px Sora; margin-top: 5px;} .bp6-target-card input{width: 100%; accent-color: var(--bp-purple); margin: 20px 0px 10px;} .bp6-range-labels{display: flex; justify-content: space-between; color: var(--bp-muted); font-size: 10px;} .bp6-points-left{align-self: flex-start; margin: -5px 0px 12px; border-radius: 999px; background: var(--bp-card2); border: 1px solid var(--bp-line); padding: 7px 10px; color: var(--bp-purple); font: 750 12px Manrope;} .bp6-points-left.done{color: rgb(22, 136, 115); background: color-mix(in srgb,var(--bp-mint) 10%,var(--bp-card));} .bp6-priority-list{display: grid; gap: 9px;} .bp6-priority{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 18px; padding: 14px; display: flex; justify-content: space-between; align-items: center;} .bp6-priority > div:first-child{display: grid; gap: 3px;} .bp6-priority strong{font: 750 17px Sora;} .bp6-priority small{color: var(--bp-muted); font-size: 11px;} .bp6-priority > div:last-child{display: grid; grid-template-columns: 40px 38px 40px; align-items: center;} .bp6-priority button{height: 40px; border: 1px solid var(--bp-line); background: var(--bp-card2); color: var(--bp-purple); border-radius: 12px; font-size: 22px;} .bp6-priority b{text-align: center; font: 800 20px Sora;} .bp6-plan-length{display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px;} .bp6-plan-length button{min-height: 76px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 17px; display: grid; place-items: center; align-content: center; gap: 2px;} .bp6-plan-length button:last-child{grid-column: 1 / -1; min-height: 62px;} .bp6-plan-length strong{font: 800 20px Sora;} .bp6-plan-length small{font: 600 11px Manrope; color: var(--bp-muted);} .bp6-plan-length button.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); color: var(--bp-purple);} .bp6-day-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px;} .bp6-day-grid button{height: 82px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 17px; display: grid; place-items: center; align-content: center;} .bp6-day-grid strong{font: 800 24px Sora;} .bp6-day-grid small{font-size: 9px; color: var(--bp-muted);} .bp6-day-grid button.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); color: var(--bp-purple);} .bp6-place-list{display: grid; gap: 8px;} .bp6-place-card{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 18px; overflow: hidden;} .bp6-place-card.active{border-color: color-mix(in srgb,var(--bp-purple) 70%,var(--bp-line)); background: color-mix(in srgb,var(--bp-purple) 6%,var(--bp-card));} .bp6-place-main{width: 100%; border: 0px; background: transparent; color: var(--bp-ink); display: grid; grid-template-columns: 42px 1fr 26px; gap: 11px; align-items: center; text-align: left; padding: 12px 14px;} .bp6-place-main > span{width: 40px; height: 40px; border-radius: 12px; background: var(--bp-card2); display: grid; place-items: center; color: var(--bp-purple);} .bp6-place-main > div{display: grid; gap: 2px;} .bp6-place-main strong{font: 750 15px Sora;} .bp6-place-main small{font: 500 11px Manrope; color: var(--bp-muted);} .bp6-place-main > b{color: var(--bp-purple); font-size: 18px;} .bp6-configure{width: 100%; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--bp-line); background: transparent; color: var(--bp-purple); padding: 9px 14px; text-align: right; font: 750 11px Manrope;} .bp6-household{display: grid; gap: 10px;} .bp6-household > div{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 18px; padding: 16px; display: flex; align-items: center; justify-content: space-between;} .bp6-household > div > span{font: 750 17px Sora;} .bp6-household > div > div{display: grid; grid-template-columns: 42px 45px 42px; align-items: center;} .bp6-household button{height: 42px; border: 1px solid var(--bp-line); background: var(--bp-card2); color: var(--bp-purple); border-radius: 12px; font-size: 22px;} .bp6-household strong{text-align: center; font: 800 21px Sora;} .bp6-example{display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 18px; padding: 13px; margin-bottom: 14px;} .bp6-example > span{width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb,var(--bp-purple) 10%,var(--bp-card)); color: var(--bp-purple);} .bp6-example p{margin: 0px; color: var(--bp-muted); font: 500 13px / 1.4 Manrope;} .bp6-textarea{display: grid; gap: 7px;} .bp6-textarea > span{font: 700 12px Manrope; color: var(--bp-muted);} .bp6-textarea textarea{resize: none; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 17px; padding: 14px; font: 500 17px / 1.45 Manrope; min-height: 108px; outline: 0px;} .bp6-textarea textarea:focus{border-color: var(--bp-purple); box-shadow: 0 0 0 4px color-mix(in srgb,var(--bp-purple) 10%,transparent);} .bp6-ready{text-align: center;} .bp6-ready-mark{width: 84px; height: 84px; border-radius: 26px; margin: 0px auto 20px; background: color-mix(in srgb,var(--bp-purple) 9%,var(--bp-card)); display: grid; place-items: center; box-shadow: rgba(106, 76, 255, 0.14) 0px 18px 50px; animation: 1.8s ease-in-out 0s infinite normal none running bp6ReadyPulse;} .bp6-ready-mark img{width: 56px; height: 56px;} .bp6-ready .bp6-kicker{margin-bottom: 8px;} .bp6-ready-grid{margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: left;} .bp6-ready-grid > div{border: 1px solid var(--bp-line); background: var(--bp-card); border-radius: 16px; padding: 12px;} .bp6-ready-grid small{display: block; font: 800 9px Manrope; letter-spacing: 0.1em; color: var(--bp-muted);} .bp6-ready-grid strong{display: block; font: 700 13px / 1.35 Sora; margin-top: 4px;} @keyframes bp6ReadyPulse { 50% { transform: translateY(-4px); box-shadow: rgba(106, 76, 255, 0.22) 0px 24px 60px; } } .bp6-onboard-actions{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 0px 2px;} .bp6-back, .bp6-next{height: 54px; border-radius: 16px; font: 800 14px Sora;} .bp6-back{min-width: 116px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); padding: 0px 15px;} .bp6-next{margin-left: auto; min-width: 150px; border: 0px; background: linear-gradient(100deg, rgb(94, 63, 255), rgb(140, 92, 255)); color: rgb(255, 255, 255); padding: 0px 20px; box-shadow: rgba(106, 76, 255, 0.2) 0px 12px 28px;} .bp6-next b{font-size: 18px; margin-left: 8px;} .bp6-inline-error{margin-top: 10px; border-radius: 13px; padding: 10px 12px; background: rgb(255, 240, 243); color: rgb(183, 52, 80); font: 650 12px / 1.4 Manrope;} body.bp6-auth-welcome-mode{overflow: hidden;} .bp6-auth-welcome{min-height: 100dvh; max-width: 520px; margin: 0px auto; padding: calc(28px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom)); display: grid; grid-template-rows: 1fr auto; position: relative; overflow: hidden; background: var(--bp-bg);} .bp6-auth-ambient{position: absolute; inset: 0px; pointer-events: none; overflow: hidden;} .bp6-auth-ambient i{position: absolute; border-radius: 50%; filter: blur(1px); background: radial-gradient(circle,color-mix(in srgb,var(--bp-purple) 17%,transparent),transparent 68%); animation: 7s ease-in-out 0s infinite normal none running bp6Ambient;} .bp6-auth-ambient i:nth-child(1){width: 330px; height: 330px; left: -150px; top: 18%;} .bp6-auth-ambient i:nth-child(2){width: 280px; height: 280px; right: -120px; top: 34%; animation-delay: -2s;} .bp6-auth-ambient i:nth-child(3){width: 210px; height: 210px; left: 25%; top: 9%; animation-delay: -4s;} @keyframes bp6Ambient { 50% { transform: translate3d(16px, -18px, 0px) scale(1.08); } } .bp6-auth-center{display: grid; place-items: center; z-index: 1;} .bp6-auth-mark{display: flex; align-items: center; gap: 15px; animation: 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp6AuthMark;} .bp6-auth-mark img{width: 62px; height: 62px;} .bp6-auth-mark strong{font: 800 47px / 1 Sora; letter-spacing: -0.06em; color: var(--bp-ink);} @keyframes bp6AuthMark { 0% { opacity: 0; transform: scale(0.92) translateY(12px); } 100% { opacity: 1; transform: none; } } .bp6-auth-actions{z-index: 1; display: grid; gap: 10px;} .bp6-auth-primary, .bp6-auth-secondary{height: 58px; border-radius: 18px; font: 800 16px Sora;} .bp6-auth-primary{border: 0px; background: linear-gradient(100deg, rgb(94, 63, 255), rgb(140, 92, 255)); color: rgb(255, 255, 255); box-shadow: rgba(106, 76, 255, 0.22) 0px 14px 34px;} .bp6-auth-primary span{font-size: 22px; margin-left: 9px;} .bp6-auth-secondary{border: 1px solid var(--bp-line); background: color-mix(in srgb,var(--bp-card) 88%,transparent); color: var(--bp-ink); backdrop-filter: blur(16px);} .bp6-auth-lang{display: flex; justify-content: center; gap: 7px; margin-top: 9px;} .bp6-auth-lang button{border: 0px; background: transparent; color: var(--bp-muted); font: 800 11px Manrope; padding: 8px;} .bp6-auth-lang button.active{color: var(--bp-purple);} body.bp6-page-moving #app > main, body.bp6-page-moving #app > section{animation: 0.24s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bp6PageForward;} body.bp6-page-moving[data-bp6-nav-dir="backward"] #app > main, body.bp6-page-moving[data-bp6-nav-dir="backward"] #app > section{animation-name: bp6PageBack;} @keyframes bp6PageForward { 0% { opacity: 0.35; transform: translateX(18px) scale(0.992); } 100% { opacity: 1; transform: none; } } @keyframes bp6PageBack { 0% { opacity: 0.35; transform: translateX(-18px) scale(0.992); } 100% { opacity: 1; transform: none; } } .coach-modal-r14.bp6-coach-keyboard-safe{max-height: calc(100dvh - 8px) !important; height: min(760px, 100dvh - 8px) !important; padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;} .coach-modal-r14.bp6-coach-keyboard-safe .coach-head-r6{flex: 0 0 auto !important;} .coach-modal-r14.bp6-coach-keyboard-safe .coach-messages-r6{min-height: 90px !important; max-height: none !important; flex: 1 1 auto !important; overflow: auto !important;} .coach-modal-r14.bp6-coach-keyboard-safe .coach-compose-r6{z-index: 4; position: sticky !important; bottom: 0px !important; background: var(--bp-card) !important; padding: 8px 0px 4px !important;} .coach-modal-r14.bp6-coach-keyboard-safe .coach-compose-r6 textarea, .coach-compose-r6 textarea, .v6-coach-compose textarea{font-size: 17px !important; line-height: 1.45 !important;} .coach-modal-r14.bp6-coach-keyboard-safe .coach-foot-r6{font-size: 9px !important;} @media (max-height: 650px) { .coach-modal-r14.bp6-coach-keyboard-safe .coach-starters-r6, .coach-modal-r14.bp6-coach-keyboard-safe .coach-foot-r6{display: none !important;}} .bp6-workout-location{margin: 14px 0px;} .bp6-workout-location > label{display: block; font: 750 12px Manrope; color: var(--bp-muted); margin-bottom: 7px;} .bp6-workout-location > div{display: flex; gap: 7px; overflow-x: auto; padding-bottom: 3px;} .bp6-workout-location button{flex: 0 0 auto; min-width: 128px; border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-ink); border-radius: 14px; padding: 9px 11px; text-align: left;} .bp6-workout-location button strong{display: block; font: 700 11px Sora;} .bp6-workout-location button small{display: block; font: 500 9px Manrope; color: var(--bp-muted); margin-top: 2px;} .bp6-workout-location button.active{border-color: var(--bp-purple); background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card));} .bp6-simple-recipe .bp6-meal-summary{font: 650 16px / 1.45 Manrope; color: var(--bp-ink); margin: 8px 0px 14px;} .bp6-simple-recipe .detailed-recipe-steps li{font-size: 15px !important; line-height: 1.55 !important;} .bp6-simple-recipe > .muted{font-size: 13px !important;} .bp6-profile-priorities{display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 8px 0px 14px;} .bp6-profile-priorities > div{border: 1px solid var(--bp-line); background: var(--bp-card2); border-radius: 14px; padding: 10px; text-align: center;} .bp6-profile-priorities span{display: block; font-size: 9px; color: var(--bp-muted);} .bp6-profile-priorities strong{display: block; font: 800 20px Sora; margin-top: 3px;} @media (max-width: 390px) {.bp6-question{margin-bottom: 16px;} .bp6-question h1, .bp6-ready h1{font-size: 29px;} .bp6-question p{font-size: 14px;} .bp6-choice{min-height: 60px; padding: 10px 12px;} .bp6-choice strong{font-size: 14px;} .bp6-choice small{font-size: 11px;} .bp6-focus-grid .bp6-choice{min-height: 145px;} .bp6-big-input{height: 65px; font-size: 27px;} .bp6-number-wrap .bp6-big-input{font-size: 44px;} .bp6-onboard-actions{padding-top: 7px;} .bp6-back, .bp6-next{height: 50px;} .bp6-plan-length button{min-height: 66px;} .bp6-place-main{padding: 10px 12px;} .bp6-household > div{padding: 13px;}} @media (max-height: 720px) {.bp6-question{margin-bottom: 13px;} .bp6-question h1, .bp6-ready h1{font-size: 28px;} .bp6-question p{font-size: 13px; margin-top: 7px;} .bp6-choice-list{gap: 6px;} .bp6-choice{min-height: 54px; padding: 8px 11px;} .bp6-choice small{font-size: 10px;} .bp6-focus-grid .bp6-choice{min-height: 125px;} .bp6-helper, .bp6-safety-note{padding: 8px 10px; margin-top: 8px; font-size: 11px;} .bp6-target-card{padding: 13px;} .bp6-target-card input{margin: 12px 0px 7px;} .bp6-priority{padding: 10px;} .bp6-place-main{padding: 8px 11px;} .bp6-example{padding: 9px; margin-bottom: 8px;} .bp6-textarea textarea{min-height: 82px;} .bp6-ready-mark{width: 66px; height: 66px; margin-bottom: 12px;} .bp6-ready-mark img{width: 45px; height: 45px;} .bp6-ready-grid{margin-top: 14px;}} @media (prefers-reduced-motion: reduce) {.bp6-onboard-stage, .bp6-ready-mark, .bp6-auth-ambient i, .bp6-auth-mark, body.bp6-page-moving #app > main, body.bp6-page-moving #app > section{animation: auto ease 0s 1 normal none running none !important;} } body.bp6-onboarding .top-actions{visibility: hidden !important;} .bp6-focus-grid .bp6-choice{position: relative;} .bp6-focus-grid .bp6-choice > b{right: 14px; top: 14px;} .bp6-household-profile{margin: 10px 0px 7px;} .bp6-household-profile > div{padding: 12px 13px;} .bp6-household-profile > div > span{font-size: 14px;} .bp6-onboarding .bp6-onboard-progress{display: none !important;} .bp7-onboard-progress{padding: calc(env(safe-area-inset-top,0px) + 10px) 4px 14px; position: relative; z-index: 2;} .bp7-progress-dashes{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; width: 100%;} .bp7-progress-dashes > i{height: 5px; border-radius: 999px; background: color-mix(in srgb,var(--v6-stroke,#ddd) 82%,transparent); overflow: hidden; display: block;} .bp7-progress-dashes > i > b{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(104, 69, 255), rgb(141, 92, 255)); transition: width 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);} .bp7-safety-message{min-height: 0px; margin-top: 14px; padding: 0px 14px; border-radius: 16px; font-size: 15px; line-height: 1.4; color: var(--v6-text,#16131d); background: color-mix(in srgb, rgb(255, 184, 77) 13%, transparent 87%); opacity: 0; transform: translateY(-4px); max-height: 0px; overflow: hidden; transition: 0.2s;} .bp7-safety-message.show{opacity: 1; transform: none; max-height: 90px; padding: 12px 14px;} .bp7-profile-session{margin: 28px 0 calc(108px + env(safe-area-inset-bottom,0px)); padding: 22px 0px 0px; border-top: 1px solid var(--v6-stroke,#e6e2eb); display: flex; flex-direction: column; align-items: flex-start; gap: 8px;} .bp7-profile-session .bp7-logout{appearance: none; border: 0px; background: transparent; padding: 7px 0px; font: 700 17px/1.2 var(--font-body,Manrope,sans-serif); color: var(--v6-text,#17131d); cursor: pointer;} .bp7-profile-session small{font-size: 13px; color: var(--v6-muted,#85808c);} .bp7-account-actions{margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--v6-stroke,#e6e2eb);} .bp7-settings-modal #apiStatus{display: none !important;} .bp5-meal-row strong{hyphens: auto;} @media (max-width: 390px) {.bp7-progress-dashes{gap: 7px;} .bp7-progress-dashes > i{height: 4px;}} @media (prefers-reduced-motion: reduce) {.bp7-progress-dashes > i > b, .bp7-safety-message{transition: none !important;}} .v6-home, .v6-plan, .v6-progress-page, .v6-profile-page, .bp5-food-page, .athletic-hero.food-major, .next-meal-feature, .week-menu-grid, .shopping-grid, .recipe-tools, #recipeResults{animation: auto ease 0s 1 normal none running none !important;} body.bp3-route-transition #app{animation: auto ease 0s 1 normal none running none !important;} .v6-home, .v6-plan, .v6-progress-page, .v6-profile-page, .bp5-food-page{will-change: auto; transition: none !important;} body.bp8-page-moving #app > main, body.bp8-page-moving #app > section{animation: 0.2s cubic-bezier(0.22, 0.82, 0.2, 1) 0s 1 normal both running bp8PageForward !important;} body.bp8-page-moving[data-bp8-nav-dir="backward"] #app > main, body.bp8-page-moving[data-bp8-nav-dir="backward"] #app > section{animation-name: bp8PageBack !important;} @keyframes bp8PageForward { 0% { opacity: 0.55; transform: translate3d(10px, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } @keyframes bp8PageBack { 0% { opacity: 0.55; transform: translate3d(-10px, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } .v6-primary-card .v6-metrics{display: flex !important; flex-wrap: wrap; gap: 12px !important;} .v6-primary-card .v6-metrics > div{flex: 1 1 max-content; min-width: calc((100% - 24px)/3); max-width: 100%;} .v6-primary-card .v6-metrics strong{overflow: visible !important; text-overflow: clip !important; white-space: normal; overflow-wrap: anywhere;} .v6-primary-card .v6-metrics small{overflow-wrap: anywhere;} @media (prefers-reduced-motion: reduce) {body.bp8-page-moving #app > main, body.bp8-page-moving #app > section{animation: auto ease 0s 1 normal none running none !important;}} .modal-backdrop{width: 100vw !important; max-width: none !important; padding: 12px !important; overflow: hidden !important;} .modal{background: var(--bp-card) !important; color: var(--bp-ink) !important; border: 1px solid color-mix(in srgb,var(--bp-line) 82%,transparent) !important; box-shadow: rgba(20, 15, 35, 0.24) 0px 32px 88px !important;} .close{background: var(--bp-card2) !important; color: var(--bp-ink) !important; border: 1px solid var(--bp-line) !important;} .modal-handle{background: color-mix(in srgb,var(--bp-muted) 32%,transparent) !important;} .preflight-modal.bp9-preflight, .preflight-modal{width: min(760px, -24px + 100vw) !important; max-width: calc(-24px + 100vw) !important; min-width: min(340px, -24px + 100vw) !important; margin: 0px auto !important; transform: none !important; translate: none !important; left: auto !important; right: auto !important; box-sizing: border-box !important;} .bp6-workout-location > div{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; overflow: visible !important;} .bp6-workout-location button{min-width: 0px !important; width: 100% !important;} .bp6-workout-location button:last-child:nth-child(2n+1){grid-column: 1 / -1;} @media (max-width: 390px) {.preflight-modal.bp9-preflight, .preflight-modal{width: calc(-16px + 100vw) !important; max-width: calc(-16px + 100vw) !important; min-width: 0px !important;} .modal-backdrop{padding: 8px !important;} .bp6-workout-location > div{grid-template-columns: 1fr !important;} .bp6-workout-location button:last-child{grid-column: auto;}} .bp9-anatomy{width: 170px; height: 126px; display: block; margin: auto; overflow: visible; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 8px 18px);} .bp9-anatomy .skin{fill: rgb(87, 94, 112); stroke: rgb(146, 153, 169); stroke-width: 1.1; opacity: 0.72;} .bp9-anatomy .muscle{fill: rgba(93, 101, 121, 0.24); stroke: rgba(189, 195, 211, 0.18); stroke-width: 0.7;} .bp9-anatomy .muscle.bp9-hot{fill: rgb(118, 86, 255); stroke: rgb(184, 149, 255); opacity: 1; filter: drop-shadow(rgba(125, 92, 255, 0.62) 0px 0px 5px);} .v6-active-media > button{height: 210px !important; background: radial-gradient(circle at 50% 44%, rgba(105, 76, 255, 0.17), transparent 47%), linear-gradient(145deg, rgb(32, 36, 56), rgb(17, 20, 32)) !important;} .v6-inline-video{opacity: 1 !important;} .v6-inline-video .bp9-anatomy{width: 190px; height: 145px;} .v6-muscle-panel{display: block !important; margin-top: 8px !important;} .bp9-muscle-copy{padding: 12px 3px 2px;} .bp9-muscle-copy small{display: block; color: rgb(169, 140, 255); letter-spacing: 0.12em; font-weight: 800; margin-bottom: 5px; font-size: 10px !important;} .bp9-muscle-copy strong{line-height: 1.45; font-size: 14px !important; color: rgb(255, 255, 255) !important;} .active-exercise-top.bp9-no-thumb{grid-template-columns: 1fr auto !important; display: grid !important;} .active-exercise-top.bp9-no-thumb .active-exercise-info{min-width: 0px;} .active-exercise .active-thumb{display: none !important;} .set-log-row.done.bp9-editable-done{opacity: 1 !important; background: color-mix(in srgb,var(--bp-purple) 6%,#171A28) !important;} .set-log-row.done.bp9-editable-done input{opacity: 1 !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; cursor: text !important;} .set-log-row.done.bp9-editable-done input:focus{border-color: rgb(141, 107, 255) !important; box-shadow: rgba(109, 76, 255, 0.15) 0px 0px 0px 3px !important;} .set-log-row.done.bp9-editable-done .set-complete{background: rgba(111, 76, 255, 0.22) !important; color: rgb(189, 169, 255) !important;} .bp9-rest-card{width: min(560px, -26px + 100vw) !important; max-height: 90vh !important; overflow: auto !important; padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;} .bp9-rest-history{width: 100%; margin: 18px 0px 4px; background: rgb(21, 24, 39); border: 1px solid rgb(46, 51, 75); border-radius: 18px; padding: 10px;} .bp9-rest-history-head{display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 3px 5px 9px;} .bp9-rest-history-head small{font-size: 9px; color: rgb(169, 140, 255); letter-spacing: 0.12em; font-weight: 800;} .bp9-rest-history-head span{font-size: 11px; color: rgb(166, 162, 175); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bp9-rest-set{display: grid; grid-template-columns: 54px minmax(80px, 1fr) minmax(80px, 1fr) 28px; gap: 8px; align-items: end; padding: 9px 5px; border-top: 1px solid rgb(42, 47, 69);} .bp9-rest-set.latest{background: linear-gradient(90deg, rgba(109, 76, 255, 0.1), transparent); border-radius: 10px;} .bp9-rest-set > b{align-self: center; color: rgb(237, 234, 247); font-size: 12px;} .bp9-rest-set label small{display: block; color: rgb(141, 136, 152); font-size: 8px; margin-bottom: 4px;} .bp9-rest-set input{min-height: 40px !important; padding: 8px !important; background: rgb(15, 18, 32) !important; border: 1px solid rgb(52, 58, 85) !important; color: rgb(255, 255, 255) !important; border-radius: 11px !important;} .bp9-set-check{align-self: center; color: rgb(169, 140, 255); font-weight: 900;} @media (max-width: 390px) {.bp9-rest-set{grid-template-columns: 46px 1fr 1fr 24px; gap: 5px;} .bp9-rest-history{padding: 8px;} .bp9-rest-set input{font-size: 16px !important;}} .bp9-completed-page{max-width: 760px; margin: 0px auto; padding: 8px 0px 120px;} .bp9-back{border: 0px; background: transparent; color: var(--bp-muted); font-weight: 750; font-size: 15px; padding: 8px 2px 22px;} .bp9-completed-hero{display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 4px 2px 24px;} .bp9-completed-hero small{font-size: 10px; letter-spacing: 0.16em; font-weight: 850; color: var(--bp-muted);} .bp9-completed-hero h1{font: 800 clamp(30px, 6vw, 44px) / 1 Sora; margin: 8px 0px 9px; letter-spacing: -0.055em;} .bp9-completed-hero p{margin: 0px; color: var(--bp-muted); font-size: 15px;} .bp9-completed-check{width: 62px; height: 62px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 62px; background: color-mix(in srgb,var(--bp-mint) 18%,var(--bp-card)); color: var(--bp-purple); font: 900 32px Sora;} .bp9-save-notice{padding: 11px 14px; border-radius: 15px; background: color-mix(in srgb,var(--bp-mint) 12%,var(--bp-card)); color: rgb(34, 134, 111); margin-bottom: 12px;} .bp9-completed-toolbar, .bp9-completed-exercise{background: color-mix(in srgb,var(--bp-card) 88%,transparent); border: 1px solid var(--bp-line); border-radius: 22px; padding: 18px; margin: 12px 0px; box-shadow: var(--bp-shadow);} .bp9-completed-toolbar{display: flex; justify-content: space-between; align-items: center; gap: 14px;} .bp9-completed-toolbar > div:first-child{min-width: 0px;} .bp9-completed-toolbar strong{font: 800 18px Sora;} .bp9-completed-toolbar p{margin: 4px 0px 0px; color: var(--bp-muted); font-size: 12px;} .bp9-completed-toolbar > div:last-child{display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end;} .bp9-button{border-radius: 14px; padding: 11px 14px; font-weight: 800; border: 1px solid var(--bp-line); font-size: 14px;} .bp9-button.primary{background: linear-gradient(100deg, rgb(104, 72, 255), rgb(137, 91, 255)); color: white; border: 0px;} .bp9-button.ghost{background: var(--bp-card); color: var(--bp-ink);} .bp9-completed-exercise > header{display: flex; justify-content: space-between; gap: 15px; align-items: flex-start;} .bp9-completed-exercise > header small{font-size: 9px; letter-spacing: 0.14em; color: var(--bp-purple); font-weight: 850;} .bp9-completed-exercise h2{font: 800 21px Sora; margin: 3px 0px 4px; letter-spacing: -0.025em;} .bp9-completed-exercise > header p{margin: 0px; color: var(--bp-muted); font-size: 12px;} .bp9-completed-exercise > header > span{border: 1px solid var(--bp-line); border-radius: 999px; padding: 7px 10px; color: var(--bp-muted); font-weight: 750; font-size: 12px;} .bp9-completed-sets{margin-top: 14px; border-top: 1px solid var(--bp-line);} .bp9-completed-set{display: grid; grid-template-columns: 45px 1fr 1fr 24px; gap: 10px; align-items: center; padding: 12px 0px; border-bottom: 1px solid var(--bp-line); font-size: 13px;} .bp9-completed-set > b{font-size: 12px;} .bp9-completed-set > span{color: var(--bp-muted);} .bp9-completed-set > i{font-style: normal; color: var(--bp-purple); font-weight: 900;} .bp9-completed-set.edit{align-items: end;} .bp9-completed-set.edit label small{display: block; color: var(--bp-muted); font-size: 8px;} .bp9-completed-set.edit input, .bp9-rir-edit input, .bp9-rir-edit select{background: var(--bp-card2) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important;} .bp9-done-edit{align-items: center; justify-content: center; display: flex !important;} .bp9-done-edit input{width: 20px !important;} .bp9-rir{margin-top: 12px; border-radius: 14px; padding: 10px 12px; background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card2)); color: var(--bp-muted);} .bp9-rir strong{color: var(--bp-purple);} .bp9-rir-edit{margin-top: 12px;} @media (max-width: 520px) {.bp9-completed-toolbar{align-items: flex-start; flex-direction: column;} .bp9-completed-toolbar > div:last-child{width: 100%;} .bp9-completed-toolbar .bp9-button{flex: 1 1 0%;} .bp9-completed-set{grid-template-columns: 38px 1fr 1fr 20px; gap: 7px;} .bp9-completed-hero{align-items: flex-start;}} .bp7-profile-session{border-top: 1px solid var(--bp-line) !important; padding-top: 18px !important;} .bp7-profile-session .bp7-logout{width: 100%; text-align: left; padding: 13px 0px !important; font-size: 16px !important;} .bp7-profile-session .bp7-logout::before{content: "↪"; display: inline-block; margin-right: 10px; color: var(--bp-purple);} .bp9-theme-picker{grid-template-columns: repeat(3, 1fr) !important;} .bp9-theme-picker button{padding: 8px !important;} .bp9-theme-picker span{height: 58px !important;} .bp9-account-actions{margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--bp-line);} @media (max-width: 460px) {.bp9-theme-picker{grid-template-columns: 1fr !important;} .bp9-theme-picker button{display: grid; grid-template-columns: 74px 1fr; column-gap: 12px; align-items: center;} .bp9-theme-picker span{grid-row: 1 / 3; height: 54px !important; margin: 0px !important;} .bp9-theme-picker strong, .bp9-theme-picker small{grid-column: 2;}} .bp9-install-hint{width: 100%; margin-top: 14px; border: 1px solid color-mix(in srgb,var(--bp-purple) 18%,var(--bp-line)); background: color-mix(in srgb,var(--bp-purple) 5%,var(--bp-card)); color: var(--bp-ink); border-radius: 18px; padding: 12px 14px; display: flex; align-items: center; gap: 11px; text-align: left;} .bp9-install-hint > span{width: 40px; height: 40px; border-radius: 13px; background: color-mix(in srgb,var(--bp-purple) 12%,var(--bp-card)); color: var(--bp-purple); display: grid; place-items: center; font-size: 19px;} .bp9-install-hint > div{flex: 1 1 0%;} .bp9-install-hint strong, .bp9-install-hint small{display: block;} .bp9-install-hint strong{font: 750 13px Sora;} .bp9-install-hint small{color: var(--bp-muted); font-size: 10px; margin-top: 2px;} .bp9-install-hint > b{color: var(--bp-purple);} .bp9-install-modal p{color: var(--bp-muted);} .bp9-install-steps{list-style: none; padding: 0px; margin: 20px 0px; display: grid; gap: 9px;} .bp9-install-steps li{display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 15px; background: var(--bp-card2);} .bp9-install-steps li > b{width: 30px; height: 30px; border-radius: 10px; background: var(--bp-purple); color: white; display: grid; place-items: center;} .bp9-install-steps span{font-weight: 700;} .bp9-install-steps strong{color: var(--bp-purple);} @media (prefers-reduced-motion: reduce) { } .bp9-info-list{display: grid; gap: 9px; margin: 18px 0px;} .bp9-info-list > div{display: flex; gap: 12px; align-items: center; padding: 13px; border-radius: 16px; background: var(--bp-card2); border: 1px solid var(--bp-line);} .bp9-info-list > div > span{width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb,var(--bp-purple) 11%,var(--bp-card)); color: var(--bp-purple);} .bp9-info-list strong, .bp9-info-list small{display: block;} .bp9-info-list strong{font: 750 13px Sora;} .bp9-info-list small, .bp9-muted{color: var(--bp-muted); font-size: 11px; line-height: 1.45; margin-top: 3px;} .v610-appearance-row{position: relative;} .v610-appearance-row em{margin-left: auto; margin-right: 6px; color: var(--bp-purple); font-style: normal; font-size: 12px; font-weight: 750;} .v610-appearance-row > i{margin-left: 0px !important;} .v610-sheet-intro{margin: -5px 0px 16px; color: var(--bp-muted);} .v610-theme-grid{display: grid; gap: 9px;} .v610-theme-grid button{display: grid; grid-template-columns: 56px 1fr 24px; gap: 12px; align-items: center; width: 100%; padding: 11px; border: 1px solid var(--bp-line); border-radius: 17px; background: var(--bp-card2); color: var(--bp-ink); text-align: left;} .v610-theme-grid button.active{border-color: var(--bp-purple); box-shadow: 0 0 0 2px color-mix(in srgb,var(--bp-purple) 16%,transparent);} .v610-theme-grid button > div strong, .v610-theme-grid button > div small{display: block;} .v610-theme-grid button > div strong{font: 750 14px Sora;} .v610-theme-grid button > div small{margin-top: 3px; color: var(--bp-muted); font-size: 10px;} .v610-theme-grid button > i{font-style: normal; color: transparent; font-weight: 900;} .v610-theme-grid button.active > i{color: var(--bp-purple);} .v610-theme-swatch{height: 50px; border-radius: 14px; border: 1px solid rgba(80, 70, 100, 0.1); box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 0px inset;} .v610-theme-swatch.light{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(242, 243, 247));} .v610-theme-swatch.dark{background: linear-gradient(145deg, rgb(37, 42, 60), rgb(17, 19, 31));} .v610-body-switch{display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 0px 0px 14px; padding: 5px; border-radius: 18px; background: color-mix(in srgb,var(--bp-purple) 4%,var(--bp-card2)); border: 1px solid var(--bp-line);} .v610-body-switch button{min-height: 42px; border: 0px; border-radius: 14px; background: transparent; color: var(--bp-muted); font: 700 12px Manrope;} .v610-body-switch button.active{background: color-mix(in srgb,var(--bp-purple) 11%,var(--bp-card)); color: var(--bp-purple); box-shadow: rgba(70, 48, 122, 0.07) 0px 5px 14px;} .v610-body-chart .v6-chart{margin-top: 14px;} .bp9-completed-toolbar .bp9-button.primary, .bp9-button.primary{background: var(--bp-purple) !important; box-shadow: none !important;} .bp9-completed-toolbar .v610-restart-button{background: transparent !important; color: var(--bp-ink) !important; border: 1px solid var(--bp-line) !important; box-shadow: none !important;} .bp9-completed-toolbar .v610-edit-button{background: var(--bp-purple) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important;} @media (max-width: 390px) {.v610-appearance-row em{font-size: 10px;} .v610-theme-grid button{grid-template-columns: 50px 1fr 20px; padding: 9px;} .v610-theme-swatch{height: 46px;} .v610-body-switch button{font-size: 11px;}} @media (prefers-reduced-motion: reduce) { } .v611-plan-adjust h4{margin: 22px 0px 10px;} .v611-days, .v611-focus-edit > div{display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--stroke); padding: 15px 0px;} .v611-days > span, .v611-focus-edit > div > span{font-weight: 800;} .v611-days > div, .v611-focus-edit > div > div{display: flex; align-items: center; gap: 10px;} .v611-days button, .v611-focus-edit button{width: 42px; height: 42px; border-radius: 14px; border: 1px solid var(--stroke); background: var(--surface); color: var(--text); font-size: 24px;} .v611-days strong, .v611-focus-edit strong{min-width: 28px; text-align: center; font-size: 21px;} .v611-mix-preview{margin: 20px 0px; padding: 18px; border-radius: 22px; background: color-mix(in srgb,var(--accent) 10%,var(--surface)); border: 1px solid color-mix(in srgb,var(--accent) 20%,var(--stroke)); display: grid; gap: 4px;} .v611-mix-preview small{font-weight: 800; letter-spacing: 0.12em; color: var(--accent);} .v611-mix-preview strong{font-size: 30px;} .v611-mix-preview span{color: var(--muted); font-weight: 700;} .v611-plan-adjust .v6-primary-action[disabled]{opacity: 0.42; pointer-events: none;} @media (max-width: 390px) { } .v610-theme-swatch.mist{background: linear-gradient(145deg, rgb(252, 251, 254), rgb(240, 236, 247) 60%, rgb(228, 221, 241)) !important; border-color: rgb(222, 216, 231) !important;} body{font-size: 17px !important; line-height: 1.48 !important;} button, input, textarea, select{font-family: Manrope, system-ui, -apple-system, sans-serif;} input, textarea, select{font-size: 16px !important;} button{touch-action: manipulation;} .v6-primary-action, .action-primary, .bp9-button, .secondary.full, .sage-btn.full, .danger-button.full, .text-button.full{min-height: 50px !important; font-size: 15px !important;} .close, .icon-btn, .top-profile-r6, .v6-settings-gear, .bp5-new-suggestion, .bp5-meal-state{min-width: 44px !important; min-height: 44px !important;} .v6-settings-list button{min-height: 56px !important; padding: 14px 2px !important;} .v6-settings-list button b{font-size: 14px !important;} .v6-settings-list > small{font-size: 11px !important;} .food-tabs button, .bp5-food-tabs button{min-height: 46px !important; font-size: 13px !important;} .bp5-meal-row{min-height: 70px;} .bp5-meal-main strong{font-size: 15px !important;} .bp5-meal-main small{font-size: 12px !important;} .bp5-meal-main > span{font-size: 11px !important;} .bp5-progress-tabs button, .v610-body-switch button{min-height: 48px !important; font-size: 13px !important;} .bp5-progress-row{min-height: 54px;} .bp5-progress-row small{font-size: 12px !important;} .v6-data-card > small, .v6-stat-grid small, .bp5-progress-hero small{font-size: 11px !important;} .v6-data-card > span, .bp5-progress-hero span{font-size: 13px !important;} .modal .muted, .modal p, .bp9-muted{line-height: 1.5;} .modal small, .profile-edit-link-r7 small{font-size: 12px !important; color: var(--bp-muted) !important;} .profile-edit-link-r7{min-height: 56px !important;} .profile-edit-link-r7 button{min-height: 44px !important;} .v6-completed-actions{display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important;} .v612-view-completed{order: 1;} .v612-restart-completed{order: 2; min-height: 46px !important; background: transparent !important; border: 1px solid var(--bp-line) !important; color: var(--bp-muted) !important; box-shadow: none !important; font-weight: 750 !important;} .v612-completed-restart{background: transparent !important; color: var(--bp-muted) !important; border: 1px solid var(--bp-line) !important; box-shadow: none !important;} .v612-completed-primary{background: var(--bp-purple) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important;} .v612-trend-summary{display: flex; align-items: baseline; gap: 8px; margin-top: 10px;} .v612-trend-summary strong{font: 800 16px Sora; color: var(--bp-ink);} .v612-trend-summary span{font-size: 12px; color: var(--bp-muted);} .v612-chart-meta{display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin-top: -4px; color: var(--bp-muted); font-size: 11px;} .v612-chart-meta span:nth-child(2){text-align: center;} .v612-chart-meta span:last-child{text-align: right;} .v612-body-switch{margin-top: 2px !important;} .v612-progress .v6-chart svg polyline{stroke: var(--bp-purple) !important;} body.v612-profile-open #profileAvatarButton{visibility: hidden !important; pointer-events: none !important;} .v612-profile-open .v6-profile-hero{padding-top: 0px !important; padding-bottom: 14px !important; margin-top: -4px !important;} .v612-profile-open .v6-profile-hero h1{font-size: 28px !important;} .v612-profile-open .v6-profile-shortcuts{margin-bottom: 16px !important;} .v612-keyboard-modal{overscroll-behavior: contain; max-height: calc(100dvh - 18px) !important; overflow: auto !important; padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;} .v612-sticky-save{bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 5; position: sticky !important; box-shadow: 0 8px 24px color-mix(in srgb,var(--bp-bg) 70%,transparent) !important;} .v612-coach-msg > div > p{margin: 0px 0px 10px; font-size: 16px; line-height: 1.52;} .v612-coach-msg > div > p:last-child{margin-bottom: 0px;} .coach-modal-r6 textarea, .v6-coach-compose textarea{font-size: 17px !important; line-height: 1.45 !important;} .set-log-row input, .bp9-rest-set input{font-size: 17px !important; min-height: 44px !important;} .set-complete{min-width: 44px !important; min-height: 44px !important;} .v6-rest-actions button{min-height: 48px !important; font-size: 15px !important;} @media (max-width: 390px) {.v612-chart-meta{grid-template-columns: 1fr 1fr;} .v612-chart-meta span:nth-child(2){display: none;} .v612-chart-meta span:last-child{text-align: right;} .v6-settings-list button b{font-size: 13px !important;} .bp5-meal-main strong{font-size: 14px !important;}} @media (prefers-reduced-motion: reduce) { } html[data-theme="light"]{--bp-muted: #655D6D; --text-2: #655D6D; --muted: #655D6D;} html[data-theme="dark"]{--bp-muted: #B7B2C0; --text-2: #B7B2C0; --muted: #B7B2C0;} #app{max-width: 820px !important; padding-left: 12px !important; padding-right: 12px !important;} .v6-home, .v6-plan, .v6-progress-page, .v6-profile-page, .bp5-food-page, .bp9-completed-page{width: 100% !important; max-width: none !important;} .today-section-r11, .coach-inline-r10{margin-left: 0px !important; margin-right: 0px !important;} .v6-home .v6-primary-card, .v6-home .v6-next-meal, .v613-coach-line{width: 100% !important;} @media (min-width: 621px) {#app{padding-left: 16px !important; padding-right: 16px !important;}} @media (max-width: 620px) {.modal-backdrop{padding-left: 8px !important; padding-right: 8px !important;} .modal:not(.v6-rest-card){width: min(760px, -16px + 100vw) !important; max-width: calc(-16px + 100vw) !important;}} .v613-coach-top{width: 44px; height: 44px; border: 1px solid color-mix(in srgb,var(--bp-purple) 18%,var(--bp-line)); border-radius: 15px; background: color-mix(in srgb,var(--bp-purple) 7%,transparent); color: var(--bp-purple); display: grid; place-items: center; font: 800 20px / 1 Sora; backdrop-filter: blur(16px);} .v613-coach-top.hidden{display: none !important;} .v613-coach-line{display: grid; grid-template-columns: 44px minmax(0px, 1fr); gap: 8px; align-items: center; margin: 0px 0px 12px; padding: 0px; background: transparent; border: 0px; box-shadow: none;} .v613-coach-line-icon{width: 44px; height: 44px; border: 1px solid var(--bp-line); border-radius: 15px; background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)); color: var(--bp-purple); font-size: 19px;} .v613-coach-line .v6-coach-compose{min-height: 52px; margin: 0px !important; padding: 5px 5px 5px 12px !important; border: 1px solid var(--bp-line) !important; border-radius: 18px !important; background: color-mix(in srgb,var(--bp-card) 62%,transparent) !important; box-shadow: none !important;} .v613-coach-line .v6-coach-compose textarea{min-height: 44px !important; padding: 8px 3px !important; font-size: 16px !important; background: transparent !important;} .v613-coach-line .v6-coach-compose button{width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important;} .v613-single-stat{grid-template-columns: 1fr !important;} .v613-single-stat > div{min-height: 104px !important;} .v6-settings-gear{display: none !important;} .v6-profile-hero{grid-template-columns: 1fr auto !important;} .v6-profile-hero .v6-profile-avatar{margin-right: 0px !important;} .v610-appearance-row{grid-template-columns: 32px minmax(0px, 1fr) auto 18px !important;} .v610-appearance-row em{font-style: normal; color: var(--bp-purple); font-weight: 750; font-size: 13px; justify-self: end;} .v610-appearance-row i{grid-column: auto !important;} .v613-alert-row, .v613-account-row{grid-template-columns: 32px minmax(0px, 1fr) 18px !important;} .v613-row-icon{color: var(--bp-purple); width: 30px !important; height: 30px !important; display: grid !important; place-items: center !important;} .v613-row-icon svg{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;} .bp7-profile-session .bp7-logout{display: flex !important; align-items: center !important; gap: 11px !important; min-height: 54px !important; padding: 10px 0px !important;} .bp7-profile-session .bp7-logout::before{display: none !important;} .v613-logout-icon{width: 32px; height: 32px; border-radius: 11px; display: grid; place-items: center; background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card)); color: var(--bp-muted);} .v613-logout-icon svg{width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;} .bp7-profile-session .bp7-logout b{font: 750 16px Manrope;} .profile-edit-r7 .action-primary.full, .profile-edit-r7 .action-primary, .v613-settings-sheet .action-primary, .recipe-modal .action-primary, .bp9-button.primary{background: var(--swack-action-bg) !important; color: rgb(255, 255, 255) !important; border: 1px solid transparent !important; border-radius: 16px !important; box-shadow: 0 8px 20px color-mix(in srgb,var(--bp-purple) 18%,transparent) !important; font-weight: 800 !important; min-height: 52px !important;} .profile-edit-r7 .secondary.full, .recipe-modal .secondary.full{border-radius: 16px !important; background: color-mix(in srgb,var(--bp-card) 68%,transparent) !important; border: 1px solid var(--bp-line) !important; box-shadow: none !important; min-height: 50px !important;} .recipe-modal .detailed-recipe-steps{margin-bottom: 12px !important;} .recipe-modal .secondary.full{margin-top: 8px !important;} .v6-settings-list button, .bp7-profile-session .bp7-logout{touch-action: manipulation;} .v6-settings-list button{width: 100% !important;} @media (max-width: 390px) {#app{padding-left: 10px !important; padding-right: 10px !important;} .v613-coach-line{grid-template-columns: 42px minmax(0px, 1fr);} .v613-coach-line-icon{width: 42px; height: 42px;}} @media (prefers-reduced-motion: reduce) { } .topbar{padding-left: 12px !important; padding-right: 12px !important;} @media (min-width: 621px) {.topbar{padding-left: 16px !important; padding-right: 16px !important;}} :root{--sw-touch-min: 44px; --sw-control-radius: 16px; --sw-space-1: 4px; --sw-space-2: 8px; --sw-space-3: 12px; --sw-space-4: 16px; --sw-space-5: 24px;} .coach-modal-r6 .coach-starters-r6, .v614-coach-clean .coach-starters-r6{display: none !important;} .v614-coach-clean .coach-head-r6{margin-bottom: 8px !important;} .v614-coach-clean .coach-messages-r6{margin-top: 2px !important; border-top: 1px solid color-mix(in srgb,var(--bp-line) 78%,transparent) !important;} .v614-coach-clean .coach-compose-r6 textarea{font-size: 17px !important; min-height: 48px !important;} .v614-home{margin-top:0!important;} .v614-home .v6-greeting p{font-size: 14px !important; line-height: 1.35 !important; margin-top: 3px !important;} .v614-home .v613-coach-line{margin-bottom: 8px !important;} .v614-home .v613-coach-line .v6-coach-compose{min-height: 48px !important; border-radius: 17px !important;} .v614-home .v613-coach-line .v6-coach-compose textarea{min-width: 0px !important; width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 2px !important;} .v614-home .v6-primary-card{padding: 15px 16px !important; margin-bottom: 8px !important; border-radius: 20px !important;} .v614-home .v6-card-kicker{font-size: 10px !important;} .v614-home .v6-primary-row h2{font-size: 28px !important; line-height: 1.01 !important; margin: 7px 0px 11px !important;} .v614-home .v6-metrics{margin-bottom: 11px !important; gap: 5px !important;} .v614-home .v6-metrics strong{font-size: 14px !important;} .v614-home .v6-primary-action{min-height: 48px !important;} .v614-home .v6-next-meal{padding: 11px 13px !important; border-radius: 18px !important;} .v614-home .v6-next-meal strong{font-size: 16px !important;} .v614-home .v6-next-meal span:not(.v6-meal-photo){font-size: 12.5px !important; line-height: 1.28 !important; max-width: min(58vw, 310px) !important;} .v614-home .v6-next-meal em{font-size: 10px !important; margin-top: 2px !important;} .v614-home .bp5-next-meal .bp5-today-food-photo{width: 54px !important; height: 54px !important; flex-basis: 54px !important;} .v614-home .bp5-meal-check{margin-top: 6px !important; padding: 6px 9px !important; min-height: 34px !important; font-size: 11px !important;} .v614-home .v6-completed-actions{display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important;} .v614-restart-link{width: max-content !important; max-width: 100% !important; min-height: 36px !important; margin: 0px auto !important; padding: 5px 8px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; color: var(--bp-muted) !important; font: 700 16px / 1.2 Manrope, system-ui, sans-serif !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;} .v614-restart-link:active{transform: scale(0.98);} @media (max-width: 620px) and (max-height: 900px) {body.v614-today-mode .topbar{height: 72px !important;} body.v614-today-mode #app{padding-top: 10px !important; padding-bottom: 88px !important;} .v614-home .v613-coach-line{margin-bottom: 7px !important;} .v614-home .v6-primary-card{padding-top: 14px !important; padding-bottom: 13px !important;} .v614-home .v6-primary-row h2{margin-bottom: 9px !important;} .v614-home .v6-metrics{margin-bottom: 9px !important;} .v614-home .v6-next-meal em{display: none !important;}} @media (max-width: 620px) and (max-height: 790px) {body.v614-today-mode .topbar{height: 68px !important;} body.v614-today-mode #app{padding-top: 7px !important;} .v614-home .v6-greeting p{display: none !important;} .v614-home .v6-primary-row h2{font-size: 26px !important;} .v614-home .v6-next-meal span:not(.v6-meal-photo){-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box !important;}} .v614-completed-restart{min-height: 40px !important; padding: 7px 10px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; color: var(--bp-muted) !important; font: 700 15px / 1.2 Manrope, system-ui, sans-serif !important;} .v614-plan-adjust svg{width: 18px; height: 18px; fill: none; stroke: var(--bp-purple); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;} .v614-plan-adjust:active{transform: scale(0.98);} @media (max-width: 390px) { } .v614-plan-adjust, .v614-restart-link, .coach-compose-r6 button, .v613-coach-line-icon{touch-action: manipulation;} @media (prefers-reduced-motion: reduce) {.v614-restart-link, .v614-plan-adjust{transition: none !important;}} :root{--sw-font-display: Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --sw-font-body: Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --sw-gutter: 6px; --sw-content-pad: 16px; --sw-r-sm: 12px; --sw-r-md: 16px; --sw-r-lg: 20px; --sw-r-sheet: 28px; --sw-s1: 4px; --sw-s2: 8px; --sw-s3: 12px; --sw-s4: 16px; --sw-s5: 24px; --sw-s6: 32px; --sw-s7: 48px; --sw-control-h: 52px; --sw-touch: 44px; --sw-primary: #6A4CFF; --swack-action-bg: #6236d8; --swack-action-ink: #ffffff; --sw-primary-strong: #5B3EF2; --sw-danger: #C43E49; --sw-success: #18A487; --sw-shadow: 0 8px 28px rgba(34,24,55,.055); --sw-shadow-sheet: 0 24px 70px rgba(30,20,48,.16);} html[data-theme="light"]{--bp-bg: #FBFBFD; --bp-card: #FFFFFF; --bp-card2: #F5F4F8; --bp-ink: #17121F; --bp-muted: #5E5865; --bp-line: #E5E1E9; --bg: #FBFBFD; --surface: #FFFFFF; --surface-2: #F5F4F8; --text: #17121F; --text-2: #5E5865; --border: #E5E1E9;} html[data-theme="dark"]{--bp-bg: #FAF9FC; --bp-card: #fff; --bp-card2: #F3F0F7; --bp-ink: #17121F; --bp-muted: #5C5663; --bp-line: #E1DCE7; --bg: #FAF9FC; --surface: #fff; --surface-2: #F3F0F7; --text: #17121F; --text-2: #5C5663; --border: #E1DCE7; color-scheme: light;} *{text-rendering: optimizelegibility;} html, body{font-family: var(--sw-font-body) !important;} body{font-size: 17px !important; line-height: 1.48 !important; background: var(--bp-bg) !important; color: var(--bp-ink) !important;} button, input, select, textarea{font-family: var(--sw-font-body) !important;} h1, h2, h3, h4, h5, h6, .v6-primary-row h2, .v6-page-head h1, .v6-profile-hero h1, .active-exercise-title, .bp6-question h1, .bp6-ready h1, .onboard-head h1, .auth-title, .logo-hero h1{font-family: var(--sw-font-display) !important; letter-spacing: -0.035em !important;} p, .muted, .tiny, small, label{font-family: var(--sw-font-body) !important;} h1{font-size: clamp(30px, 7.7vw, 40px) !important; line-height: 1.04 !important; font-weight: 800 !important;} h2{font-size: clamp(24px, 6vw, 31px) !important; line-height: 1.08 !important; font-weight: 800 !important;} h3{font-size: 20px !important; line-height: 1.18 !important; font-weight: 750 !important;} h4{font-size: 17px !important; line-height: 1.25 !important; font-weight: 750 !important;} .eyebrow, .v6-card-kicker, .bp6-kicker, .section-title-r12 span{text-transform: uppercase; font-family: var(--sw-font-body) !important; font-size: 11px !important; line-height: 1 !important; letter-spacing: 0.13em !important; font-weight: 800 !important;} label{font-size: 13px !important; line-height: 1.25 !important; font-weight: 750 !important; color: var(--bp-muted) !important;} .tiny{font-size: 13px !important; line-height: 1.4 !important;} .muted{color: var(--bp-muted) !important;} #app, main{max-width: 840px !important;} #app{padding-left: var(--sw-gutter) !important; padding-right: var(--sw-gutter) !important;} .topbar{padding-left: 8px !important; padding-right: 8px !important; border-bottom: 0px !important;} .v6-home, .v6-plan, .v6-progress-page, .v6-profile-page, .bp5-food-page, .bp9-completed-page{width: 100% !important; max-width: none !important;} .v6-page-head, .v6-greeting, .bp5-food-head, .v610-progress-head, .v6-profile-hero, .v6-profile-context{padding-left: 10px !important; padding-right: 10px !important;} .v6-primary-card, .v6-next-meal, .v6-data-card, .v6-stat-grid > div, .bp5-meal-row, .bp5-progress-card, .bp5-progress-hero, .bp5-progress-list, .card, .plan-cardio-prescription, .plan-cardio-detail, .run-rx, .runner-strength-intro{box-shadow: none !important;} @media (max-width: 620px) {:root{--sw-gutter: 4px;} .modal-backdrop{padding: 0px !important; align-items: flex-end !important;} .modal:not(.v6-rest-card){width: 100vw !important; max-width: 100vw !important; margin: 0px !important; border-radius: var(--sw-r-sheet) var(--sw-r-sheet) 0 0 !important; padding: 20px var(--sw-content-pad) calc(18px + env(safe-area-inset-bottom)) !important;}} .card, .v6-primary-card, .v6-next-meal, .v6-data-card, .v6-stat-grid > div, .bp5-progress-card, .bp5-progress-hero, .bp5-progress-list, .bp6-choice, .bp6-tile, .bp6-target-card, .bp6-priority, .bp6-place-card, .bp6-household > div, .bp6-example, .focus-card, .metric, .recommend, .callout, .success, .warning{border: 1px solid var(--bp-line) !important; background: var(--bp-card) !important; border-radius: var(--sw-r-lg) !important; color: var(--bp-ink) !important; box-shadow: none !important;} .runner-strength-intro, .bp5-progress-list{background: transparent !important; border-left: 0px !important; border-right: 0px !important; border-radius: 0px !important;} :where(.action-primary, .v6-primary-action, .bp9-button.primary, .sage-btn, button.primary, .btn, .preflight-go-r14, .plan-start-r12, .bp6-next){min-height: var(--sw-control-h) !important; border: 1px solid transparent !important; border-radius: var(--sw-r-md) !important; background: var(--swack-action-bg) !important; color: var(--swack-action-ink) !important; box-shadow: none !important; font: 800 16px/1.15 var(--sw-font-body) !important; padding: 13px 17px !important;} :where(.action-primary, .v6-primary-action, .bp9-button.primary, .sage-btn, button.primary, .btn, .preflight-go-r14, .plan-start-r12, .bp6-next):active{transform: scale(0.985); background: var(--sw-primary-strong) !important;} :where(button.secondary, .secondary, .v6-secondary-action, .bp9-button.ghost, .sheet-action, .bp6-back){min-height: 48px !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-md) !important; background-image: none !important; color: var(--bp-ink) !important; box-shadow: none !important; font: 750 15px/1.2 var(--sw-font-body) !important; padding: 12px 16px !important;} :where(.text-button, .v614-restart-link, .v614-completed-restart, .text-action-r14){background: none transparent !important; border: 0px !important; box-shadow: none !important; color: var(--bp-purple) !important; font: 750 15px/1.2 var(--sw-font-body) !important; min-height: 44px !important;} :where(button.danger, .danger-button, .danger){background-image: none !important; border: 1px solid color-mix(in srgb,var(--sw-danger) 25%,var(--bp-line)) !important; color: var(--sw-danger) !important; border-radius: var(--sw-r-md) !important; box-shadow: none !important; min-height: 50px !important; font-weight: 800 !important;} button{touch-action: manipulation;} .profile-edit-r7 :where(.action-primary, .sage-btn, .primary), .v6-settings-modal :where(.action-primary, .sage-btn, .primary), .bp9-settings-modal :where(.action-primary, .sage-btn, .primary), .recipe-modal :where(.action-primary, .sage-btn, .primary), .v51-plan-wizard :where(.action-primary, .sage-btn, .primary), .preflight-modal :where(.action-primary, .sage-btn, .primary){background: var(--swack-action-bg) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important;} input:not([type="checkbox"]), select, textarea, .natural-input, .bp6-textarea textarea{min-height: 50px !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-md) !important; background: var(--bp-card) !important; color: var(--bp-ink) !important; box-shadow: none !important; font: 600 17px/1.4 var(--sw-font-body) !important; padding: 12px 14px !important;} input:focus, select:focus, textarea:focus{border-color: color-mix(in srgb,var(--bp-purple) 65%,var(--bp-line)) !important; box-shadow: 0 0 0 3px color-mix(in srgb,var(--bp-purple) 10%,transparent) !important; outline: 0px !important;} .modal{background: var(--bp-card) !important; color: var(--bp-ink) !important; box-shadow: var(--sw-shadow-sheet) !important; border: 1px solid color-mix(in srgb,var(--bp-line) 70%,transparent) !important;} .modal-handle{width: 44px !important; height: 4px !important; background: color-mix(in srgb,var(--bp-muted) 38%,transparent) !important; margin-bottom: 18px !important;} .close{width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 50% !important; border: 1px solid var(--bp-line) !important; background: var(--bp-card2) !important; color: var(--bp-ink) !important; font: 600 22px/1 var(--sw-font-body) !important; box-shadow: none !important;} .v614-home .v6-greeting p{display: none !important;} .v614-home .v613-coach-line{margin:0 0 10px!important;} .v614-home .v6-primary-card{margin-bottom: 5px !important; padding: 17px var(--sw-content-pad) !important;} .v614-home .v6-primary-row h2{font-size: 30px !important; line-height: 1.02 !important;} .v614-home .v6-next-meal{margin-top: 5px !important; margin-bottom: 0px !important; padding: 12px var(--sw-content-pad) !important;} .v614-home .v6-completed-actions .v614-restart-link, .v614-home .v6-completed-actions .v612-restart-completed{display: none !important;} .v614-home .v6-completed-actions{gap: 0px !important;} .plan-cardio-prescription, .plan-cardio-detail, .run-rx{background: var(--bp-card) !important; border-color: var(--bp-line) !important;} .runner-strength-intro strong{font-family: var(--sw-font-display) !important; font-size: 15px !important;} .runner-strength-intro small{font-size: 12px !important;} body.bp6-onboarding #app{padding-left: 8px !important; padding-right: 8px !important;} .bp6-onboard-shell{width: min(100%, 620px) !important; padding-left: 6px !important; padding-right: 6px !important;} .bp6-onboard-progress{font: 800 12px/1 var(--sw-font-body) !important;} .bp6-onboard-progress > div{height: 4px !important; background: var(--bp-line) !important;} .bp6-onboard-progress i{background: var(--bp-purple) !important;} .bp6-question{margin-bottom: 18px !important;} .bp6-question h1, .bp6-ready h1{font-family: var(--sw-font-display) !important; font-weight: 800 !important;} .bp6-question p, .bp6-ready > p{font-family: var(--sw-font-body) !important; color: var(--bp-muted) !important; font-size: 17px !important;} .bp6-choice, .bp6-tile, .bp6-target-card, .bp6-priority, .bp6-place-card, .bp6-household > div, .bp6-example{border-radius: var(--sw-r-lg) !important; box-shadow: none !important;} .bp6-choice strong, .bp6-tile strong, .bp6-priority strong, .bp6-place-main strong, .bp6-household > div > span, .bp6-plan-length strong, .bp6-day-grid strong{font-family: var(--sw-font-display) !important;} .bp6-choice small, .bp6-place-main small, .bp6-plan-length small, .bp6-day-grid small, .bp6-example p{font-family: var(--sw-font-body) !important; color: var(--bp-muted) !important;} .bp6-choice.active, .bp6-tile.active, .bp6-target-toggle.active, .bp6-plan-length button.active, .bp6-day-grid button.active, .bp6-place-card.active{background: color-mix(in srgb,var(--bp-purple) 6%,var(--bp-card)) !important; border-color: color-mix(in srgb,var(--bp-purple) 58%,var(--bp-line)) !important; box-shadow: none !important;} .bp6-onboard-actions{gap: 10px !important;} .bp6-back{background: transparent !important; border-color: transparent !important; color: var(--bp-muted) !important;} .bp6-next{box-shadow: none !important;} .bp6-ready-mark{box-shadow: none !important; background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card)) !important;} .auth-card, .auth-card-v5{border-radius: var(--sw-r-sheet) !important; border: 1px solid var(--bp-line) !important; background: var(--bp-card) !important; box-shadow: none !important;} .logo-hero h1, .auth-card h1, .auth-card-v5 h1{font-family: var(--sw-font-display) !important; font-weight: 800 !important;} .language-row button{min-height: 44px !important; border-radius: var(--sw-r-md) !important; background: var(--bp-card) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important;} .language-row button.active{background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card)) !important; color: var(--bp-purple) !important; border-color: color-mix(in srgb,var(--bp-purple) 38%,var(--bp-line)) !important;} body.workout-mode{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} body.workout-mode main{max-width: 840px !important; padding-left: var(--sw-gutter) !important; padding-right: var(--sw-gutter) !important;} .workout-session-head{background: linear-gradient(145deg, rgb(33, 28, 49), rgb(42, 36, 64)) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: var(--sw-r-lg) !important; box-shadow: none !important; padding: 18px var(--sw-content-pad) !important;} .workout-session-head h1{font-family: var(--sw-font-display) !important; font-weight: 800 !important;} .workout-session-head p{font-size: 14px !important; line-height: 1.45 !important;} .timerbar.premium{backdrop-filter: blur(20px); background: rgba(29, 24, 43, 0.92) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: var(--sw-r-lg) !important; box-shadow: none !important;} .active-exercise{background: var(--bp-card) !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-lg) !important; box-shadow: none !important; padding: 16px var(--sw-content-pad) !important;} .active-exercise.focus{background: var(--bp-card) !important; border-color: color-mix(in srgb,var(--bp-purple) 35%,var(--bp-line)) !important;} .active-exercise-title{font-family: var(--sw-font-display) !important; font-size: 21px !important; font-weight: 800 !important; color: var(--bp-ink) !important;} .active-thumb{background: var(--bp-card2) !important; color: var(--bp-purple) !important; border-radius: var(--sw-r-md) !important;} .set-log-list.premium .set-log-row, .set-log-row{background: var(--bp-card2) !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-md) !important;} .set-log-list.premium .set-log-row.done, .set-log-row.done{background: color-mix(in srgb,var(--sw-success) 7%,var(--bp-card)) !important; border-color: color-mix(in srgb,var(--sw-success) 25%,var(--bp-line)) !important;} .set-complete.done, .rir-buttons button.active{background: var(--bp-purple) !important; border-color: var(--bp-purple) !important; color: rgb(255, 255, 255) !important;} .workout-dock{backdrop-filter: blur(24px); background: rgba(29, 24, 43, 0.88) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: var(--sw-r-lg) !important; box-shadow: none !important;} .workout-dock button{background-image: none !important; border-radius: var(--sw-r-md) !important; box-shadow: none !important; font: 800 15px/1.2 var(--sw-font-body) !important;} .food-tabs, .bp5-food-tabs, .bp5-progress-tabs, .v610-body-switch, .v6-segment{background: var(--bp-card2) !important; border-radius: var(--sw-r-md) !important; padding: 4px !important;} .food-tabs button, .bp5-food-tabs button, .bp5-progress-tabs button, .v610-body-switch button, .v6-segment button{font: 700 14px/1.1 var(--sw-font-body) !important; border-radius: 12px !important; min-width: 0; white-space: normal; overflow-wrap: anywhere;} .bp5-meal-main strong, .bp5-progress-row strong{font-family: var(--sw-font-display) !important; font-weight: 750 !important;} .v6-data-card > strong, .v6-stat-grid strong, .bp5-progress-hero strong{font-family: var(--sw-font-display) !important; font-weight: 800 !important;} .v6-settings-list button, .profile-edit-link-r7{min-height: 58px !important; border-color: var(--bp-line) !important;} .v6-settings-list button b, .profile-edit-link-r7 strong{font-family: var(--sw-font-body) !important; font-size: 16px !important; font-weight: 750 !important;} .v6-settings-list button i{font-family: var(--sw-font-body) !important;} .v6-profile-shortcuts button{border-radius: var(--sw-r-lg) !important; background: var(--bp-card2) !important; border: 1px solid transparent !important; box-shadow: none !important;} .v6-profile-shortcuts button b{font-family: var(--sw-font-body) !important;} .coach-modal-r6 .coach-starters-r6{display: none !important;} .coach-modal-r6 .coach-head-r6{margin-bottom: 8px !important;} .coach-modal-r6 .coach-messages-r6{border-top: 1px solid var(--bp-line) !important; margin-top: 0px !important;} .coach-modal-r6 textarea{font-size: 17px !important;} .coach-modal-r6 .bubble, .v612-coach-msg{font-family: var(--sw-font-body) !important; font-size: 16px !important; line-height: 1.52 !important;} :where(button, a, input, select, textarea){-webkit-tap-highlight-color: transparent;} :where(.icon-btn, .top-profile-r6, .v613-coach-top, .close, .set-complete){min-width: var(--sw-touch) !important; min-height: var(--sw-touch) !important;} @media (prefers-reduced-motion: reduce) {*, ::before, ::after{scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}} .running-onboard-v511, .onboard-focus-v511, .onboard-focus-v51, .hr-setup{background: transparent !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-image: none !important; border-top: 1px solid var(--bp-line) !important; border-radius: 0px !important; box-shadow: none !important; padding: 16px 0px !important;} .focus-choice{gap: 8px !important;} .focus-card{min-height: 150px !important; padding: 16px !important; border-radius: var(--sw-r-lg) !important; background: var(--bp-card) !important; border-color: var(--bp-line) !important; box-shadow: none !important;} .focus-card.active{background: color-mix(in srgb,var(--bp-purple) 6%,var(--bp-card)) !important; border-color: color-mix(in srgb,var(--bp-purple) 55%,var(--bp-line)) !important; box-shadow: none !important;} .focus-card strong{font: 800 18px/1.15 var(--sw-font-display) !important;} .focus-card small{font: 500 13px/1.45 var(--sw-font-body) !important; color: var(--bp-muted) !important;} .focus-card > span{color: var(--bp-purple) !important;} .run-goal-grid{gap: 8px !important;} .run-goal-grid .choice{min-height: 50px !important; border-radius: var(--sw-r-md) !important; background: var(--bp-card) !important; border-color: var(--bp-line) !important; color: var(--bp-ink) !important; font-weight: 750 !important;} .run-goal-grid .choice.active{background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card)) !important; border-color: color-mix(in srgb,var(--bp-purple) 50%,var(--bp-line)) !important; color: var(--bp-purple) !important;} .running-block-recommendation{background: var(--bp-card2) !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-md) !important; color: var(--bp-muted) !important; font-size: 13px !important; line-height: 1.45 !important; padding: 12px 14px !important;} .run-rx, .plan-cardio-prescription, .plan-cardio-detail{padding: 16px !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-lg) !important; background: var(--bp-card) !important;} .run-rx-main small, .run-rx-grid small, .cardio-rx-grid small{font: 800 10px/1 var(--sw-font-body) !important; letter-spacing: 0.1em !important; color: var(--bp-muted) !important;} .run-rx-main strong, .cardio-rx-main strong{font: 800 17px/1.2 var(--sw-font-display) !important;} .run-distance{font: 800 20px/1 var(--sw-font-display) !important; color: var(--bp-purple) !important;} .run-rx-grid, .cardio-rx-grid{gap: 8px !important;} .run-rx-grid > div, .cardio-rx-grid > div, .heart-rate-card .hr-zone-grid > div, .muscle-recovery-item, .run-result-grid > div{background: var(--bp-card2) !important; border: 1px solid var(--bp-line) !important; border-radius: var(--sw-r-md) !important; box-shadow: none !important; padding: 12px !important;} .run-rx-grid strong, .cardio-rx-grid strong, .heart-rate-card strong, .run-result-grid strong{font-family: var(--sw-font-display) !important; color: var(--bp-ink) !important;} .run-rx-grid span, .cardio-rx-grid span, .run-hr-source, .heart-rate-card small{font-size: 12px !important; line-height: 1.45 !important; color: var(--bp-muted) !important;} .race-date-card{border-radius: var(--sw-r-lg) !important;} .release-badge{background: color-mix(in srgb,var(--bp-purple) 8%,var(--bp-card2)) !important; color: var(--bp-purple) !important; box-shadow: none !important;} .run-complete-icon{background: color-mix(in srgb,var(--sw-success) 10%,var(--bp-card)) !important; color: var(--sw-success) !important;} .run-result-grid input{min-height: 48px !important;} .brand-button span, .metric strong, .target-weight-number strong, .release-badge, .session-ring strong, .timer-main strong, .run-complete-icon{font-family: var(--sw-font-display) !important;} .brand-button span{font-weight: 800 !important; letter-spacing: -0.035em !important;} .metric strong, .target-weight-number strong{font-weight: 800 !important; color: var(--bp-ink) !important;} .v616-integrations .v616-integration-intro{color: var(--bp-muted); font-size: 16px; line-height: 1.5; margin: 6px 0px 18px;} .v616-integration-card{border: 1px solid var(--bp-line); border-radius: var(--sw-r-lg); padding: 16px; background: var(--bp-card2); display: grid; gap: 14px;} .v616-integration-head{display: flex; align-items: center; gap: 12px;} .v616-integration-head > div:last-child{display: grid; gap: 3px; min-width: 0px;} .v616-integration-head strong{font: 700 17px/1.2 var(--sw-font-body); color: var(--bp-ink);} .v616-integration-head small{font: 500 14px/1.4 var(--sw-font-body); color: var(--bp-muted);} .v616-withings-mark{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgb(17, 17, 17); color: rgb(255, 255, 255); font: 800 19px/1 var(--sw-font-display);} .v616-connected{color: rgb(24, 168, 117);} .v616-integration-actions{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;} .v616-integration-actions .secondary{min-height: 46px; padding: 0px 16px;} .v616-integration-actions .text-button{min-height: 44px;} .v616-future-integrations{margin-top: 14px; border-top: 1px solid var(--bp-line);} .v616-future-integrations > div{display: flex; gap: 13px; align-items: center; padding: 15px 2px; border-bottom: 1px solid var(--bp-line);} .v616-future-integrations > div > span{width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; background: var(--bp-card2); font-size: 20px;} .v616-future-integrations p{margin: 0px; display: grid; gap: 3px;} .v616-future-integrations strong{font-size: 16px;} .v616-future-integrations small{color: var(--bp-muted); font-size: 14px;} .v616-exercise-note{width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; border-width: 1px 0px 0px; border-style: solid none none; border-color: color-mix(in srgb, rgb(255, 255, 255) 12%, transparent 88%) currentcolor currentcolor; border-image: none; background: transparent; color: rgb(255, 255, 255); padding: 12px 2px; margin: 4px 0px 2px; min-height: 48px; border-radius: 0px; box-shadow: none;} .v616-exercise-note .v616-note-icon{width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; background: rgba(125, 92, 255, 0.16); color: rgb(184, 149, 255); font: 700 18px/1 var(--sw-font-body);} .v616-exercise-note > div{display: grid; gap: 3px; min-width: 0px; flex: 1 1 0%;} .v616-exercise-note small{font: 700 11px/1 var(--sw-font-body); letter-spacing: 0.1em; color: rgb(170, 165, 180);} .v616-exercise-note strong{font: 650 14px/1.35 var(--sw-font-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .v616-exercise-note > i{margin-left: auto; color: rgb(170, 165, 180); font-style: normal; font-size: 22px;} .v616-exercise-note:not(.has-note) > strong{font: 650 15px/1.2 var(--sw-font-body); flex: 1 1 0%;} .v616-note-modal textarea{width: 100%; min-height: 126px; resize: vertical; border: 1px solid var(--bp-line); border-radius: var(--sw-r-md); background: var(--bp-card2); color: var(--bp-ink); font: 500 17px/1.5 var(--sw-font-body); padding: 14px; margin: 8px 0px 14px;} .v616-note-modal p{color: var(--bp-muted); font-size: 15px; line-height: 1.5;} .v616-body-extras{margin-top: 10px !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} .v616-body-extras > div:last-child:nth-child(2n+1){grid-column: 1 / -1;} @media (max-width: 390px) {.v616-integration-actions{display: grid; grid-template-columns: 1fr;} .v616-integration-actions .text-button{justify-self: start;} .v616-body-extras{grid-template-columns: 1fr 1fr !important;}} .v616-note-icon svg{width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;} .v617-continuity-rest .v6-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; margin-top: 14px !important;} .v617-continuity-rest .v6-metrics > div{min-height: 74px;} .v617-continuity-copy{margin: 8px 0px 2px; color: var(--bp-muted); font: 550 15px/1.48 var(--sw-font-body); max-width: 42ch;} .v617-rest-status{min-height: 54px; border-radius: 16px; background: color-mix(in srgb,var(--sw-purple,#6748ff) 11%,var(--bp-card2)); display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 16px; color: var(--bp-ink); font: 700 16px/1.2 var(--sw-font-body);} .v617-rest-status span{width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: var(--sw-purple,#6748ff); color: rgb(255, 255, 255); font-size: 14px;} .v617-continuity-icon{width: 38px; height: 38px; border-radius: 13px; display: grid; place-items: center; flex: 0 0 auto; background: color-mix(in srgb,var(--sw-purple,#6748ff) 12%,transparent); color: var(--sw-purple,#6748ff); font: 700 20px/1 var(--sw-font-body);} .v617-coach-receipt{display: block; margin-top: 12px !important; color: var(--sw-purple,#6748ff) !important; font-weight: 700 !important; line-height: 1.4 !important;} @media (max-width: 390px) { .v617-continuity-copy{font-size: 14px;}} html, body{max-width: 100%; overflow-x: clip;} #modalRoot:empty{display: none;} body.v618-sheet-open{position: fixed !important; top: var(--v618-sheet-scroll,0) !important; left: 0px !important; right: 0px !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important;} #modalRoot > .v618-preflight-backdrop{backdrop-filter: blur(10px) saturate(112%); animation: 0.18s ease 0s 1 normal both running v618BackdropIn; position: fixed !important; inset: 0px !important; width: auto !important; max-width: none !important; padding: 0px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; overflow: hidden !important; background: rgba(23, 18, 31, 0.34) !important;} .v618-preflight-backdrop > .v618-preflight{overscroll-behavior: contain; flex: 0 0 auto !important; width: min(560px, 100%) !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; position: relative !important; max-height: calc(100dvh - env(safe-area-inset-top) - 8px) !important; margin: 0px !important; padding: 18px 20px calc(18px + env(safe-area-inset-bottom)) !important; border-radius: 28px 28px 0px 0px !important; border-top-color: !important; border-top-style: !important; border-top-width: !important; border-right-color: !important; border-right-style: !important; border-right-width: !important; border-left-color: !important; border-left-style: !important; border-left-width: !important; border-image-source: !important; border-image-slice: !important; border-image-width: !important; border-image-outset: !important; border-image-repeat: !important; border-bottom: 0px !important; overflow: hidden auto !important; animation: 0.26s cubic-bezier(0.2, 0.82, 0.2, 1) 0s 1 normal both running v618SheetUp !important;} .v618-preflight .modal-handle{margin-bottom: 12px !important;} .v618-preflight .close{position: absolute; right: 18px; top: 54px; float: none !important;} .v618-preflight .preflight-top-r14{padding-right: 52px;} .v618-preflight .preflight-top-r14 h2{margin: 5px 0px 18px !important; font-size: clamp(27px, 7vw, 34px) !important;} .v618-preflight .preflight-times-r14{display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 6px !important; width: 100% !important; overflow: visible !important;} .v618-preflight .preflight-times-r14 button{width: 100% !important; min-width: 0px !important; min-height: 58px !important; height: 58px !important; padding: 0px 2px !important; border-radius: 15px !important; background: var(--bp-card2) !important; border: 1px solid var(--bp-line) !important; color: var(--bp-ink) !important; box-shadow: none !important;} .v618-preflight .preflight-times-r14 button strong{font: 800 19px/1 var(--sw-font-display) !important;} .v618-preflight .preflight-times-r14 button span{font: 750 10px/1 var(--sw-font-body) !important; letter-spacing: 0.08em !important;} .v618-preflight .preflight-times-r14 button.active{background: var(--sw-primary) !important; border-color: var(--sw-primary) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important;} .v618-preflight .preflight-signal-r14{margin-top: 22px !important;} .v618-preflight .preflight-signal-r14 > .row > strong{font-size: 17px !important;} .v618-preflight .text-action-r14{min-height: 44px; padding: 0px 2px; font-size: 16px; color: var(--sw-primary) !important;} .v618-preflight .signal-row-r14{gap: 7px !important; margin-top: 8px !important; overflow: visible !important;} .v618-preflight .signal-chip-r14{min-height: 44px !important; padding: 9px 12px !important; font-size: 14px !important; background: var(--bp-card2) !important; color: var(--bp-muted) !important;} .v618-preflight .preflight-note-r14 textarea{font-size: 17px !important; min-height: 96px !important;} .v618-preflight .preflight-go-r14{position: sticky !important; bottom: 0px !important; z-index: 4 !important; min-height: 56px !important; margin: 14px 0px 0px !important; font-size: 17px !important; box-shadow: 0 -12px 24px var(--bp-bg),0 10px 22px rgba(106,76,255,.18) !important;} .v618-preflight .bp6-workout-location{margin: 14px 0px 10px;} .v618-preflight .bp6-workout-location > label{margin-bottom: 8px; font-size: 14px !important;} .v618-preflight .bp6-workout-location > div{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 7px !important;} .v618-preflight .bp6-workout-location button{min-height: 52px; width: 100% !important; min-width: 0px !important; padding: 9px 11px !important; border-radius: 14px !important;} .v618-preflight .bp6-workout-location button strong{font-size: 13px !important;} .v618-preflight .bp6-workout-location button small{font-size: 11px !important;} @keyframes v618BackdropIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes v618SheetUp { 0% { opacity: 0.5; transform: translate3d(0px, 28px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } body.workout-mode, body.v618-workout{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} body.workout-mode #app{width: 100% !important; max-width: 720px !important; margin: 0px auto !important; padding: calc(8px + env(safe-area-inset-top)) 6px calc(104px + env(safe-area-inset-bottom)) !important;} .v618-active-header{display: grid !important; grid-template-columns: 26px minmax(0px, 1fr) 44px !important; gap: 10px !important; align-items: center !important; margin: 0px 8px 10px !important; padding: 0px !important; color: var(--bp-ink) !important;} .v618-active-header img{width: 26px !important; height: 26px !important;} .v618-active-header div{min-width: 0px;} .v618-active-header small{letter-spacing: 0.13em; font: 800 10px/1 var(--sw-font-body) !important; color: var(--sw-primary) !important;} .v618-active-header strong{margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 750 16px/1.15 var(--sw-font-display) !important; color: var(--bp-ink) !important;} .v618-active-header button{width: 44px !important; height: 44px !important; border: 1px solid var(--bp-line) !important; border-radius: 50% !important; background: var(--bp-card2) !important; color: var(--bp-ink) !important; font-size: 22px !important; padding: 0px !important;} .timerbar.premium.v618-timerbar{position: sticky !important; top: calc(6px + env(safe-area-inset-top)) !important; z-index: 40 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0px !important; margin: 0px 4px 10px !important; padding: 7px !important; border: 1px solid color-mix(in srgb,var(--bp-line) 80%,transparent) !important; border-radius: 18px !important; background: color-mix(in srgb,var(--bp-card) 88%,transparent) !important; color: var(--bp-ink) !important; box-shadow: rgba(42, 31, 62, 0.07) 0px 8px 24px !important; backdrop-filter: blur(22px) saturate(150%) !important;} .v618-timerbar .timer-main{background: transparent !important; border-radius: 12px !important; padding: 7px 10px !important;} .v618-timerbar .timer-main + .timer-main{border-left: 1px solid var(--bp-line);} .v618-timerbar .timer-main span{letter-spacing: 0.12em; font: 750 9px/1 var(--sw-font-body) !important; color: var(--bp-muted) !important; opacity: 1 !important;} .v618-timerbar .timer-main strong{margin-top: 3px; font: 800 20px/1 var(--sw-font-display) !important; color: var(--bp-ink) !important;} .v618-timerbar .rest-actions{grid-column: 1 / -1; border-top: 1px solid var(--bp-line); padding: 7px 4px 1px; display: flex !important; gap: 6px !important;} .v618-timerbar .rest-actions button{flex: 1 1 0%; min-height: 42px !important; border: 1px solid var(--bp-line) !important; background: var(--bp-card2) !important; color: var(--bp-ink) !important; border-radius: 12px !important; font-size: 13px !important;} .v618-timerbar .rest-actions .end{color: var(--sw-primary) !important;} .workout-session-head.v618-session-head{margin: 0px 12px 16px !important; padding: 18px 20px !important; background: rgb(33, 27, 45) !important; border: 0px !important; border-radius: 22px !important; color: rgb(255, 255, 255) !important;} .v618-session-head .eyebrow{color: rgb(185, 169, 255) !important;} .v618-session-head h1{font: 800 clamp(27px,7vw,35px)/1.02 var(--sw-font-display) !important; color: rgb(255, 255, 255) !important; margin-top: 5px !important;} .v618-session-head .session-ring{width: 62px; height: 62px; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; color: rgb(255, 255, 255) !important;} .v618-session-head .session-ring span{color: rgba(255, 255, 255, 0.68) !important; opacity: 1 !important;} .v618-session-head .progress-track.session{height: 5px !important; background: rgba(255, 255, 255, 0.12) !important;} .v618-session-head .progress-track.session span{background: var(--sw-primary) !important;} .warmup-panel.v618-warmup{margin: 0px 8px 18px !important; padding: 14px 0px 18px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid var(--bp-line) !important; border-radius: 0px !important; background: transparent !important; color: var(--bp-ink) !important;} .v618-warmup h3{color: var(--bp-ink) !important;} .v618-warmup .pill{background: var(--bp-card2) !important; border-color: var(--bp-line) !important; color: var(--bp-muted) !important;} .v618-warmup .warmup-list{gap: 0px !important;} .v618-warmup .warmup-row{padding: 4px 0px; border-top: 1px solid var(--bp-line); grid-template-columns: 46px minmax(0px, 1fr) !important;} .v618-warmup .warm-check{min-height: 44px; background: transparent !important; border: 0px !important; color: var(--bp-muted) !important;} .v618-warmup .warmup-row.done .warm-check{color: var(--sw-primary) !important;} .v618-warmup .warm-info{min-height: 54px; background: transparent !important; border: 0px !important; border-radius: 0px !important; padding: 8px 2px !important; color: var(--bp-ink) !important;} .v618-warmup .warm-info strong{font-size: 16px !important;} .v618-warmup .warm-info small{font-size: 13px !important; color: var(--bp-muted) !important;} .v618-warmup .warm-info > span{background: var(--bp-card2) !important; color: var(--bp-muted) !important;} .active-exercise{opacity: 1 !important;} .active-exercise.v618-current{margin: 0px 0px 14px !important; padding: 0px 12px 18px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid var(--bp-line) !important; border-radius: 0px !important; background: transparent !important; color: var(--bp-ink) !important; box-shadow: none !important;} .active-exercise.v618-current.focus{border-color: var(--bp-line) !important; box-shadow: none !important;} .v618-current .v6-active-media{margin: 0px 0px 16px !important;} .v618-current .v6-active-media > button{height: 190px !important; border: 1px solid color-mix(in srgb,var(--sw-primary) 12%,var(--bp-line)) !important; border-radius: 20px !important; background: radial-gradient(circle at 50% 42%, rgba(106, 76, 255, 0.11), transparent 48%), linear-gradient(145deg, rgb(241, 238, 249), rgb(233, 229, 242)) !important;} .v618-current .v6-active-media .play{width: 50px; height: 50px; background: rgba(32, 24, 48, 0.76) !important;} .v618-current .bp9-anatomy .skin{fill: rgb(103, 98, 115) !important; stroke: rgb(144, 138, 156) !important;} .v618-current .v6-muscle-panel{margin: 0px !important;} .v618-current .bp9-muscle-copy{padding: 10px 2px 0px !important;} .v618-current .bp9-muscle-copy small{color: var(--sw-primary) !important; font-size: 10px !important;} .v618-current .bp9-muscle-copy strong{color: var(--bp-ink) !important; font-size: 15px !important;} .v618-current .active-exercise-top{margin-top: 16px;} .v618-current .exercise-preview-label{color: var(--sw-primary) !important; font-size: 11px !important;} .v618-current .active-exercise-title{font: 800 clamp(26px,7vw,34px)/1.06 var(--sw-font-display) !important; color: var(--bp-ink) !important;} .v618-current .exercise-meta{margin-top: 6px; font-size: 15px !important; color: var(--bp-muted) !important;} .v618-current .ghost-dot{width: 44px; height: 44px; color: var(--bp-muted) !important;} .v618-current .muscle-tags{display: none !important;} .v618-current .load-mode-row{display: block !important; margin: 18px 0px 12px !important; padding: 0px !important; background: transparent !important; border: 0px !important;} .v618-current .load-mode-row > span{display: block; margin-bottom: 8px; font-size: 11px !important; color: var(--bp-muted) !important;} .v618-current .load-mode-row > div{grid-template-columns: repeat(4, minmax(0px, 1fr)); padding: 4px; display: grid !important; gap: 5px !important; overflow: visible !important; background: var(--bp-card2) !important; border-radius: 16px !important;} .v618-current .load-mode-row button{min-width: 0px !important; min-height: 44px !important; padding: 6px 5px !important; border: 0px !important; border-radius: 12px !important; background: transparent !important; color: var(--bp-muted) !important; font-size: 12px !important; white-space: normal !important;} .v618-current .load-mode-row button.active{background: var(--bp-card) !important; color: var(--sw-primary) !important; box-shadow: rgba(42, 31, 62, 0.07) 0px 2px 8px !important;} .v618-current .recommend.compact{margin: 0px 0px 14px !important; padding: 12px 14px !important; border: 1px solid color-mix(in srgb,var(--sw-primary) 15%,var(--bp-line)) !important; border-radius: 16px !important; background: color-mix(in srgb,var(--sw-primary) 5%,var(--bp-card)) !important; color: var(--bp-ink) !important;} .v618-current .recommend.compact strong{font-size: 16px !important; color: var(--sw-primary) !important;} .v618-current .recommend.compact .tiny{margin-top: 3px; font-size: 14px !important; color: var(--bp-muted) !important;} .v618-current .v616-exercise-note{border-top: 1px solid var(--bp-line) !important; color: var(--bp-ink) !important;} .v618-current .v616-exercise-note small, .v618-current .v616-exercise-note > i{color: var(--bp-muted) !important;} .v618-current .v616-note-icon{color: var(--sw-primary) !important; background: color-mix(in srgb,var(--sw-primary) 9%,var(--bp-card2)) !important;} .v618-current .set-log-list.premium{gap: 8px !important; margin-top: 8px !important;} .v618-current .set-log-row{grid-template-columns: 46px minmax(0px, 1fr) minmax(0px, 1fr) 48px !important; gap: 7px !important; align-items: end !important; padding: 10px !important; border: 1px solid var(--bp-line) !important; border-radius: 16px !important; background: var(--bp-card2) !important;} .v618-current .set-log-row.done, .v618-current .set-log-row.done.bp9-editable-done{background: color-mix(in srgb,var(--sw-primary) 5%,var(--bp-card)) !important; border-color: color-mix(in srgb,var(--sw-primary) 20%,var(--bp-line)) !important;} .v618-current .set-number small, .v618-current .set-log-row label{color: var(--bp-muted) !important;} .v618-current .set-number strong{color: var(--bp-ink) !important;} .v618-current .set-log-row input, .v618-current .set-log-row.done input{min-width: 0px !important; width: 100% !important; min-height: 48px !important; padding: 9px 8px !important; border: 1px solid var(--bp-line) !important; border-radius: 12px !important; background: var(--bp-card) !important; color: var(--bp-ink) !important; -webkit-text-fill-color: var(--bp-ink) !important; font-size: 17px !important;} .v618-current .set-complete{width: 48px !important; height: 48px !important; border: 0px !important; border-radius: 14px !important; background: var(--sw-primary) !important; color: rgb(255, 255, 255) !important;} .active-exercise.v618-collapsed{margin: 0px 8px !important; padding: 14px 2px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid var(--bp-line) !important; border-radius: 0px !important; background: transparent !important; color: var(--bp-ink) !important; box-shadow: none !important;} .v618-collapsed > .v6-active-media, .v618-collapsed > .load-mode-row, .v618-collapsed > .recommend, .v618-collapsed > .set-log-list, .v618-collapsed > .rir-summary, .v618-collapsed > .v616-exercise-note{display: none !important;} .v618-collapsed .active-exercise-title{font-size: 20px !important; color: var(--bp-ink) !important;} .v618-collapsed .exercise-meta, .v618-collapsed .exercise-preview-label{color: var(--bp-muted) !important;} .v618-collapsed .muscle-tags{display: none !important;} .v618-collapsed .ghost-dot{display: none !important;} .v618-collapsed.v618-completed .active-exercise-title{color: var(--bp-muted) !important;} .v618-open-exercise{width: 100%; min-height: 48px; margin-top: 8px; padding: 0px 4px; border: 0px; background: transparent; color: var(--bp-muted); display: grid; grid-template-columns: 1fr auto 20px; align-items: center; gap: 8px; text-align: left;} .v618-open-exercise span{font-size: 13px;} .v618-open-exercise strong{font-size: 14px; color: var(--sw-primary);} .v618-open-exercise b{font-size: 22px; color: var(--sw-primary);} .workout-dock.v618-workout-dock{left: 8px !important; right: 8px !important; bottom: calc(8px + env(safe-area-inset-bottom)) !important; max-width: 704px !important; min-height: 72px !important; padding: 10px 10px 10px 16px !important; border: 1px solid color-mix(in srgb,var(--bp-line) 82%,transparent) !important; border-radius: 20px !important; background: color-mix(in srgb,var(--bp-card) 90%,transparent) !important; color: var(--bp-ink) !important; box-shadow: rgba(38, 28, 55, 0.12) 0px 12px 34px !important; backdrop-filter: blur(26px) saturate(155%) !important;} .v618-dock-progress{align-items: center; flex: 1 1 0%; display: grid !important; grid-template-columns: auto auto !important; gap: 3px 10px !important;} .v618-dock-progress span{font-size: 10px !important; color: var(--bp-muted) !important; opacity: 1 !important;} .v618-dock-progress strong{font: 800 15px/1 var(--sw-font-display) !important;} .v618-dock-progress i{grid-column: 1 / -1; width: 100%; height: 4px; border-radius: 999px; background: var(--bp-card2); overflow: hidden;} .v618-dock-progress i b{display: block; height: 100%; border-radius: inherit; background: var(--sw-primary);} .v618-workout-dock .v618-finish{min-height: 48px !important; padding: 0px 16px !important; border: 1px solid var(--bp-line) !important; border-radius: 14px !important; background: var(--bp-card2) !important; color: var(--bp-muted) !important; font-size: 14px !important;} .bp9-rest-card{font-family: var(--sw-font-body) !important;} .bp9-rest-history{border-radius: 18px !important;} .bp9-rest-set input{font-size: 17px !important;} @media (max-width: 390px) {.v618-preflight-backdrop > .v618-preflight{width: 100% !important; padding-left: 16px !important; padding-right: 16px !important;} .v618-preflight .preflight-times-r14{gap: 4px !important;} .v618-preflight .preflight-times-r14 button strong{font-size: 18px !important;} .v618-preflight .preflight-times-r14 button span{font-size: 9px !important;} .v618-preflight .bp6-workout-location > div{grid-template-columns: 1fr !important;} .v618-current .load-mode-row button{font-size: 11px !important;} .v618-current .set-log-row{grid-template-columns: 40px minmax(0px, 1fr) minmax(0px, 1fr) 46px !important; gap: 5px !important; padding: 8px 6px !important;}} @media (prefers-reduced-motion: reduce) {.v618-preflight-backdrop, .v618-preflight{animation: auto ease 0s 1 normal none running none !important;}} @font-face { font-family: Geist; src: url("fonts/geist-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } :root{--v62-font: "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --v62-violet: #6a4cff; --v62-violet-2: #8b6dff; --v62-ink: #17131f; --v62-muted: #6d6877; --v62-line: rgba(34,28,47,.10); --v62-soft: #f4f1f8; --v62-mint: #34e0c2; --v62-coral: #ff8a5b; --v62-gold: #ffc857; --v62-radius: 24px; --v62-radius-sm: 18px; --v62-shadow: 0 18px 50px rgba(30,22,49,.09); --v62-gradient: linear-gradient(112deg,#5d3dff 0%,#704cff 48%,#9b72ff 100%);} html, body, button, input, textarea, select{font-variation-settings: "opsz" 14; font-optical-sizing: auto; font-family: var(--v62-font) !important;} html body #app *, html body #modalRoot *, html body .topbar *{font-family: var(--v62-font) !important;} html body #app small, html body #modalRoot small{font-size: 13px !important; line-height: 18px !important;} html body #app label, html body #modalRoot label{font-size: 14px !important; line-height: 18px !important;} body{font-size: 16px; line-height: 1.5; letter-spacing: -0.012em; color: var(--v62-ink);} button, input, textarea, select{font-size: 16px;} h1, h2, h3, h4, .active-exercise-title{text-wrap: balance; font-family: var(--v62-font) !important; letter-spacing: -0.035em !important;} h1{font-size: clamp(28px, 8vw, 36px) !important; line-height: 1.08 !important; font-weight: 730 !important;} h2{font-size: 26px !important; line-height: 1.14 !important; font-weight: 700 !important;} h3{font-size: 20px !important; line-height: 1.25 !important; font-weight: 660 !important;} p{line-height: 1.55;} .tiny, .muted, .exercise-meta{font-size: 15px !important; line-height: 1.45 !important;} .eyebrow, .action-kicker, .exercise-preview-label, .set-number small, .bodyweight-static small{font-size: 13px !important; line-height: 18px !important; font-weight: 650 !important; letter-spacing: 0.015em !important; text-transform: none !important;} .action-primary, .v62-primary{min-height: 54px; border: 0px; border-radius: 18px; background: var(--v62-gradient); color: rgb(255, 255, 255); font-size: 16px; font-weight: 680; box-shadow: rgba(106, 76, 255, 0.23) 0px 12px 28px;} .v62-secondary{min-height: 52px; border: 1px solid var(--v62-line); border-radius: 18px; background: rgba(255, 255, 255, 0.72); font-weight: 630; color: var(--v62-ink);} .full{width: 100%;} #app{padding-bottom: 104px !important;} .v62-home .today-section-r11{margin-inline: 16px !important;} .v62-home .v62-photo-stage{isolation:isolate;position:relative;overflow:hidden;width:calc(100% + 2 * var(--swack-text-gutter))!important;max-width:none!important;margin:0 calc(-1 * var(--swack-text-gutter)) var(--swack-section-gap)!important;padding:24px var(--swack-text-gutter)!important;border:0!important;border-radius:var(--swack-media-radius)!important;background-image:linear-gradient(180deg,rgba(12,10,18,.12) 0%,rgba(12,10,18,.78) 68%,rgba(12,10,18,.92) 100%),var(--v62-stage-image)!important;background-size:cover!important;background-position:center!important;color:#fff!important;box-shadow:none!important;} .v62-home .v62-training-photo:not(.v673-rest-card){min-height:clamp(210px,calc(30svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),280px);height:auto;max-height:none;display:flex;flex-direction:column;justify-content:flex-end;} .v62-home .v62-food-photo{min-height:clamp(210px,62vw,360px);height:auto;max-height:none;display:flex;flex-direction:column;justify-content:flex-end;} .v62-home .v62-photo-stage > *{position: relative; z-index: 1;} .v62-home .v62-photo-stage::after{content: ""; position: absolute; inset: 0px; z-index: 0; background: radial-gradient(circle at 88% 10%, rgba(139, 109, 255, 0.3), transparent 32%); pointer-events: none;} .v62-home .v62-photo-stage h2, .v62-home .v62-photo-stage h3, .v62-home .v62-photo-stage strong{color: rgb(255, 255, 255) !important;} .v62-home .v62-photo-stage p, .v62-home .v62-photo-stage small, .v62-home .v62-photo-stage .muted{color: rgba(255, 255, 255, 0.78) !important;} .v62-home .v62-photo-stage .action-kicker, .v62-home .v62-photo-stage .eyebrow{color: rgb(185, 169, 255) !important;} .v62-home .v62-training-photo{display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:10px var(--swack-text-gutter)!important;margin-bottom:8px!important;} .v62-home .v62-training-photo:not(.v673-rest-card)::before{margin-bottom:4px;} .v62-home .v62-training-photo .v6-primary-row h2{font-size:clamp(24px,6.6vw,28px)!important;line-height:1.04!important;margin:4px 0 6px!important;overflow-wrap:anywhere;} .v62-home .v62-training-photo .v6-metrics{margin-bottom:4px!important;} .v62-home .v62-training-photo .v6-metrics > div{gap:2px!important;} .v62-home .v62-training-photo .v6-metrics > div > span{display:none!important;} .v62-home .v62-training-photo .v6-primary-action{min-height:44px!important;padding:10px 14px!important;} .v62-home .v62-training-photo .session-name-r13{max-width: 11ch; font-size: 36px !important; line-height: 1.02 !important;} .v62-home .v62-training-photo .action-primary{background: rgba(255, 255, 255, 0.96) !important; color: var(--v62-ink) !important; box-shadow: none !important;} .v62-home .v62-food-photo img{display: none !important;} .v62-home .meal-complete-r13{backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.16) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.24) !important;} body.v62-workout-mode{background: rgb(245, 243, 248) !important;} body.v62-workout-mode #app{max-width: 720px; margin: auto; scroll-padding-top: calc(env(safe-area-inset-top) + 96px); padding: calc(env(safe-area-inset-top) + 10px) 0 calc(154px + env(safe-area-inset-bottom)) !important;} body.v62-workout-mode .timerbar{backdrop-filter: blur(24px); margin: 0px 12px 18px !important; border: 1px solid rgba(255, 255, 255, 0.76) !important; border-radius: 0px 0px 24px 24px !important; background: rgba(255, 255, 255, 0.8) !important; box-shadow: rgba(27, 21, 42, 0.07) 0px 12px 30px !important;} .v62-session-summary{margin: 0px 16px 16px !important; padding: 18px 20px !important; border: 0px !important; border-radius: 22px !important; background: rgb(33, 27, 45) !important; color: white !important; box-shadow: var(--v62-shadow) !important;} .v62-session-summary h1{font-size: 25px !important; color: rgb(255, 255, 255) !important;} .v62-session-summary p, .v62-session-summary .eyebrow, .v62-session-summary .session-autosave{color: rgba(255, 255, 255, 0.68) !important;} .v62-session-summary .progress-track{background: rgba(255, 255, 255, 0.12) !important;} .v62-session-summary .progress-track span{background: var(--v62-gradient) !important;} body.v62-workout-mode .warmup-panel{margin: 0px 16px 20px !important; border: 0px !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.72) !important; box-shadow: none !important;} .active-exercise.v62-stage{position: relative; overflow: hidden; margin: 0px 12px 26px !important; padding: 0px 18px 26px !important; border: 1px solid rgba(105, 76, 255, 0.14) !important; border-radius: 30px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important;} .v62-stage .active-exercise-top{position: relative; display: block !important; padding: 29px 44px 18px 0px !important; border: 0px !important;} .v62-stage .active-thumb{display: none !important;} .v62-stage .active-exercise-info{width: 100% !important;} .v62-stage .v62-stage-rail{position: absolute; top: 0px; left: -18px; right: -18px; height: 4px; background: rgb(236, 232, 243);} .v62-stage .v62-stage-rail b{display: block; height: 100%; background: var(--v62-gradient); border-radius: 999px;} .v62-stage .exercise-preview-label{display: block; margin-bottom: 7px; color: var(--v62-violet) !important;} .v62-stage .active-exercise-title{font-size: 36px !important; line-height: 1.04 !important; font-weight: 730 !important; color: var(--v62-ink) !important;} .v62-stage .exercise-meta{margin-top: 8px; color: var(--v62-muted) !important;} .v62-stage .ghost-dot{width: 42px; height: 42px; font-size: 24px; position: absolute !important; right: 0px !important; top: 25px !important; color: var(--v62-muted) !important;} .v62-stage .muscle-tags{margin-top: 14px;} .v62-stage .muscle-tags span{padding: 7px 11px !important; border: 0px !important; border-radius: 999px !important; background: rgb(241, 237, 247) !important; color: rgb(84, 77, 96) !important; font-size: 13px !important;} .v62-stage .v6-active-media{order: 2; position: relative !important; margin: 0px 0px 20px !important; border: 0px !important; border-radius: 22px !important; background: rgb(21, 18, 29) !important; overflow: hidden !important;} .v62-stage .v6-inline-video{position: relative; aspect-ratio: 16 / 9; display: block !important; min-height: 190px !important; background: linear-gradient(135deg, rgb(25, 21, 34), rgb(40, 32, 58)) !important;} .v62-stage .v62-inline-video{display: block; width: 100%; height: 100%; min-height: 190px; object-fit: cover;} .v62-stage .v6-active-media > button{position: relative !important; inset: auto !important; z-index: 3 !important; display: block !important; width: 100% !important; height: auto !important; min-height: 190px !important; padding: 0px !important; border: 0px !important; background: rgb(21, 18, 29) !important; overflow: hidden !important;} .v62-stage .v6-active-media > button::after{content: none !important; display: none !important;} .v62-stage .v6-active-media > button > *{display: block !important;} .v62-atlas-strip{display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; padding: 13px 14px; background: rgb(27, 23, 36); color: rgb(255, 255, 255);} .v62-atlas-strip > span svg{display: block; width: 42px !important; height: 58px !important;} .v62-atlas-strip small{display: block; color: rgb(169, 150, 255) !important; font-size: 13px !important;} .v62-atlas-strip strong{display: block; font-size: 14px !important; line-height: 1.35 !important; color: rgba(255, 255, 255, 0.9) !important;} .v62-atlas-strip button{min-height: 40px; padding: 0px 4px; border: 0px; background: none; color: rgb(196, 184, 255); font-size: 14px; font-weight: 630;} .v62-stage .load-mode-row{padding: 18px 0px 14px !important; border-top: 1px solid var(--v62-line) !important;} .v62-stage .load-mode-row > span{font-size: 14px !important; text-transform: none !important; letter-spacing: 0px !important;} .v62-stage .load-mode-row > div{grid-template-columns: repeat(4, 1fr); gap: 5px; border-radius: 16px; display: grid !important; padding: 5px !important; background: var(--v62-soft) !important;} .v62-stage .load-mode-row button{min-height: 45px !important; padding: 6px !important; border: 0px !important; font-size: 13px !important;} .v62-stage .load-mode-row button.active{background: rgb(255, 255, 255) !important; color: var(--v62-violet) !important; box-shadow: rgba(34, 24, 60, 0.08) 0px 4px 16px !important;} .v62-stage .recommend{margin: 0px 0px 18px !important; padding: 16px !important; border: 1px solid rgba(106, 76, 255, 0.16) !important; border-radius: 18px !important; background: rgba(106, 76, 255, 0.043) !important;} .v62-stage .recommend strong{font-size: 16px !important; color: var(--v62-violet) !important;} .v62-stage .recommend .tiny{margin-top: 4px; color: var(--v62-muted) !important;} .v62-stage .set-log-list{display: grid; gap: 10px;} .v62-stage .set-log-row{min-height: 112px !important; padding: 14px !important; border: 1px solid var(--v62-line) !important; border-radius: 20px !important; background: rgb(250, 249, 252) !important; box-shadow: none !important;} .v62-stage .set-log-row.v62-next-set{border-color: rgba(106, 76, 255, 0.36) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(70, 49, 112, 0.09) 0px 10px 28px !important;} .v62-stage .set-log-row input{min-height: 54px !important; border: 1px solid rgba(49, 40, 64, 0.13) !important; border-radius: 16px !important; background: rgb(255, 255, 255) !important; font-size: 18px !important; font-weight: 650 !important;} .v62-stage .set-log-row label{font-size: 14px !important; font-weight: 620 !important; color: var(--v62-muted) !important;} .v62-stage .set-complete{width: 56px !important; height: 56px !important; border-radius: 18px !important; background: var(--v62-gradient) !important; color: rgb(255, 255, 255) !important; font-size: 24px !important;} .active-exercise.v62-stage-collapsed{margin: 0px 16px 12px !important; padding: 17px 18px !important; min-height: 0px !important; border: 1px solid var(--v62-line) !important; border-radius: 20px !important; background: rgba(255, 255, 255, 0.7) !important; box-shadow: none !important;} .v62-stage-collapsed .active-exercise-top{display: flex !important; align-items: center !important; padding: 0px !important;} .v62-stage-collapsed .active-thumb{width: 50px !important; height: 50px !important; flex: 0 0 50px !important;} .v62-stage-collapsed .active-exercise-title{font-size: 18px !important; line-height: 1.2 !important;} .v62-stage-collapsed .exercise-meta{font-size: 13px !important;} .v62-stage-collapsed .load-mode-row, .v62-stage-collapsed .recommend, .v62-stage-collapsed .set-log-list, .v62-stage-collapsed .rir-summary, .v62-stage-collapsed .v6-active-media, .v62-stage-collapsed .v616-exercise-note, .v62-stage-collapsed .muscle-tags{display: none !important;} .workout-dock{backdrop-filter: blur(28px) saturate(170%); border: 1px solid rgba(255, 255, 255, 0.42) !important; background: rgba(27, 22, 38, 0.88) !important; box-shadow: rgba(20, 14, 31, 0.24) 0px 16px 44px !important;} .workout-dock button{background: var(--v62-gradient) !important; border-radius: 18px !important;} .v62-timed-exercise .load-mode-row, .v62-timed-exercise .recommend, .v62-timed-exercise .set-log-list{display: none !important;} .v62-timed-stage{margin: 6px 0px 0px; padding: 18px; border-radius: 24px; background: rgb(28, 23, 39); color: rgb(255, 255, 255); text-align: center;} .v62-timed-stage header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 14px; color: rgba(255, 255, 255, 0.62);} .v62-timed-stage header strong{color: rgb(255, 255, 255);} .v62-timed-ring{--v62-timed-pct: 100%; display: grid; place-items: center; width: 224px; aspect-ratio: 1 / 1; margin: 0px auto 18px; border-radius: 50%; background: conic-gradient(var(--v62-violet) var(--v62-timed-pct),rgba(255,255,255,.10) 0); box-shadow: none;} .v62-timed-ring::before{content: ""; grid-area: 1 / 1; width: 194px; aspect-ratio: 1 / 1; border-radius: 50%; background: rgb(28, 23, 39);} .v62-timed-ring > div{grid-area: 1 / 1; z-index: 1;} .v62-timed-ring span, .v62-timed-ring small{display: block; color: rgb(170, 159, 183); font-size: 13px;} .v62-timed-ring strong{display: block; font-variant-numeric: tabular-nums; font-size: 54px; line-height: 1.05; letter-spacing: -0.05em;} .v62-timed-primary, .v62-timed-secondary{width: 100%; min-height: 54px; border: 0px; border-radius: 18px; background: var(--v62-gradient); color: rgb(255, 255, 255); font-size: 16px; font-weight: 680;} .v62-timed-secondary{background: rgba(255, 255, 255, 0.12);} .v62-timed-cancel{margin-top: 12px; border: 0px; background: none; color: rgb(170, 160, 182); font-size: 14px;} .v62-set-dots{display: flex; justify-content: center; gap: 8px; margin-top: 18px;} .v62-set-dots i{display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; font-style: normal; font-size: 13px; color: rgb(169, 159, 182);} .v62-set-dots i.active{border-color: rgb(141, 115, 255); color: rgb(255, 255, 255); background: rgba(106, 76, 255, 0.26);} .v62-set-dots i.done{border-color: transparent; background: rgb(52, 170, 128); color: rgb(255, 255, 255);} .v62-body-page{max-width: 720px; margin: auto; padding: 0px 16px 28px;} .v62-body-page .v6-page-head{padding-inline: 2px;} .v62-body-intro{display: grid; grid-template-columns: 1fr 104px; align-items: center; min-height: 172px; margin: 18px 0px; padding: 22px; border-radius: 28px; background: rgb(28, 23, 39); color: rgb(255, 255, 255); overflow: hidden;} .v62-body-intro > div > span{font-size: 14px; color: rgb(173, 154, 255); font-weight: 650;} .v62-body-intro h2{margin: 5px 0px 7px; color: rgb(255, 255, 255) !important;} .v62-body-intro p{margin: 0px; color: rgb(170, 161, 180); font-size: 14px;} .v62-body-atlas-visual{position: relative; text-align: center; color: rgb(170, 150, 255); font-size: 12px;} .v62-body-atlas-visual svg{filter: drop-shadow(rgba(106, 76, 255, 0.3) 0px 0px 18px); height: 126px !important; width: 94px !important;} .v62-body-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;} .v62-body-card{position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 10px; min-height: 186px; padding: 17px; text-align: left; border: 1px solid var(--v62-line); border-radius: 22px; background: rgb(255, 255, 255); color: var(--v62-ink); box-shadow: rgba(28, 21, 44, 0.055) 0px 9px 30px; overflow: hidden;} .v62-body-card.lead{grid-column: span 2; grid-template-columns: 44px 1fr; min-height: 170px; background: linear-gradient(140deg, rgb(255, 255, 255) 20%, rgb(241, 237, 255));} .v62-body-icon{display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: rgba(106, 76, 255, 0.09); color: var(--v62-violet);} .v62-body-icon svg{width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;} .v62-body-card small{display: block; font-size: 14px; color: var(--v62-muted);} .v62-body-card strong{display: block; margin-top: 3px; font-size: 27px; line-height: 1.1; letter-spacing: -0.04em;} .v62-body-card strong em{font-size: 14px; font-style: normal; color: var(--v62-muted); letter-spacing: 0px;} .v62-body-card > div > span{font-size: 13px; color: var(--v62-muted);} .v62-mini-spark{grid-column: 1 / -1; width: 100%; height: 36px; overflow: visible;} .v62-mini-spark polyline{fill: none; stroke: var(--v62-violet); stroke-width: 2.2; vector-effect: non-scaling-stroke;} .v62-body-card footer{grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; margin-top: auto;} .v62-body-card footer b{padding: 5px 8px; border-radius: 999px; background: rgb(240, 237, 245); color: rgb(102, 95, 112); font-size: 11px; font-weight: 650;} .v62-body-card footer b.ok{background: rgb(228, 247, 240); color: rgb(23, 123, 93);} .v62-body-card footer b.high{background: rgb(255, 240, 233); color: rgb(166, 77, 43);} .v62-body-card footer i{font-style: normal; font-size: 22px; color: rgb(158, 150, 169);} .v62-body-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px;} .v62-health-note{font-size: 13px; color: var(--v62-muted); text-align: center; margin: 18px 8px;} .v62-metric-backdrop{align-items: flex-end;} .v62-metric-sheet{width: min(100%, 720px) !important; max-height: 92dvh !important; padding: 24px 20px calc(24px + env(safe-area-inset-bottom)) !important; border-radius: 30px 30px 0px 0px !important; overflow: auto !important;} .v62-metric-sheet header{display: flex; align-items: center; gap: 12px; margin: 8px 0px 18px;} .v62-metric-sheet header small{font-size: 13px; color: var(--v62-violet); font-weight: 650;} .v62-metric-sheet header h2{margin: 0px;} .v62-metric-value{padding: 20px; border-radius: 22px; background: rgb(28, 23, 39); color: white;} .v62-metric-value strong{font-size: 46px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -0.05em;} .v62-metric-value > span{font-size: 17px; color: rgb(170, 160, 183);} .v62-metric-value p{margin: 8px 0px 0px; color: rgb(185, 175, 196); font-size: 14px;} .v62-periods{display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin: 14px 0px; padding: 4px; border-radius: 15px; background: var(--v62-soft);} .v62-periods button{min-height: 40px; border: 0px; border-radius: 12px; background: transparent; font-size: 13px; font-weight: 620; color: var(--v62-muted);} .v62-periods button.active{background: rgb(255, 255, 255); color: var(--v62-violet); box-shadow: rgba(32, 24, 50, 0.07) 0px 4px 15px;} .v62-chart-shell{min-height: 190px; padding: 10px 0px; border-radius: 20px; background: rgb(250, 249, 252);} .v62-detail-chart{display: block; width: 100%; height: auto;} .v62-detail-chart polyline{fill: none; stroke: var(--v62-violet); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;} .v62-detail-chart circle{fill: var(--v62-violet); stroke: rgb(255, 255, 255); stroke-width: 3;} .v62-detail-chart text{fill: var(--v62-muted); font: 12px var(--v62-font);} .v62-chart-empty{display: grid; place-items: center; min-height: 170px; padding: 24px; text-align: center; color: var(--v62-muted); font-size: 14px;} .v62-reference{margin: 14px 0px; padding: 16px; border: 1px solid var(--v62-line); border-radius: 20px;} .v62-reference > div{position: relative; height: 8px; margin-bottom: 10px; border-radius: 99px; background: linear-gradient(90deg, rgb(182, 204, 255), rgb(84, 215, 172) 42%, rgb(84, 215, 172) 60%, rgb(255, 171, 128));} .v62-reference > div b{position: absolute; top: 50%; width: 17px; height: 17px; transform: translate(-50%, -50%); border: 3px solid rgb(255, 255, 255); border-radius: 50%; background: var(--v62-ink); box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 8px;} .v62-reference > strong{display: block; font-size: 15px;} .v62-reference > small{display: block; margin-top: 3px; color: var(--v62-muted); font-size: 13px; line-height: 1.4;} .v62-history{margin-top: 20px;} .v62-history h3{font-size: 18px !important;} .v62-history > div{display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 13px 2px; border-bottom: 1px solid var(--v62-line); font-size: 14px;} .v62-history > div strong{font-size: 15px;} .v62-history > div small{grid-column: 1 / -1; color: var(--v62-muted); font-size: 12px;} .v62-body-entry .grid2{gap: 12px;} .v62-body-entry .field label{font-size: 14px;} .v62-body-entry input{min-height: 52px;} html[data-theme="dark"]{--v62-ink: #f7f4fb; --v62-muted: #aaa3b4; --v62-line: rgba(255,255,255,.10); --v62-soft: #24202d;} html[data-theme="dark"] body.v62-workout-mode{background: rgb(18, 16, 25) !important;} html[data-theme="dark"] .active-exercise.v62-stage, html[data-theme="dark"] .active-exercise.v62-stage-collapsed, html[data-theme="dark"] .v62-body-card{background: rgb(28, 25, 35) !important; color: rgb(247, 244, 251) !important;} html[data-theme="dark"] .v62-stage .set-log-row{background: rgb(33, 29, 42) !important;} html[data-theme="dark"] .v62-stage .set-log-row input{background: rgb(23, 20, 30) !important; color: rgb(255, 255, 255) !important;} html[data-theme="dark"] .v62-chart-shell, html[data-theme="dark"] .v62-periods{background: rgb(33, 29, 42);} @media (max-width: 390px) {.v62-stage .active-exercise-title{font-size: 32px !important;} .v62-body-grid{gap: 9px;} .v62-body-card{padding: 14px;} .v62-stage .load-mode-row > div{grid-template-columns: repeat(2, 1fr);} .v62-timed-ring{width: 202px;} .v62-timed-ring::before{width: 174px;}} @media (prefers-reduced-motion: reduce) { .v62-mini-spark{animation: auto ease 0s 1 normal none running none !important;}} .v62-home .v621-conditioning-stage{background-position: center 46% !important;} .v62-home .v621-mobility-stage{background-position: center 54% !important;} .v62-home .v621-conditioning-stage::after{background: radial-gradient(circle at 84% 18%, rgba(64, 112, 255, 0.2), transparent 34%) !important;} .v62-home .v621-mobility-stage::after{background: radial-gradient(circle at 84% 18%, rgba(139, 109, 255, 0.24), transparent 35%) !important;} .v62-home .v62-food-photo .action-title, .v62-home .v62-food-photo .meal-name-v513{color: rgb(255, 255, 255) !important; opacity: 1 !important; text-shadow: rgba(0, 0, 0, 0.88) 0px 2px 12px !important;} .v62-home .v62-food-photo .meal-name-v513{font-size: 16px !important; line-height: 1.4 !important; font-weight: 590 !important;} .v62-home .v62-food-photo .action-kicker{color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.72) 0px 2px 10px !important;} .v62-home .v62-food-photo .meal-recipe-cta{color: rgb(255, 255, 255) !important;} .bp5-food-page .bp5-week-switch button{position: relative; min-height: 78px !important; padding: 13px 42px 13px 16px !important; transition: transform 0.16s, box-shadow 0.18s !important;} .bp5-food-page .bp5-week-switch button.active{border-color: transparent !important; background: var(--v62-gradient) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(106, 76, 255, 0.25) 0px 12px 28px, rgba(255, 255, 255, 0.24) 0px 1px 0px inset !important;} .bp5-food-page .bp5-week-switch button.active strong, .bp5-food-page .bp5-week-switch button.active small{color: rgb(255, 255, 255) !important;} .bp5-food-page .bp5-week-switch button.active::after{content: "✓"; position: absolute; right: 14px; top: 50%; display: grid; place-items: center; width: 24px; height: 24px; transform: translateY(-50%); border-radius: 50%; background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); font-size: 14px; font-weight: 760;} .bp5-food-page .bp5-week-switch button:active{transform: scale(0.98);} html[data-theme="dark"] .bp5-food-page .bp5-week-switch button.active{background: var(--v62-gradient) !important;} :root{--v63-ink: #17151f; --v63-muted: #5f5b69; --v63-hairline: rgba(31,26,42,.10); --v63-purple: #6847ff; --v63-purple-2: #8d68ff; --v63-radius: 24px; --v63-shadow: 0 18px 52px rgba(42,31,76,.09);} #modalRoot{position: relative; z-index: 10000;} body.v63-modal-open{overscroll-behavior: none;} body.v63-modal-open .topbar{filter: saturate(0.86);} #modalRoot .modal-backdrop{z-index: 10000 !important; background: rgba(22, 24, 29, 0.34) !important; backdrop-filter: blur(15px) !important;} #modalRoot .modal{padding-bottom: max(28px,env(safe-area-inset-bottom)) !important; box-shadow: rgba(26, 22, 36, 0.2) 0px -24px 70px !important;} #modalRoot > .v618-preflight-backdrop{position: fixed !important; inset: 0px !important; width: auto !important; max-width: none !important; transform: none !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; padding: 0px !important;} #modalRoot > .v618-preflight-backdrop > .v618-preflight{position: relative !important; inset: auto !important; width: min(100%, 560px) !important; max-width: 560px !important; max-height: min(88dvh, 760px) !important; margin: 0px !important; padding: 24px 20px calc(20px + env(safe-area-inset-bottom)) !important; transform: none !important; overflow: hidden auto !important; box-sizing: border-box !important;} #modalRoot .v618-preflight .preflight-go-r14{position: sticky !important; bottom: 0px !important; z-index: 3 !important; min-height: 56px !important; margin-top: 18px !important; box-shadow: rgba(255, 255, 255, 0.94) 0px -12px 22px, rgba(106, 76, 255, 0.2) 0px 12px 28px !important;} #modalRoot .v618-preflight .preflight-times-r14 button span{font-size: 12px !important; letter-spacing: 0.02em !important;} #modalRoot .modal > .eyebrow, #modalRoot .modal > .v63-guide-heading > small{text-transform: none !important; letter-spacing: 0px !important; font-size: 14px !important; font-weight: 650 !important; color: var(--v63-purple) !important;} #modalRoot .modal h2{font-size: 30px !important; line-height: 1.08 !important; letter-spacing: -0.035em !important;} #modalRoot .profile-edit-link-r7{min-height: 64px !important; padding: 14px 0px !important;} #modalRoot .profile-edit-link-r7 strong{font-size: 16px !important;} #modalRoot .profile-edit-link-r7 small, #modalRoot .muted, #modalRoot .tiny{font-size: 14px !important; line-height: 1.45 !important; color: var(--v63-muted) !important;} .v63-next-meal .v63-meal-action, .v63-meals-complete .v63-meal-complete-action{position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 54px !important; margin-top: 16px !important; padding: 0px 18px !important; border: 1px solid rgba(255, 255, 255, 0.55) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.91) !important; color: var(--v63-purple) !important; box-shadow: rgba(12, 10, 18, 0.18) 0px 10px 28px !important; font-size: 16px !important; font-weight: 700 !important; backdrop-filter: blur(18px) !important;} .v63-next-meal .v63-meal-action::before{content: "✓"; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg,var(--v63-purple),var(--v63-purple-2)); color: rgb(255, 255, 255); font-size: 14px;} .v63-meals-complete{cursor: pointer; min-height: 315px !important;} .v63-meals-complete::after{background: linear-gradient(90deg, rgba(11, 10, 15, 0.92) 0%, rgba(11, 10, 15, 0.66) 58%, rgba(11, 10, 15, 0.18) 100%) !important;} .v63-meals-complete > div{max-width: 86% !important;} .v63-meals-complete strong{font-size: 27px !important; line-height: 1.04 !important; color: rgb(255, 255, 255) !important;} .v63-meals-complete span, .v63-meals-complete em{color: rgba(255, 255, 255, 0.82) !important;} .v63-toast{position: fixed; z-index: 20000; left: 50%; bottom: max(28px,env(safe-area-inset-bottom)); transform: translate(-50%, 18px); max-width: calc(-36px + 100vw); padding: 13px 18px; border-radius: 18px; background: rgba(24, 21, 33, 0.94); color: rgb(255, 255, 255); box-shadow: rgba(20, 16, 30, 0.28) 0px 16px 46px; font-size: 15px; font-weight: 600; opacity: 0; transition: 0.2s; backdrop-filter: blur(20px);} .v63-toast.show{opacity: 1; transform: translate(-50%, 0px);} .v63-completed-page{width: min(100%, 760px) !important; margin: 0px auto !important; padding: 18px 20px 48px !important;} .v63-completed-page .bp9-back{font-size: 15px !important; font-weight: 650 !important;} .v63-completed-page .bp9-completed-hero{margin: 20px 0px 16px !important; padding: 24px !important; border-radius: 28px !important; background: linear-gradient(145deg, rgb(23, 20, 33), rgb(40, 32, 59)) !important; color: rgb(255, 255, 255) !important; box-shadow: var(--v63-shadow) !important;} .v63-completed-page .bp9-completed-hero small{font-size: 13px !important; letter-spacing: 0px !important; text-transform: none !important; color: rgb(185, 169, 255) !important;} .v63-completed-page .bp9-completed-hero h1{font-size: 34px !important; line-height: 1.02 !important; letter-spacing: -0.045em !important; color: rgb(255, 255, 255) !important;} .v63-completed-page .bp9-completed-hero p{font-size: 15px !important; color: rgba(255, 255, 255, 0.68) !important;} .v63-session-summary{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0px 0px 24px;} .v63-session-summary > div{padding: 17px 12px; border: 1px solid var(--v63-hairline); border-radius: 20px; background: rgba(255, 255, 255, 0.66); text-align: center; box-shadow: rgba(42, 31, 76, 0.05) 0px 10px 30px;} .v63-session-summary strong, .v63-session-summary span{display: block;} .v63-session-summary strong{font-size: 24px; line-height: 1.05;} .v63-session-summary span{margin-top: 5px; font-size: 13px; color: var(--v63-muted);} .v63-completed-page .bp9-completed-toolbar{margin-bottom: 14px !important; padding: 0px 2px 14px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-image: none !important; border-bottom: 1px solid var(--v63-hairline) !important; background: transparent !important; box-shadow: none !important;} .v63-completed-page .bp9-completed-toolbar > div:first-child strong{font-size: 21px !important;} .v63-completed-page .bp9-completed-toolbar p{font-size: 15px !important;} .v63-completed-exercise{overflow: hidden; margin: 0px 0px 10px !important; padding: 0px !important; border: 1px solid var(--v63-hairline) !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.72) !important; box-shadow: rgba(42, 31, 76, 0.043) 0px 8px 30px !important;} .v63-completed-exercise > header{position: relative; cursor: pointer; outline: none; display: grid !important; grid-template-columns: 1fr auto auto !important; align-items: center !important; gap: 12px !important; min-height: 88px !important; padding: 18px !important;} .v63-completed-exercise > header:focus-visible{box-shadow: inset 0 0 0 2px var(--v63-purple);} .v63-completed-exercise > header small{font-size: 13px !important; letter-spacing: 0px !important; text-transform: none !important; color: var(--v63-purple) !important;} .v63-completed-exercise > header h2{font-size: 20px !important; line-height: 1.15 !important; letter-spacing: -0.025em !important;} .v63-completed-exercise > header p{font-size: 14px !important; color: var(--v63-muted) !important;} .v63-disclosure{display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(106, 76, 255, 0.08); color: var(--v63-purple); font-style: normal; font-size: 18px; transition: transform 0.18s;} .v63-completed-exercise[data-v63-open="0"] .v63-disclosure{transform: rotate(-90deg);} .v63-completed-exercise[data-v63-open="0"] .bp9-completed-sets, .v63-completed-exercise[data-v63-open="0"] .bp9-rir{display: none !important;} .v63-completed-exercise .bp9-completed-sets{padding: 0px 18px 16px !important;} .v63-completed-exercise .bp9-completed-set{min-height: 48px !important; border-top: 1px solid var(--v63-hairline) !important; font-size: 14px !important;} .v63-progress-page .v6-page-head h1{font-size: 34px !important; letter-spacing: -0.045em !important;} .v63-progress-page .bp5-progress-tabs{min-height: 54px !important; padding: 5px !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.44) !important;} .v63-progress-page .bp5-progress-tabs button{min-height: 44px !important; font-size: 15px !important; font-weight: 650 !important; border-radius: 14px !important;} .v63-progress-page .v6-stat-grid{gap: 10px !important;} .v63-progress-page .v6-stat-grid > div{padding: 18px !important; border-radius: 20px !important; background: rgba(255, 255, 255, 0.68) !important; border: 1px solid var(--v63-hairline) !important; box-shadow: none !important;} .v63-progress-page .v6-stat-grid small, .v63-progress-list > small, .v63-weight-story > small{font-size: 13px !important; letter-spacing: 0px !important; text-transform: none !important; color: var(--v63-muted) !important;} .v63-progress-list{padding: 22px !important; border-radius: 26px !important; background: rgba(255, 255, 255, 0.6) !important; box-shadow: none !important;} .v63-progress-list .bp5-progress-row{min-height: 66px !important; padding: 14px 0px !important; border-color: var(--v63-hairline) !important;} .v63-progress-list .bp5-progress-row strong{font-size: 16px !important;} .v63-progress-list .bp5-progress-row small{font-size: 14px !important;} .v63-weight-story{border: 0px !important; border-radius: 28px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(244, 240, 255, 0.78)) !important; box-shadow: var(--v63-shadow) !important;} .v63-profile-page{max-width: 760px !important; padding: 18px 20px 46px !important;} .v63-profile-page .v6-profile-hero{padding: 24px !important; border-radius: 28px !important; background: linear-gradient(145deg, rgb(25, 21, 34), rgb(42, 33, 64)) !important; color: rgb(255, 255, 255) !important; box-shadow: var(--v63-shadow) !important;} .v63-profile-page .v6-profile-hero h1{font-size: 32px !important; letter-spacing: -0.045em !important; color: rgb(255, 255, 255) !important;} .v63-profile-page .v6-profile-hero span{font-size: 14px !important; color: rgba(255, 255, 255, 0.68) !important;} .v63-profile-page .v6-profile-shortcuts{gap: 10px !important; margin: 14px 0px 24px !important;} .v63-profile-page .v6-profile-shortcuts button{min-height: 78px !important; border: 1px solid rgba(106, 76, 255, 0.09) !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(245, 241, 255, 0.76)) !important;} .v63-profile-page .v6-profile-shortcuts b{font-size: 14px !important;} .v63-settings-groups{padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;} .v63-settings-groups > small{display: block; margin: 0px 0px 10px 4px; font-size: 14px !important; letter-spacing: 0px !important; text-transform: none !important; color: var(--v63-muted) !important;} .v63-settings-groups > button{min-height: 64px !important; margin-bottom: 8px !important; padding: 0px 16px !important; border: 1px solid var(--v63-hairline) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.62) !important;} .v63-settings-groups > button span{display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 11px !important; background: rgba(106, 76, 255, 0.08) !important; color: var(--v63-purple) !important;} .v63-settings-groups > button b{font-size: 16px !important;} .v63-settings-groups > button i{color: rgb(145, 139, 153) !important;} .v63-profile-page .v6-profile-context{padding: 20px !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.6) !important; border: 1px solid var(--v63-hairline) !important;} .v63-profile-page .v6-profile-context small{font-size: 13px !important; letter-spacing: 0px !important; text-transform: none !important;} .v63-exercise-poster{position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 22px; background: radial-gradient(circle at 76% 28%, rgba(120, 82, 255, 0.48), transparent 34%), linear-gradient(135deg, rgb(17, 19, 29) 0%, rgb(33, 26, 49) 58%, rgb(21, 17, 31) 100%); color: rgb(255, 255, 255); text-align: left;} .v63-poster-glow{position: absolute; inset: auto -12% -55% 18%; height: 90%; background: radial-gradient(rgba(112, 71, 255, 0.4), transparent 66%); filter: blur(18px);} .v63-poster-mark{position: absolute; right: 7%; top: 8%; bottom: 8%; width: 39%; display: grid; place-items: center; opacity: 0.82;} .v63-poster-mark svg{filter: drop-shadow(rgba(95, 55, 255, 0.24) 0px 14px 26px); width: 100% !important; height: 100% !important; max-height: none !important;} .v63-poster-copy{position: absolute; z-index: 2; left: 22px; right: 42%; bottom: 22px; display: block;} .v63-poster-copy small, .v63-poster-copy strong, .v63-poster-copy em{display: block;} .v63-poster-copy small{font-size: 12px; font-weight: 700; color: rgb(173, 151, 255); letter-spacing: 0.02em;} .v63-poster-copy strong{margin: 6px 0px 5px; font-size: 25px; line-height: 1.02; letter-spacing: -0.035em; color: rgb(255, 255, 255);} .v63-poster-copy em{font-size: 13px; font-style: normal; color: rgba(255, 255, 255, 0.66);} .v63-poster-play{position: absolute; z-index: 3; right: 20px; bottom: 20px; display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgba(10, 8, 15, 0.55); color: rgb(255, 255, 255); font-size: 18px; backdrop-filter: blur(12px);} .v63-poster-play i{width: 18px; height: 18px; border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0.42) rgb(255, 255, 255) rgba(255, 255, 255, 0.42) rgba(255, 255, 255, 0.42); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin;} .v63-poster-technique{position: absolute; z-index: 3; right: 16px; bottom: 16px; display: inline-flex; align-items: center; min-height: 42px; padding: 0px 14px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; background: rgba(10, 8, 15, 0.64); color: rgb(255, 255, 255); font-size: 14px; font-weight: 680; backdrop-filter: blur(12px);} .v63-exercise-poster.compact{height: 100%; min-height: 190px; border-radius: 0px;} .v63-exercise-poster.compact .v63-poster-copy{left: 18px; bottom: 17px;} .v63-exercise-poster.compact .v63-poster-copy strong{font-size: 21px;} .v63-exercise-poster.compact .v63-poster-play{width: 48px; height: 48px; right: 16px; bottom: 16px;} .v63-exercise-guide{padding-top: 26px !important;} .v63-guide-heading{padding-right: 56px;} .v63-guide-heading p{margin: 7px 0px 0px; font-size: 14px; color: var(--v63-muted);} .v63-exercise-guide .exercise-media{min-height: 0px !important; margin: 18px 0px !important;} .v63-guide-video{position: relative; min-height: 0px !important; border-radius: 22px !important;} .v63-guide-video video{aspect-ratio: 16 / 9; object-fit: cover;} .v63-guide-poster{z-index: 3; position: absolute !important; inset: 0px 0px 25px !important; width: 100% !important; padding: 0px !important; border: 0px !important; background: none !important; transition: opacity 0.18s !important;} .v63-guide-poster.played{opacity: 0 !important; pointer-events: none !important;} .v63-guide-fallback > p{margin: 10px 4px 0px; font-size: 14px; color: var(--v63-muted);} .v63-exercise-guide .equipment-requirement{display: inline-flex !important; margin: 0px 0px 18px !important; padding: 9px 13px !important; border-radius: 999px !important; font-size: 13px !important;} .v63-exercise-guide .guide-list{counter-reset: guide 0; display: grid; gap: 10px; margin: 0px; padding: 0px; list-style: none;} .v63-exercise-guide .guide-list li{position: relative; min-height: 54px; padding: 14px 14px 14px 50px; border: 1px solid var(--v63-hairline); border-radius: 16px; background: rgba(255, 255, 255, 0.58); font-size: 16px; line-height: 1.45;} .v63-exercise-guide .guide-list li::before{counter-increment: guide 1; content: counter(guide); position: absolute; left: 13px; top: 13px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; background: rgba(106, 76, 255, 0.1); color: var(--v63-purple); font-size: 13px; font-weight: 750;} .v63-exercise-guide .privacy-note{margin: 16px 4px 0px; font-size: 13px; line-height: 1.4; color: rgb(135, 129, 143);} .v63-inline-shell{position: relative; display: block; width: 100%; height: 100%; min-height: 190px;} .v63-inline-poster{position: absolute !important; z-index: 5 !important; inset: 0px !important; width: 100% !important; height: 100% !important; padding: 0px !important; border: 0px !important; background: none !important;} .v63-inline-poster.played{opacity: 0 !important; pointer-events: none !important;} .v63-has-poster.v62-playing .v63-inline-poster{opacity: 0 !important; pointer-events: none !important;} body.v62-workout-mode .active-exercise{scroll-margin-top: calc(env(safe-area-inset-top) + 104px);} body.v62-workout-mode .workout-dock{bottom: calc(8px + env(safe-area-inset-bottom)) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: 696px !important; margin: auto !important;} .v63-warmup-complete{padding: 8px !important;} .v63-warmup-complete > .row, .v63-warmup-complete > .warmup-list{display: none !important;} .v63-warmup-complete.expanded > .row{display: flex !important;} .v63-warmup-complete.expanded > .warmup-list{display: grid !important;} .v63-warmup-toggle{display: flex; width: 100%; min-height: 48px; align-items: center; padding: 0px 14px; border: 0px; border-radius: 15px; background: rgb(234, 247, 242); color: rgb(23, 123, 93); font-size: 15px; font-weight: 680; text-align: left;} .v63-warmup-complete.expanded .v63-warmup-toggle{margin-bottom: 10px;} .v62-stage .v6-active-media > button:focus-visible{outline-offset: 2px; outline: rgb(155, 131, 255) solid 3px !important;} .v62-body-card strong{display: inline-flex !important; align-items: baseline !important; gap: 6px !important; white-space: nowrap !important; letter-spacing: -0.035em !important;} .v62-body-card strong em{display: inline-block !important; flex: 0 0 auto !important; margin: 0px !important; letter-spacing: 0px !important;} .v62-metric-value{display: grid !important; grid-template-columns: max-content auto !important; align-items: baseline !important; column-gap: 9px !important;} .v62-metric-value strong, .v62-metric-value > span{min-width: 0px !important;} .v62-metric-value p{grid-column: 1 / -1 !important;} .v6-page-head p, .bp5-progress-row small, .v6-settings-list button b, .recipe-modal p, .recipe-modal li{font-size: max(15px, 1em);} @media (max-width: 430px) {.v63-completed-page, .v63-profile-page{padding-left: 16px !important; padding-right: 16px !important;} .v63-session-summary{gap: 6px;} .v63-session-summary > div{padding: 15px 7px;} .v63-session-summary strong{font-size: 21px;} .v63-session-summary span{font-size: 12px;} .v63-poster-copy{left: 17px; right: 39%; bottom: 17px;} .v63-poster-copy strong{font-size: 21px;} .v63-poster-copy em{font-size: 12px;} .v63-poster-play{right: 15px; bottom: 15px; width: 46px; height: 46px;} #modalRoot > .v618-preflight-backdrop > .v618-preflight{padding: 22px 16px calc(16px + env(safe-area-inset-bottom)) !important;} .v62-body-card strong{font-size: clamp(22px, 7vw, 27px) !important; gap: 5px !important;} .v62-metric-value strong{font-size: clamp(38px, 12vw, 46px) !important;} .v62-stage .load-mode-row > div{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}} @media (prefers-reduced-motion: reduce) { .v63-toast, .v63-disclosure, .v63-guide-poster, .v63-inline-poster{transition: none !important;} .v63-poster-play i{animation: auto ease 0s 1 normal none running none !important;}} :root{--v64-space-1: 4px; --v64-space-2: 8px; --v64-space-3: 12px; --v64-space-4: 16px; --v64-space-5: 20px; --v64-space-6: 24px; --v64-space-8: 32px;} body.v64-preflight-open{overscroll-behavior: none; overflow: hidden !important;} #modalRoot > .v618-preflight-backdrop{position: fixed !important; inset: 0px !important; width: 100vw !important; max-width: none !important; margin: 0px !important; transform: none !important; padding: 0px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; z-index: 99999 !important; overflow: hidden !important; box-sizing: border-box !important;} #modalRoot > .v618-preflight-backdrop > .v618-preflight{position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; width: min(100%, 760px) !important; max-width: 760px !important; max-height: min(88dvh, 820px) !important; margin: 0px !important; padding: 28px max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left)) !important; box-sizing: border-box !important; overflow: hidden auto !important; border-radius: 34px 34px 0px 0px !important;} #modalRoot .v618-preflight *{min-width: 0px; box-sizing: border-box !important;} #modalRoot .v618-preflight h2{overflow-wrap: anywhere; font-size: clamp(30px, 8vw, 42px) !important; line-height: 1.02 !important;} #modalRoot .v618-preflight .choice-row{display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 8px !important; width: 100% !important;} #modalRoot .v618-preflight .choice-row > *{width: 100% !important; min-width: 0px !important; padding-inline: 4px !important;} #modalRoot .v618-preflight .preflight-times-r14{display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; width: 100% !important; max-width: 100% !important; gap: 6px !important; overflow: visible !important;} #modalRoot .v618-preflight .preflight-times-r14 button{width: 100% !important; min-width: 0px !important; max-width: 100% !important;} @media (max-width: 380px) {#modalRoot .v618-preflight{padding-inline: 16px !important;} #modalRoot .v618-preflight .choice-row{gap: 5px !important;} #modalRoot .v618-preflight .choice-row > *{font-size: 14px !important;}} .v64-photo-poster{isolation: isolate; position: relative !important; display: block !important; overflow: hidden !important; background: rgb(17, 19, 32) !important;} .v64-photo-poster > img{z-index: 0; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important;} .v64-photo-poster .v64-poster-shade{position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(8, 9, 17, 0.03) 40%, rgba(8, 9, 17, 0.86) 100%);} .v64-photo-poster .v64-poster-title{position: absolute; left: 18px; right: 72px; bottom: 15px; z-index: 2; color: rgb(255, 255, 255); display: grid; gap: 2px; text-shadow: rgba(0, 0, 0, 0.42) 0px 1px 12px;} .v64-photo-poster .v64-poster-title small{letter-spacing: 0.08em; font-size: 11px !important;} .v64-photo-poster .v64-poster-title strong{font-size: 18px !important; line-height: 1.15 !important;} .v64-photo-poster .v63-poster-play, .v64-photo-poster .v63-poster-technique{z-index: 3;} .v64-poster-fallback{position: absolute; inset: 0px; z-index: 0;} .v64-poster-fallback[hidden]{display: none !important;} .v64-photo-poster.compact .v64-poster-title small{display: none;} .v64-photo-poster.compact .v64-poster-title{left: 10px; right: 10px; bottom: 8px;} .v64-photo-poster.compact .v64-poster-title strong{font-size: 13px !important;} .v64-serving-selector{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;padding:12px 0;border-top:1px solid var(--bp-line);border-radius:0;background:none;} .v64-serving-selector > span{font-weight: 650; font-size: 15px;} .v64-serving-selector > div{display: flex; align-items: center; gap: 10px;} .v64-serving-selector button{width:44px;height:44px;border-radius:12px;border:1px solid var(--bp-line);background:var(--bp-card2);color:var(--bp-purple);font-size:24px;font-weight:600;} .v64-serving-selector strong{min-width: 28px; text-align: center; font-size: 18px;} .onboard-card, .auth-card, .v6-profile-page, .v6-food-page, .v6-plan, .v6-progress-page{font-family: Geist, system-ui, sans-serif;} .onboard-card p, .auth-card p, .v6-profile-page p, .v6-food-page p, .v6-plan p{font-size: max(15px, 1em); line-height: 1.5;} .recipe-modal h2{overflow-wrap: anywhere; font-size: clamp(30px, 8vw, 44px) !important; line-height: 1.02 !important;} .recipe-modal .guide-list li{font-size: 17px !important; line-height: 1.52 !important;} .ingredient-list > div{gap: 18px;} .ingredient-list > div > span{min-width: 0px; overflow-wrap: anywhere;} .ingredient-list > div > strong{flex: 0 0 auto; white-space: nowrap;} .v62-body-card strong{column-gap: 7px !important; line-height: 1.08 !important;} .v62-body-card strong small, .v62-body-card strong span{margin-left: 0px !important; white-space: nowrap !important;} .completed-session-actions{gap: 8px !important;} .v64-start-copy{white-space: nowrap;} .v63-home .v6-quick-actions{margin-top: 18px !important;} @media (max-height: 760px) { } html, body{overflow-x: clip !important;} body.v641-preflight-open{overflow: hidden !important; overscroll-behavior: none !important;} #modalRoot.v641-root{position: fixed !important; inset: 0px !important; z-index: 2147483000 !important; width: 100% !important; height: 100dvh !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; transform: none !important; box-sizing: border-box !important; contain: layout paint !important;} .v641-preflight-layer{position: absolute !important; inset: 0px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; box-sizing: border-box !important; background: rgba(22, 19, 29, 0.38) !important; backdrop-filter: blur(15px) saturate(115%) !important;} .v641-preflight-sheet{position: relative !important; inset: auto !important; display: block !important; flex: 0 0 auto !important; width: calc(100% - 24px) !important; max-width: 560px !important; min-width: 0px !important; max-height: calc(100dvh - max(12px,env(safe-area-inset-top))) !important; margin: 0px 12px !important; padding: 18px 20px calc(18px + env(safe-area-inset-bottom)) !important; overflow: hidden auto !important; box-sizing: border-box !important; transform: none !important; translate: none !important; border-width: 1px 1px 0px !important; border-style: solid solid none !important; border-color: rgba(72, 61, 91, 0.13) rgba(72, 61, 91, 0.13) currentcolor !important; border-image: none !important; border-radius: 30px 30px 0px 0px !important; background: rgb(251, 250, 253) !important; color: rgb(23, 19, 31) !important; box-shadow: rgba(26, 20, 38, 0.22) 0px -24px 68px !important; overscroll-behavior: contain !important;} .v641-sheet-handle{width: 46px; height: 5px; margin: 0px auto 18px; border-radius: 999px; background: rgb(200, 195, 204);} .v641-sheet-close{position: absolute; right: 18px; top: 50px; display: grid; place-items: center; width: 52px; height: 52px; padding: 0px; border: 1px solid rgb(223, 218, 230); border-radius: 50%; background: rgb(243, 240, 247); color: rgb(23, 19, 31); font-size: 31px; line-height: 1;} .v641-preflight-sheet header{padding-right: 60px;} .v641-preflight-sheet header small{display: block; color: rgb(95, 89, 104); font-size: 14px; font-weight: 700; letter-spacing: 0.08em;} .v641-preflight-sheet h2{margin: 8px 0px 22px; font-size: clamp(32px, 8.6vw, 42px) !important; line-height: 1.02 !important; font-weight: 760 !important; letter-spacing: -0.05em !important; color: rgb(23, 19, 31) !important;} .v641-time-grid{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 7px; width: 100%;} .v641-time-grid button{display: grid; place-content: center; gap: 3px; width: 100%; min-width: 0px; height: 68px; padding: 0px; border: 1px solid rgb(223, 217, 231); border-radius: 18px; background: rgb(244, 241, 247); color: rgb(23, 19, 31);} .v641-time-grid button strong{font-size: 21px; line-height: 1; font-weight: 780;} .v641-time-grid button span{font-size: 11px; line-height: 1; font-weight: 720;} .v641-time-grid button.active{border-color: rgb(104, 71, 255); background: rgb(104, 71, 255); color: rgb(255, 255, 255);} .v641-preflight-sheet .bp6-workout-location{margin: 18px 0px 0px;} .v641-preflight-sheet .bp6-workout-location > label{display: block; margin-bottom: 8px; color: rgb(95, 89, 104); font-size: 14px; font-weight: 650;} .v641-preflight-sheet .bp6-workout-location > div{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px;} .v641-preflight-sheet .bp6-workout-location button{min-width: 0px; min-height: 48px; padding: 7px 9px; border: 1px solid rgb(223, 217, 231); border-radius: 14px; background: rgb(244, 241, 247); color: rgb(49, 43, 57);} .v641-preflight-sheet .bp6-workout-location button.active{border-color: rgba(104, 71, 255, 0.4); background: rgba(104, 71, 255, 0.09); color: rgb(95, 62, 255);} .v641-preflight-sheet .bp6-workout-location strong, .v641-preflight-sheet .bp6-workout-location small{display: block;} .v641-preflight-sheet .bp6-workout-location strong{font-size: 13px;} .v641-preflight-sheet .bp6-workout-location small{margin-top: 2px; font-size: 11px; color: rgb(108, 101, 116);} .v641-readiness-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px;} .v641-readiness-head strong{font-size: 18px;} .v641-readiness-head button{min-height: 44px; padding: 0px; border: 0px; background: transparent; color: rgb(104, 71, 255); font-size: 16px; font-weight: 700;} .v641-signal-row{display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px;} .v641-signal-row button{min-height: 44px; padding: 9px 13px; border: 1px solid rgb(223, 217, 231); border-radius: 999px; background: rgb(244, 241, 247); color: rgb(96, 89, 105); font-size: 14px; font-weight: 650;} .v641-signal-row button.active{border-color: rgba(104, 71, 255, 0.36); background: rgba(104, 71, 255, 0.1); color: rgb(95, 62, 255);} .v641-note[hidden]{display: none;} .v641-note{margin-top: 12px;} .v641-note textarea{display: block; width: 100%; min-height: 92px; padding: 13px; border: 1px solid rgb(220, 214, 228); border-radius: 16px; background: rgb(255, 255, 255); color: rgb(23, 19, 31); font-size: 16px; line-height: 1.45; box-sizing: border-box; resize: vertical;} .v641-continue{position: sticky; bottom: 0px; display: block; width: 100%; min-height: 56px; margin-top: 16px; border: 0px; border-radius: 18px; background: linear-gradient(100deg, rgb(104, 71, 255), rgb(135, 89, 255)); color: rgb(255, 255, 255); font-size: 17px; font-weight: 730; box-shadow: rgba(251, 250, 253, 0.95) 0px -12px 22px, rgba(104, 71, 255, 0.22) 0px 12px 26px;} #modalRoot .v641-guide-backdrop{position: fixed !important; inset: 0px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; width: 100% !important; height: 100dvh !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; box-sizing: border-box !important; transform: none !important;} #modalRoot .v641-guide-sheet{position: relative !important; inset: auto !important; width: calc(100% - 24px) !important; max-width: 560px !important; max-height: calc(100dvh - max(12px,env(safe-area-inset-top))) !important; margin: 0px 12px !important; padding: 24px 20px calc(24px + env(safe-area-inset-bottom)) !important; overflow: hidden auto !important; box-sizing: border-box !important; transform: none !important; translate: none !important; border-radius: 30px 30px 0px 0px !important; scroll-padding-top: 24px !important;} #modalRoot .v641-guide-sheet .v63-guide-heading{padding-right: 52px !important;} #modalRoot .v641-guide-sheet .v63-guide-heading h2{overflow-wrap: anywhere; margin-top: 5px !important; font-size: clamp(28px, 8vw, 38px) !important; line-height: 1.05 !important;} .v641-home .v641-training-stage .session-name-r13{font-size: 31px !important; max-width: none !important;} .v641-home .v641-training-stage .action-primary{min-height: 50px !important; margin-top: 10px !important;} .v641-home .v641-meal-stage > div{display: flex; min-width: 0px; height: 100%; flex-direction: column; justify-content: flex-end;} .v641-home .v641-meal-stage strong{font-size: 25px !important; line-height: 1.05 !important;} .v641-home .v641-meal-stage > div > span, .v641-home .v641-meal-stage > div > em{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255, 255, 255, 0.84) !important; font-size: 14px !important;} .v641-home .v641-meal-stage .bp5-today-food-photo{display: none !important;} .v641-home .v641-meal-action{display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; min-height: 48px !important; margin: 12px 0px 0px !important; padding: 0px 15px !important; border: 0px !important; border-radius: 16px !important; background: linear-gradient(100deg, rgb(104, 71, 255), rgb(135, 89, 255)) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(42, 25, 92, 0.25) 0px 10px 24px !important; font-size: 16px !important; font-weight: 700 !important; backdrop-filter: none !important;} .v641-home .v641-meal-action::before, .v641-home .v641-meal-action::after{content: none !important; display: none !important;} .v641-home .v641-meal-action > span{width: 25px; height: 25px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); display: grid !important; place-items: center !important;} .v641-home .v641-meal-action svg{width: 17px; height: 17px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round;} .v641-home .v641-meal-action b{font: inherit; color: inherit;} @media (max-width: 380px) {.v641-preflight-sheet{width: calc(100% - 12px) !important; margin-inline: 6px !important; padding-inline: 15px !important;} .v641-time-grid{gap: 4px;} .v641-time-grid button{height: 62px;} .v641-time-grid button strong{font-size: 19px;} .v641-preflight-sheet .bp6-workout-location > div{grid-template-columns: 1fr;} #modalRoot .v641-guide-sheet{width: calc(100% - 12px) !important; margin-inline: 6px !important; padding-inline: 16px !important;}} @media (max-height: 760px) { .v641-preflight-sheet{max-height: 96dvh !important;}} @media (prefers-reduced-motion: reduce) {.v641-preflight-layer, .v641-preflight-sheet{animation: auto ease 0s 1 normal none running none !important;}} .v641-home .v6-coach-card{margin-bottom: 8px !important;} .v641-home .v641-training-stage .session-name-r13{font-size: 29px !important; line-height: 1 !important;} .v641-home .v641-training-stage .action-primary{min-height: 46px !important; margin-top: 7px !important;} .v641-home .v641-meal-stage strong{font-size: 23px !important;} .v641-home .v641-meal-action{min-height: 46px !important; margin-top: 8px !important;} #profileAvatarButton{cursor: pointer;} body.v63-profile-view #profileAvatarButton{outline: color-mix(in srgb, rgb(104, 71, 255), transparent) solid 2px; outline-offset: 2px;} .v642-logged-row > button{cursor: pointer;} .v642-logged-row > button > i{background: rgb(104, 71, 255) !important; color: rgb(255, 255, 255) !important;} .v642-history-layer{position: fixed !important; inset: 0px !important; z-index: 2147483000 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; background: rgba(22, 19, 29, 0.38) !important; backdrop-filter: blur(15px) saturate(115%) !important;} .v642-history-sheet{position: relative; width: calc(100% - 24px); max-width: 560px; max-height: calc(100dvh - max(12px,env(safe-area-inset-top))); margin: 0px 12px; padding: 18px 18px calc(22px + env(safe-area-inset-bottom)); overflow-y: auto; box-sizing: border-box; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(72, 61, 91, 0.13) rgba(72, 61, 91, 0.13) currentcolor; border-image: none; border-radius: 30px 30px 0px 0px; background: var(--surface,#fbfafd); color: var(--text,#17131f); box-shadow: rgba(26, 20, 38, 0.22) 0px -24px 68px;} .v642-history-sheet header{padding-right: 58px;} .v642-history-sheet header > small{display: block; color: rgb(104, 71, 255); font-size: 13px; font-weight: 720;} .v642-history-sheet h2{margin: 5px 0px 6px; font-size: 30px; line-height: 1.08;} .v642-history-sheet header p{margin: 0px 0px 18px; color: var(--text-2,#625b69); font-size: 15px; line-height: 1.45;} .v642-history-list{display: grid; gap: 9px;} .v642-history-list article{display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: stretch; gap: 7px; padding: 6px; border: 1px solid var(--border,#e2dce7); border-radius: 18px; background: var(--surface-2,#f5f2f7);} .v642-history-open{display: flex; align-items: center; justify-content: space-between; min-width: 0px; padding: 8px 9px; border: 0px; background: transparent; color: inherit; text-align: left;} .v642-history-open span{display: block; min-width: 0px;} .v642-history-open small, .v642-history-open strong, .v642-history-open em{display: block;} .v642-history-open small{font-size: 13px; color: var(--text-2,#625b69);} .v642-history-open strong{overflow: hidden; margin-top: 2px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;} .v642-history-open em{margin-top: 2px; color: var(--text-2,#625b69); font-size: 13px; font-style: normal;} .v642-history-open > b{font-size: 24px;} .v642-history-repeat{min-width: 82px; padding: 0px 12px; border: 0px; border-radius: 13px; background: rgb(104, 71, 255); color: rgb(255, 255, 255); font-size: 13px; font-weight: 720;} .v642-history-repeat:disabled, .v642-start-copy:disabled{opacity: 0.45;} .v642-history-empty{padding: 22px; text-align: center; color: var(--text-2,#625b69);} .bp9-completed-toolbar > div:last-child:has(.v642-start-copy){display: flex !important; flex-wrap: wrap !important; gap: 8px !important;} .v642-start-copy{flex: 1 1 160px !important;} @media (max-height: 760px) { .v641-home .v641-training-stage .session-name-r13{font-size: 27px !important;} .v641-home .v641-meal-stage strong{font-size: 21px !important;}} @media (max-width: 380px) {.v642-history-sheet{width: calc(100% - 12px); margin-inline: 6px;} } body.v65-mobility-session .timerbar{--v65-accent: #34e0c2;} body.v65-mobility-session .workout-session-head{background: linear-gradient(145deg, rgb(23, 26, 39) 0%, rgb(32, 35, 58) 70%, rgb(41, 32, 75) 100%); color: rgb(255, 255, 255);} body.v65-mobility-session .workout-session-head .eyebrow, body.v65-mobility-session .workout-session-head p{color: rgba(255, 255, 255, 0.72);} body.v65-mobility-session .workout-session-head .progress-track span{background: linear-gradient(90deg, rgb(52, 224, 194), rgb(184, 133, 255));} .v65-mobility-plan .plan-warmup{align-items: flex-start;} .v65-mobility-plan .plan-warmup span{white-space: normal; line-height: 1.45;} .v65-mobility-plan .plan-video-link{color: var(--accent,#6a4cff);} .v65-mobility-head .session-ring{border-color: rgba(52, 224, 194, 0.5);} .active-exercise.v62-timed-exercise .v63-poster-title small{color: rgb(200, 255, 233);} .active-exercise.v62-timed-exercise .v62-timed-stage{margin-top: 16px;} .v65-atlas-poster{background: radial-gradient(circle at 50% 42%, rgba(106, 76, 255, 0.35), transparent 38%), linear-gradient(145deg, rgb(17, 20, 33), rgb(32, 36, 59)); overflow: hidden;} .v65-atlas-poster .v63-poster-mark{position: absolute; inset: 10% 10% 20%; display: grid; place-items: center; opacity: 0.95;} .v65-atlas-poster .v63-poster-mark svg{width: 100%; height: 100%;} .v62-training-photo[data-run-image="easy"]::after{background: linear-gradient(rgba(9, 13, 24, 0.05), rgba(9, 13, 24, 0.72));} .v62-training-photo[data-run-image="fast"]::after{background: linear-gradient(rgba(8, 10, 25, 0.04), rgba(15, 8, 34, 0.78));} .v65-run-photo{width: 100%; aspect-ratio: 16 / 9; border-radius: var(--swack-media-radius,0px); background-image: linear-gradient(180deg,rgba(7,10,20,.02),rgba(7,10,20,.42)),var(--v65-run-photo); background-size: cover; background-position: center center; box-shadow: none;} .v65-run-detail .v65-run-photo{margin-bottom: 18px;} .v65-active-run-photo, .v65-history-run-photo{padding: 0; margin: 0px auto 20px; max-width: 720px;} .v65-active-run-photo .v65-run-photo{border-radius: var(--swack-media-radius,0px);} .v63-profile-page{padding-bottom: 180px !important; overflow-x: hidden !important;} .v63-profile-page .card, .v63-profile-page .account-profile-v5, .v63-profile-page .nutrition-profile-v5, .v63-profile-page .supplements-v5, .v63-profile-page .privacy-v5{min-width: 0px; overflow: hidden;} .v63-profile-page .row{min-width: 0px; gap: 14px !important;} .v63-profile-page .row > div{min-width: 0px; overflow-wrap: anywhere;} .v63-profile-page h1, .v63-profile-page h2, .v63-profile-page h3, .v63-profile-page p, .v63-profile-page label, .v63-profile-page strong{overflow-wrap: anywhere;} .v63-profile-page .v63-settings-groups > button{display: grid !important; grid-template-columns: 34px minmax(0px, 1fr) auto !important; align-items: center !important; column-gap: 12px !important; text-align: left !important;} .v63-profile-page .v63-settings-groups > button b{min-width: 0px; overflow-wrap: anywhere; line-height: 1.25 !important;} .v63-profile-page .supplement-row{grid-template-columns: minmax(0px, 1fr) !important;} @media (max-width: 390px) {.v65-mobility-plan .plan-exercise-row{grid-template-columns: 36px minmax(0px, 1fr) 18px;} .v65-mobility-plan .plan-video-link{font-size: 13px; line-height: 18px;}} .v62-timed-complete{padding: 22px 18px 20px !important; background: linear-gradient(145deg, rgb(32, 26, 48), rgb(23, 20, 33)) !important;} .v62-timed-complete h3{margin: 0px; color: rgb(255, 255, 255); font-size: 23px; line-height: 1.15;} .v62-timed-complete p{margin: 7px 0px 18px; color: rgba(255, 255, 255, 0.68); font-size: 15px; line-height: 1.4;} .v62-timed-complete .v62-timed-primary{margin-top: 0px;} .v618-workout-dock .v618-finish.is-ready{min-width: 142px !important; border-color: transparent !important; background: var(--v62-gradient) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; font-weight: 720 !important; box-shadow: rgba(106, 76, 255, 0.24) 0px 10px 24px !important;} .v652-home .v6-coach-card{margin-bottom: 6px !important;} .v652-home .v652-training-stage .session-name-r13, .v652-home .v641-training-stage .session-name-r13{font-size: 29px !important; line-height: 1 !important; max-width: none !important;} .v652-home .v652-training-stage .action-primary, .v652-home .v641-training-stage .action-primary{min-height: 46px !important; margin-top: 7px !important;} .v652-home .v652-meal-stage .meal-name-v513{font-size: 16px !important; line-height: 1.2 !important; margin: 3px 0px 5px !important;} .v652-home .v652-meal-stage .v641-meal-action{min-height: 44px !important; margin-top: 6px !important;} @media (max-height: 760px) { } .v62-body-card strong{display: flex !important; align-items: baseline !important; gap: 7px !important; min-width: 0px !important;} .v62-body-card strong em{display: inline-block !important; flex: 0 0 auto !important;} .v62-metric-value{grid-template-columns: auto auto; align-items: baseline; column-gap: 10px; display: grid !important;} .v62-metric-value > span{display: block !important;} .v62-metric-value p{grid-column: 1 / -1;} .topbar, body.v614-today-mode .topbar, body.bp6-onboarding .topbar{height:calc(82px + env(safe-area-inset-top,0px))!important;min-height:calc(82px + env(safe-area-inset-top,0px))!important;padding:calc(12px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px))!important;box-sizing:border-box!important;} .topbar .brand-button{min-width: 0px !important;} .topbar .brand-button span{white-space: nowrap !important;} body.v614-today-mode #app{padding-top:8px!important;} body:not(.v614-today-mode) #app{padding-top: 20px !important;} body.bp3-route-transition #app{animation: 0.18s ease-out 0s 1 normal none running bp3RouteSwap !important;} .v652-home .v6-primary-action, .v652-home .action-primary, .v652-home .bp5-meal-check, .v652-home .v641-meal-action, .v652-home .v63-meal-action, .v6-completed-actions button, .v642-history-repeat{border-radius: 12px !important;} .v652-home .v6-primary-action, .v652-home .action-primary, .v652-home .bp5-meal-check, .v652-home .v641-meal-action{box-shadow: rgba(77, 52, 210, 0.18) 0px 9px 20px !important;} .v652-progress-month-picker{display: grid; grid-template-columns: 44px minmax(0px, 1fr) 44px; align-items: center; gap: 6px; margin: 7px 0px 2px;} .v652-progress-month-picker button{display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); color: var(--text); font-size: 23px; line-height: 1;} .v652-progress-month-picker button:disabled{opacity: 0.34; cursor: default;} .v652-progress-month-picker strong{text-align: center; margin: 0px !important; font: 700 14px/1.2 var(--font-body) !important; color: var(--text) !important;} html[data-theme="dark"]{--swack-action-bg: #7954df; --bp-bg: #151826; --bp-card: #1C1F2E; --bp-card2: #222558; --bp-ink: #F7F5FF; --bp-muted: #B7B8CB; --bp-line: rgba(184,133,255,.22); --bg: #151826; --surface: #1C1F2E; --surface-2: #222558; --text: #F7F5FF; --text-2: #B7B8CB; --border: rgba(184,133,255,.22); --ivory: #151826; --paper: #1C1F2E; --paper2: #222558; --ink: #F7F5FF; --muted: #B7B8CB; --line: rgba(184,133,255,.22); --swack: #B885FF; --swack-2: #C9A8FF; --purple: #B885FF; --electric: #8F7BFF; --coral-v4: #FF8A9E; --energy: #FFC857; --recovery: #6ED8C0; --bp-purple: #B885FF; --bp-lilac: #D5C2FF; --bp-mint: #6ED8C0; color-scheme: dark;} html[data-theme="dark"] body{background: radial-gradient(900px 540px at 100% -10%,rgba(106,76,255,.16),transparent 58%),radial-gradient(700px 460px at -10% 30%,rgba(184,133,255,.08),transparent 62%),var(--bp-bg) !important; color: var(--bp-ink) !important;} html[data-theme="dark"] .app-shell{background: transparent !important;} html[data-theme="dark"] .topbar{background: rgba(21, 24, 38, 0.86) !important; border-bottom-color: rgba(184, 133, 255, 0.16) !important;} html[data-theme="dark"] .card, html[data-theme="dark"] .v6-data-card, html[data-theme="dark"] .v6-stat-grid > div, html[data-theme="dark"] .v6-profile-shortcuts button, html[data-theme="dark"] .modal, html[data-theme="dark"] .v6-primary-card, html[data-theme="dark"] .v6-next-meal{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] input:not([type="checkbox"]), html[data-theme="dark"] select, html[data-theme="dark"] textarea{background: var(--bp-card2) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .action-primary, html[data-theme="dark"] button.primary, html[data-theme="dark"] .v6-primary-action, html[data-theme="dark"] .bp5-meal-check{background: var(--swack-action-bg) !important; color: var(--swack-action-ink) !important;} html[data-theme="dark"] .v6-theme-picker .dark-preview, .dark-preview{border: 1px solid rgba(184, 133, 255, 0.28); background: rgb(21, 24, 38) !important;} html[data-theme="dark"] .v652-progress-month-picker button{background: rgb(34, 37, 88) !important; color: rgb(247, 245, 255) !important;} html[data-theme="dark"] .v62-home .v62-photo-stage, html[data-theme="dark"] .v62-home .v62-training-photo, html[data-theme="dark"] .v62-home .v62-food-photo{background-image: linear-gradient(180deg,rgba(9,10,20,.10) 0%,rgba(9,10,20,.70) 66%,rgba(9,10,20,.90) 100%),var(--v62-stage-image) !important; background-size: cover !important; background-position: center center !important; background-color: transparent !important; color: rgb(255, 255, 255) !important;} html[data-theme="dark"] .v63-progress-page .bp5-progress-tabs, html[data-theme="dark"] .v63-progress-page .v610-body-switch, html[data-theme="dark"] .v63-progress-page .progress-tabs-r12, html[data-theme="dark"] .v63-progress-page .v6-segment{background: rgba(34, 37, 88, 0.78) !important; border-color: rgba(184, 133, 255, 0.24) !important;} html[data-theme="dark"] .v63-progress-page .bp5-progress-tabs button, html[data-theme="dark"] .v63-progress-page .v610-body-switch button, html[data-theme="dark"] .v63-progress-page .progress-tabs-r12 button, html[data-theme="dark"] .v63-progress-page .v6-segment button{color: var(--bp-muted) !important;} html[data-theme="dark"] .v63-progress-page .bp5-progress-tabs button.active, html[data-theme="dark"] .v63-progress-page .v610-body-switch button.active, html[data-theme="dark"] .v63-progress-page .progress-tabs-r12 button.active, html[data-theme="dark"] .v63-progress-page .v6-segment button.active{background: rgba(184, 133, 255, 0.2) !important; color: rgb(247, 245, 255) !important; border-color: transparent !important;} @media (max-width: 620px) {.topbar, body.v614-today-mode .topbar, body.bp6-onboarding .topbar{padding-left:max(18px,env(safe-area-inset-left,0px))!important;padding-right:max(18px,env(safe-area-inset-right,0px))!important;}} /* Authentication follows the saved theme, including Light on a fresh install. */ body.bp5-auth-mode{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} body.bp5-auth-mode #app, body.bp5-auth-mode .bp6-auth-welcome, body.bp5-auth-mode .bp5-auth-page{background: var(--bp-bg) !important; color: var(--bp-ink) !important;} body.bp5-auth-mode .bp6-auth-secondary, body.bp5-auth-mode .bp5-auth-secondary, body.bp5-auth-mode .bp5-auth-field input, body.bp5-auth-mode .bp5-auth-languages button{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} body.bp5-auth-mode .bp6-auth-lang button, body.bp5-auth-mode .bp5-auth-content > p, body.bp5-auth-mode .bp5-auth-switch, body.bp5-auth-mode .bp5-auth-page footer small, body.bp5-auth-mode .bp5-auth-field span{color: var(--bp-muted) !important;} body.bp5-auth-mode .bp6-auth-mark strong, body.bp5-auth-mode .bp5-auth-content h1{color: var(--bp-ink) !important;} .v62-body-page .v6-page-head{min-height: 56px !important; box-sizing: border-box !important;} .v62-body-page .v6-page-head p{display: none !important;} html[data-theme="dark"] .v62-secondary, html[data-theme="dark"] .v62-periods button:not(.active), html[data-theme="dark"] .v641-time-grid button:not(.active), html[data-theme="dark"] .v641-preflight-sheet .bp6-workout-location button:not(.active), html[data-theme="dark"] .v641-signal-row button:not(.active), html[data-theme="dark"] .v64-serving-selector button, html[data-theme="dark"] .v610-body-switch button:not(.active), html[data-theme="dark"] .v6-segment button:not(.active), html[data-theme="dark"] .food-tabs button:not(.active), html[data-theme="dark"] .preset-strip button, html[data-theme="dark"] .location-option, html[data-theme="dark"] .close-action, html[data-theme="dark"] .profile-edit-link-r7 > button, html[data-theme="dark"] .profile-theme-r7 button:not(.active), html[data-theme="dark"] .equipment-filters button:not(.active), html[data-theme="dark"] .bp5-auth-languages button, html[data-theme="dark"] .bp6-auth-secondary{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .v641-preflight-sheet .bp6-workout-location button:not(.active) small, html[data-theme="dark"] .v641-signal-row button:not(.active) small{color: var(--bp-muted) !important;} html[data-theme="dark"] .v62-periods button.active, html[data-theme="dark"] .food-tabs button.active{background: var(--bp-card2) !important; color: var(--bp-lilac) !important;} .v6-splash-mark strong{font-family: var(--v62-font,"Geist",sans-serif) !important; font-weight: 730 !important; letter-spacing: -0.055em !important;} html[data-theme="dark"] .v63-profile-page .v63-settings-groups > button, html[data-theme="dark"] .v63-profile-page .v6-profile-shortcuts button, html[data-theme="dark"] .v6-settings-list button, html[data-theme="dark"] .v6-theme-picker button, html[data-theme="dark"] .profile-row-r7, html[data-theme="dark"] .profile-actions-r7 button, html[data-theme="dark"] .profile-edit-link-r7, html[data-theme="dark"] .profile-theme-r7 button:not(.active), html[data-theme="dark"] .profile-edit-r7 button.secondary, html[data-theme="dark"] .profile-edit-r7 .secondary, html[data-theme="dark"] .bp9-settings-modal .bp9-info-list > div, html[data-theme="dark"] .bp9-settings-modal .bp9-button.ghost{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .v63-profile-page .v63-settings-groups > button b, html[data-theme="dark"] .v63-profile-page .v63-settings-groups > button i, html[data-theme="dark"] .v63-profile-page .v6-profile-shortcuts button b, html[data-theme="dark"] .v6-settings-list button b, html[data-theme="dark"] .v6-settings-list button i, html[data-theme="dark"] .profile-row-r7 span, html[data-theme="dark"] .profile-row-r7 strong, html[data-theme="dark"] .profile-row-r7 small, html[data-theme="dark"] .profile-edit-link-r7 strong, html[data-theme="dark"] .profile-edit-link-r7 small, html[data-theme="dark"] .profile-theme-r7 button:not(.active) strong{color: var(--bp-ink) !important;} html[data-theme="dark"] .v63-profile-page .v63-settings-groups > button i, html[data-theme="dark"] .v6-settings-list button i, html[data-theme="dark"] .profile-row-r7 small, html[data-theme="dark"] .profile-edit-link-r7 small{color: var(--bp-muted) !important;} html[data-theme="dark"] .v63-profile-page .v63-settings-groups > button span, html[data-theme="dark"] .v63-profile-page .v6-profile-shortcuts button span, html[data-theme="dark"] .v6-settings-list button span{background: color-mix(in srgb,var(--bp-purple) 14%,var(--bp-card2)) !important; color: var(--bp-lilac) !important;} html[data-theme="dark"] .profile-edit-link-r7 > button, html[data-theme="dark"] .profile-edit-r7 .text-button, html[data-theme="dark"] .profile-edit-r7 .bp9-button.ghost{background: var(--bp-card2) !important; color: var(--bp-lilac) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .profile-edit-r7 .danger-button, html[data-theme="dark"] .profile-edit-r7 .danger-button.full{background: color-mix(in srgb,#e86c83 18%,var(--bp-card)) !important; color: rgb(255, 197, 207) !important; border-color: rgba(232, 108, 131, 0.35) !important;} html[data-theme="dark"] body.v62-workout-mode .active-exercise, html[data-theme="dark"] body.v618-workout .active-exercise, html[data-theme="dark"] .v62-stage .set-log-row, html[data-theme="dark"] .v62-stage .set-log-row.v62-next-set, html[data-theme="dark"] .v62-stage .load-mode-row > div, html[data-theme="dark"] .v62-stage-collapsed, html[data-theme="dark"] .v618-current .load-mode-row > div, html[data-theme="dark"] .v618-current .set-log-row, html[data-theme="dark"] .v618-current .v6-active-media > button{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .v62-stage .set-log-row.v62-next-set, html[data-theme="dark"] .v618-current .set-log-row.done, html[data-theme="dark"] .v618-current .set-log-row.done.bp9-editable-done{background: color-mix(in srgb,var(--bp-purple) 7%,var(--bp-card)) !important;} html[data-theme="dark"] .v62-stage .set-log-row input, html[data-theme="dark"] .v62-stage .load-mode-row button.active, html[data-theme="dark"] .v618-current .set-log-row input, html[data-theme="dark"] .v618-current .load-mode-row button.active, html[data-theme="dark"] .v618-preflight .preflight-times-r14 button, html[data-theme="dark"] .v618-preflight .signal-chip-r14, html[data-theme="dark"] .v641-preflight-sheet .v641-note textarea{background: var(--bp-card2) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important; -webkit-text-fill-color: var(--bp-ink) !important;} html[data-theme="dark"] .v62-stage .load-mode-row button:not(.active), html[data-theme="dark"] .v618-current .load-mode-row button:not(.active), html[data-theme="dark"] .v62-stage .set-log-row label, html[data-theme="dark"] .v618-current .set-log-row label, html[data-theme="dark"] .v618-preflight .preflight-signal-r14, html[data-theme="dark"] .v618-preflight .text-action-r14{color: var(--bp-muted) !important;} html[data-theme="dark"] .v641-preflight-sheet, html[data-theme="dark"] .v618-preflight-backdrop > .v618-preflight{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .v641-preflight-sheet h2, html[data-theme="dark"] .v641-preflight-sheet header small, html[data-theme="dark"] .v641-preflight-sheet .bp6-workout-location > label, html[data-theme="dark"] .v618-preflight .preflight-top-r14 h2, html[data-theme="dark"] .v618-preflight .preflight-top-r14 small{color: var(--bp-ink) !important;} .bp5-progress-page .v6-page-head, .v63-progress-page .v6-page-head, .v62-body-page .v6-page-head{min-height: 56px !important; height: 56px !important; box-sizing: border-box !important; display: flex !important; align-items: flex-start !important; padding-top: 0px !important; padding-bottom: 14px !important; margin: 0px !important;} .bp5-progress-page .v6-page-head h1, .v63-progress-page .v6-page-head h1, .v62-body-page .v6-page-head h1{line-height: 1.08 !important; margin: 0px !important;} .v653-advisory-rest .v653-rest-note{margin: 12px 4px 0px; color: var(--bp-muted); font-size: 13px; line-height: 1.45;} .v653-override-button{margin-top: 10px !important; background: linear-gradient(100deg, rgb(106, 76, 255), rgb(156, 112, 255)) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 16px !important; min-height: 50px !important; font-weight: 800 !important;} .v653-override-copy{display: grid; gap: 3px; margin-top: 12px; padding: 12px 14px; border: 1px solid color-mix(in srgb,var(--bp-purple) 42%,var(--bp-line)); border-radius: 15px; background: color-mix(in srgb,var(--bp-purple) 9%,var(--bp-card)); color: var(--bp-ink); font-size: 13px; line-height: 1.4;} .v653-override-copy strong{font-weight: 800;} .v653-override-copy span{color: var(--bp-muted);} .v653-language-row{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 2px; border-top: 1px solid var(--bp-line); border-bottom: 1px solid var(--bp-line); margin: 2px 0px 8px;} .v653-language-row > div:first-child{display: grid; gap: 3px; min-width: 0px;} .v653-language-row small{font-size: 10px; letter-spacing: 0.1em; color: var(--bp-muted); font-weight: 800;} .v653-language-row strong{font-size: 14px; color: var(--bp-ink);} .v653-language-actions{display: flex; gap: 5px; flex: 0 0 auto;} .v653-language-actions button{border: 1px solid var(--bp-line); background: var(--bp-card); color: var(--bp-muted); border-radius: 12px; padding: 9px 10px; font: 800 12px var(--sw-font-body); min-height: 40px;} .v653-language-actions button.active{background: color-mix(in srgb,var(--bp-purple) 18%,var(--bp-card)); border-color: var(--bp-purple); color: var(--bp-purple);} html[data-theme="dark"] .v653-language-actions button{background: rgb(28, 31, 46); color: rgb(183, 184, 203); border-color: rgba(184, 133, 255, 0.22);} html[data-theme="dark"] .v653-language-actions button.active{background: rgb(42, 40, 85); color: rgb(184, 149, 255); border-color: rgb(140, 107, 255);} html[data-theme="dark"] .v653-override-copy{background: rgb(34, 37, 88); border-color: rgba(184, 133, 255, 0.34);} .v654-progress-stable .v6-page-head, .v654-progress-stable .bp5-progress-tabs, .v654-progress-stable .v6-data-card, .v654-progress-stable .v6-stat-grid{box-sizing: border-box;} .v654-progress-stable .v62-body-page{background: transparent !important;} html[data-theme="dark"] .v654-progress-stable .v62-body-intro{background: var(--bp-card) !important;} .v657-compact-surfaces .shopping-section{margin: 14px 0px !important;} .bp9-completed-toolbar{padding: 14px 16px !important; gap: 12px !important;} .bp9-completed-toolbar > div:last-child{grid-template-columns: 1fr 1fr; display: grid !important; gap: 8px !important; width: 100% !important;} .bp9-completed-toolbar > div:last-child .bp9-button{min-height: 46px !important; padding: 10px 12px !important; border-radius: 10px !important; font-size: 13px !important; line-height: 1.15 !important;} .bp9-completed-toolbar > div:last-child .v642-start-copy{grid-column: 1 / -1 !important;} .bp9-completed-exercise{border-radius: 12px !important; padding: 14px 16px !important;} .completed-run-data{padding: 16px !important;} .v6-progress-page, .v62-body-page{margin-top: 0px !important;} .v62-body-page{padding-top: 0px !important;} .v6-progress-page .v6-page-head, .v62-body-page .v6-page-head{height: 56px !important; min-height: 56px !important; box-sizing: border-box !important; margin: 0px !important; padding: 0px 10px 14px !important; display: flex !important; align-items: flex-start !important;} .v6-progress-page .v6-page-head h1, .v62-body-page .v6-page-head h1{margin: 0px !important; line-height: 1.08 !important;} .v659-progress-unified{padding-top: 0px !important;} .bp9-completed-toolbar > div:last-child{display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important;} .bp9-completed-toolbar > div:last-child .bp9-button{min-height: 46px !important; height: auto !important; padding: 10px 12px !important; border-radius: 10px !important; font-size: 13px !important; line-height: 1.15 !important; white-space: normal !important;} .bp9-completed-toolbar > div:last-child .v642-start-copy{grid-column: 1 / -1 !important;} .bp9-completed-toolbar{padding: 14px 16px !important;} .v63-completed-page .bp9-completed-toolbar p{margin: 4px 0px 0px !important;} .v659-run-steps{margin: 8px 0px 0px !important; padding-left: 1.25em !important; display: grid !important; gap: 7px !important;} .v659-run-steps li{padding-left: 3px !important; line-height: 1.4 !important;} .v659-run-rx .run-rx-grid .wide > strong{display: none !important;} body.v6510-shopping-view .shopping-section{margin: 0px 18px 18px !important; padding: 0px !important;} body.v6510-shopping-view .shopping-section h3{margin: 0px 0px 8px !important; padding: 0px !important;} .v6510-body-parity .v62-body-intro{min-height: 220px !important; height: 220px !important; box-sizing: border-box !important; margin: 18px 0px !important; border-radius: 28px !important;} .v6510-body-parity .v62-body-atlas-visual{height: 100% !important; display: grid !important; align-content: center !important;} .v671-location-editor{max-height: min(92vh, 900px); overflow: auto;} .v671-preset-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;} .v671-preset-card{appearance: none; text-align: left; border: 1px solid var(--sw-line,#d9d5e7); background: var(--sw-card,#fff); color: var(--sw-ink,#171527); border-radius: 12px; padding: 11px 12px; min-height: 58px; cursor: pointer;} .v671-preset-card strong, .v671-preset-card span{display: block;} .v671-preset-card strong{font-size: 14px; line-height: 1.15;} .v671-preset-card span{margin-top: 4px; color: var(--sw-muted,#6d687b); font-size: 12px;} .v671-preset-card.active{border-color: var(--sw-purple,#6748ff); box-shadow: 0 0 0 2px color-mix(in srgb,var(--sw-purple,#6748ff) 16%,transparent);} .v671-equipment-heading{display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin: 18px 0px 8px;} .v671-equipment-heading label{font-weight: 800;} .v671-equipment-heading p{margin: 4px 0px 0px;} .v671-equipment-heading > strong{white-space: nowrap; color: var(--sw-purple,#6748ff); font-size: 13px;} .v671-equipment-group{margin: 12px 0px 0px;} .v671-equipment-group h3{font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin: 0px 0px 7px; color: var(--sw-muted,#6d687b);} .v671-equipment-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px;} .v671-equipment-choice{display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 9px; border: 1px solid var(--sw-line,#d9d5e7); border-radius: 10px; background: var(--sw-card,#fff); color: var(--sw-ink,#171527); text-align: left;} .v671-equipment-choice.selected{border-color: var(--sw-purple,#6748ff); background: color-mix(in srgb,var(--sw-purple,#6748ff) 8%,var(--sw-card,#fff));} .v671-equipment-choice-icon{width: 22px; color: var(--sw-purple,#6748ff); font-size: 18px; text-align: center;} .v671-equipment-choice b{margin-left: auto; color: var(--sw-purple,#6748ff);} .v671-bodyweight-toggle{display: flex; align-items: center; gap: 9px; margin: 16px 0px; font-weight: 700;} .v671-bodyweight-toggle input{width: 19px; height: 19px;} .v671-recovery-photo{--v671-recovery-overlay: 1;} :root{--v660-logo-purple: #6A4CFF; --v660-logo-lilac: #B885FF; --v660-logo-night: #151826;} .brand-button{display: grid !important; grid-template-columns: 1fr !important; justify-items: center !important; align-content: center !important; gap: 1px !important; min-width: 92px !important; height: 56px !important;} .brand-button img{display: block !important; width: 88px !important; height: 13px !important; object-fit: contain !important; margin: 0px !important;} .brand-button span{display: block !important; font-family: var(--v62-font,"Geist",sans-serif) !important; font-size: 20px !important; font-weight: 800 !important; line-height: 0.95 !important; letter-spacing: -0.055em !important; margin: 0px !important; color: var(--bp-ink) !important;} @media (max-width: 620px) {.brand-button{min-width: 86px !important;} .brand-button img{width: 82px !important; height: 12px !important;} .brand-button span{font-size: 19px !important;}} .v6-splash{background: rgb(21, 24, 38) !important;} .v660-splash-lockup{width: min(72vw, 390px); display: grid; justify-items: center; gap: 10px; color: rgb(250, 250, 253);} .v660-splash-slider{position: relative; width: 100%; height: 34px;} .v660-splash-slider span{position: absolute; left: 0px; top: 50%; width: 100%; height: 7px; border-radius: 99px; background: linear-gradient(90deg, rgb(106, 76, 255) 0%, rgb(184, 133, 255) 58%, rgb(138, 99, 255) 100%); transform-origin: left center; transform: translateY(-50%) scaleX(0); animation: 0.78s cubic-bezier(0.18, 0.76, 0.18, 1) 0.34s 1 normal forwards running v660SplashRail;} .v660-splash-slider i{position: absolute; left: 0px; top: 50%; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, rgb(184, 133, 255), rgb(121, 86, 255)); transform: translate(-50%, -50%) scale(0); box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px; animation: 0.22s ease 0.12s 1 normal forwards running v660SplashDotIn, 0.52s cubic-bezier(0.2, 0.78, 0.2, 1) 1.12s 1 normal forwards running v660SplashDotTravel;} .v660-splash-lockup > strong{opacity: 0; transform: translateY(-7px); animation: 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) 1.66s 1 normal forwards running v660SplashWord; font-family: var(--v62-font,"Geist",sans-serif) !important; font-weight: 800 !important; font-size: clamp(42px, 10vw, 62px) !important; line-height: 0.9 !important; letter-spacing: -0.06em !important;} @keyframes v660SplashDotIn { 100% { transform: translate(-50%, -50%) scale(1); } } @keyframes v660SplashRail { 100% { transform: translateY(-50%) scaleX(1); } } @keyframes v660SplashDotTravel { 0% { left: 0px; } 100% { left: 74%; } } @keyframes v660SplashWord { 100% { opacity: 1; transform: none; } } .bp6-auth-mark, .bp5-auth-logo, .v6-splash-mark{flex-direction: column !important; align-items: center !important; gap: 3px !important;} .bp6-auth-mark img{width: min(58vw, 250px) !important; height: 26px !important; object-fit: contain !important;} .bp6-auth-mark strong{font-family: var(--v62-font,"Geist",sans-serif) !important; font-size: 47px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; line-height: 0.95 !important;} .bp5-auth-logo{align-items: flex-start !important; gap: 2px !important;} .bp5-auth-logo img{width: 108px !important; height: 13px !important; object-fit: contain !important;} .bp5-auth-logo strong{font-family: var(--v62-font,"Geist",sans-serif) !important; font-size: 25px !important; line-height: 0.95 !important; letter-spacing: -0.055em !important;} .logo-hero img{width: 180px !important; height: 20px !important; object-fit: contain !important; margin-bottom: 3px !important;} .logo-hero h1{margin-top: 0px !important;} .bp6-ready-mark{width: auto !important; height: auto !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; display: grid !important; justify-items: center !important; gap: 3px !important; margin-bottom: 18px !important;} .bp6-ready-mark img{width: 150px !important; height: 18px !important; object-fit: contain !important; filter: none !important;} .bp6-ready-mark strong{font-family: var(--v62-font,"Geist",sans-serif) !important; font-size: 31px !important; line-height: 0.95 !important; letter-spacing: -0.055em !important; color: var(--bp-ink) !important;} .auth-brand-v5{display: grid !important; grid-template-columns: 1fr !important; justify-items: start !important; gap: 3px !important;} .auth-brand-v5 > img{width: 180px !important; height: 20px !important; border-radius: 0px !important; box-shadow: none !important; object-fit: contain !important;} .auth-brand-v5 .auth-life{display: none !important;} .auth-brand-v5 h1{margin-top: 0px !important;} .onboarding-brand{display: grid !important; justify-items: start !important; gap: 4px !important;} .onboarding-logo{width: 190px !important; height: 22px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; display: block !important;} .onboarding-logo img{width: 190px !important; height: 22px !important; filter: none !important; object-fit: contain !important;} .onboarding-brand h1{margin-top: 0px !important;} .v6-active-header{gap: 13px !important; align-items: center !important;} .v660-active-brand{flex: 0 0 72px !important; display: grid !important; justify-items: start !important; gap: 1px !important;} .v660-active-brand img{width: 70px !important; height: 9px !important; object-fit: contain !important;} .v660-active-brand > strong{font-family: var(--v62-font,"Geist",sans-serif) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 0.9 !important; letter-spacing: -0.055em !important; color: rgb(255, 255, 255) !important;} .v660-active-session{flex: 1 1 0% !important; min-width: 0px !important;} .v660-active-session small, .v660-active-session strong{display: block !important;} .v6-workout-head .brand-mini{display: grid !important; grid-template-columns: 1fr !important; justify-items: start !important; gap: 1px !important;} .v6-workout-head .brand-mini img{width: 68px !important; height: 9px !important; object-fit: contain !important;} #swackOnboardAmbient{position: fixed; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; opacity: 1; transition: opacity 0.5s; background: radial-gradient(circle at 82% 12%, rgba(184, 133, 255, 0.09), transparent 28rem), radial-gradient(circle at 12% 82%, rgba(106, 76, 255, 0.07), transparent 30rem);} #swackOnboardAmbient.leaving{opacity: 0;} .v660-ambient-orb{position: absolute; width: 34vw; height: 34vw; max-width: 520px; max-height: 520px; min-width: 250px; min-height: 250px; border-radius: 50%; filter: blur(72px); opacity: 0.12; transition: left 1.1s cubic-bezier(0.2, 0.75, 0.2, 1), top 1.1s cubic-bezier(0.2, 0.75, 0.2, 1); will-change: left, top;} .v660-ambient-orb.orb-a{left: var(--oa-x,72%); top: var(--oa-y,18%); background: rgb(184, 133, 255); transform: translate(-50%, -50%);} .v660-ambient-orb.orb-b{left: var(--ob-x,18%); top: var(--ob-y,76%); background: rgb(106, 76, 255); transform: translate(-50%, -50%);} .v660-ambient-rail{position: absolute; width: min(44vw, 520px); height: 34px; opacity: 0.16; transform: translate3d(var(--x),var(--y),0) rotate(var(--r)); transition: transform 1.05s cubic-bezier(0.2, 0.75, 0.2, 1), opacity 0.5s; will-change: transform;} .v660-ambient-rail::before{content: ""; position: absolute; left: 0px; right: 0px; top: 14px; height: 4px; border-radius: 99px; background: linear-gradient(90deg, rgba(106, 76, 255, 0.2), rgba(184, 133, 255, 0.88), rgba(106, 76, 255, 0.2));} .v660-ambient-rail i{position: absolute; top: 7px; left: var(--dot,50%); width: 18px; height: 18px; border-radius: 50%; background: rgb(184, 133, 255); box-shadow: rgba(184, 133, 255, 0.24) 0px 0px 24px; animation: 6.5s ease-in-out 0s infinite alternate none running v660AmbientThumb; will-change: transform;} .v660-ambient-rail.rail-a{--x: var(--a-x); --y: var(--a-y); --r: var(--a-r); --dot: var(--a-dot);} .v660-ambient-rail.rail-b{--x: var(--b-x); --y: var(--b-y); --r: var(--b-r); --dot: var(--b-dot); width: min(34vw, 420px); opacity: 0.11;} .v660-ambient-rail.rail-c{--x: var(--c-x); --y: var(--c-y); --r: var(--c-r); --dot: var(--c-dot); width: min(28vw, 330px); opacity: 0.09;} @keyframes v660AmbientThumb { 0% { transform: translateX(-10px) scale(0.94); } 100% { transform: translateX(12px) scale(1.04); } } body.bp6-onboarding{background: var(--bp-bg) !important;} body.bp6-onboarding #app{position: relative !important; z-index: 2 !important; background: transparent !important;} body.bp6-onboarding .topbar{position: relative !important; z-index: 3 !important; background: color-mix(in srgb,var(--bp-bg) 82%,transparent) !important; backdrop-filter: blur(16px) !important;} body.bp6-onboarding .bp6-onboard-shell{position: relative !important; z-index: 2 !important;} body.bp6-onboarding .bp6-onboard-stage{animation-duration: 0.34s !important;} body.bp6-onboarding :where(.bp6-choice, .bp6-tile, .bp6-target-card, .bp6-helper, .bp6-place-main, .bp6-household > div, .bp6-big-input, .bp6-plan-length button, .bp6-target-toggle){background: color-mix(in srgb,var(--bp-card) 88%,transparent) !important; backdrop-filter: blur(15px) !important;} html[data-theme="dark"] #swackOnboardAmbient{background: radial-gradient(circle at 82% 12%, rgba(184, 133, 255, 0.14), transparent 28rem), radial-gradient(circle at 12% 82%, rgba(106, 76, 255, 0.11), transparent 30rem);} html[data-theme="dark"] .v660-ambient-rail{opacity: 0.21;} html[data-theme="dark"] .v660-ambient-rail.rail-b{opacity: 0.15;} html[data-theme="dark"] .v660-ambient-rail.rail-c{opacity: 0.12;} @media (max-width: 620px) {.v660-ambient-rail{width: 64vw;} .v660-ambient-rail.rail-b{width: 52vw;} .v660-ambient-rail.rail-c{width: 44vw;} .v660-ambient-orb{width: 70vw; height: 70vw;} .bp6-auth-mark img{width: min(68vw, 240px) !important;}} @media (prefers-reduced-motion: reduce) {.v660-splash-slider span, .v660-splash-slider i, .v660-splash-lockup > strong, .v660-ambient-rail i{animation: auto ease 0s 1 normal none running none !important;} .v660-splash-slider span{transform: translateY(-50%) scaleX(1) !important;} .v660-splash-slider i{left: 74% !important; transform: translate(-50%, -50%) scale(1) !important;} .v660-splash-lockup > strong{opacity: 1 !important; transform: none !important;} .v660-ambient-rail, .v660-ambient-orb{transition: none !important;}} main.v6-plan .plan-warmup, .v6-plan .runner-strength-detail .plan-warmup{display: none !important;} .v672-plan-atlas{align-items: center; justify-content: center; width: 56px; height: 46px; flex: 0 0 56px; overflow: hidden; display: inline-flex !important;} .v672-plan-atlas .bp9-anatomy{width: 72px; height: 52px;} .v672-plan-number{align-items: center; display: inline-flex !important; gap: 2px !important; width: auto !important; min-width: 56px !important;} .v672-plan-number > b{display: none !important;} .plan-exercise-row-r12 .v672-plan-atlas, .plan-exercise-row .v672-plan-atlas{border-radius: 10px; background: color-mix(in srgb,var(--bp-purple,#6a4cff) 7%,var(--bp-card,#fff));} .bp5-progress-row.v672-exercise-row{appearance: none; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--bp-line,#e3dfeb); background: transparent; color: inherit; width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: left; padding: 15px 0px; cursor: pointer; min-height: 62px;} .v672-exercise-row > span{display: grid; gap: 4px; min-width: 0px;} .v672-exercise-row strong{font-size: 16px;} .v672-exercise-row small{color: var(--bp-muted,#716d7d);} .v672-exercise-row > b{display: flex; align-items: center; gap: 8px; white-space: nowrap;} .v672-exercise-row b i{font-style: normal; color: var(--bp-purple,#6a4cff); font-size: 20px;} .v672-detail-backdrop{z-index: 120;} .v672-exercise-detail{max-height: min(88vh, 720px); overflow: auto;} .v672-atlas-detail{display: flex; align-items: center; gap: 14px; padding: 12px 14px; margin: 12px 0px 16px; border: 1px solid var(--bp-line,#e3dfeb); border-radius: 14px; background: color-mix(in srgb,var(--bp-purple,#6a4cff) 6%,var(--bp-card,#fff));} .v672-atlas-detail .bp9-anatomy{width: 108px; height: 78px; flex: 0 0 108px;} .v672-atlas-detail div{display: grid; gap: 5px;} .v672-atlas-detail span{font-weight: 750;} .v672-atlas-detail small{color: var(--bp-muted,#716d7d);} .v672-stat-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px; margin: 8px 0px 18px;} .v672-stat-grid > div{display: grid; gap: 4px; padding: 11px 10px; border-radius: 12px; background: color-mix(in srgb,var(--bp-purple,#6a4cff) 7%,var(--bp-card,#fff)); border: 1px solid var(--bp-line,#e3dfeb);} .v672-stat-grid small{font-size: 10px; letter-spacing: 0.07em; color: var(--bp-muted,#716d7d);} .v672-stat-grid strong{font-size: 16px;} .v672-history-label{margin: 14px 0px 4px;} .v672-history-row{display: flex; justify-content: space-between; gap: 12px; padding: 12px 0px; border-bottom: 1px solid var(--bp-line,#e3dfeb);} .v672-history-row div{display: grid; gap: 3px;} .v672-history-row span{color: var(--bp-muted,#716d7d); font-size: 13px;} .v672-history-row > b{white-space: nowrap; color: var(--bp-muted,#716d7d); font-size: 13px;} .v672-clean-poster{display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: inherit; background: rgb(23, 21, 39); isolation: isolate;} .v672-clean-poster img{background: rgb(23, 21, 39); display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important;} .v672-clean-poster .v64-poster-fallback{display: grid; place-items: center; height: 100%; padding: 12px; text-align: center; color: rgb(255, 255, 255);} .v672-clean-poster.compact{border-radius: 12px;} .v63-guide-poster .v672-clean-poster{height: 100%;} .v63-guide-poster{display: block; width: 100%; padding: 0px; border: 0px; background: none;} .v672-run-rx{padding: 12px 0px !important;} .v672-run-heading{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;} .v672-run-heading strong{display: block; font-size: 18px;} .v672-run-heading b{color: var(--bp-purple,#6a4cff); font-size: 22px; white-space: nowrap;} .v672-run-zone{display: inline-flex; margin-top: 7px; padding: 5px 9px; border-radius: 8px; background: color-mix(in srgb,var(--bp-purple,#6a4cff) 9%,var(--bp-card,#fff)); font-weight: 700; color: var(--bp-purple,#6a4cff); font-size: 13px;} .v672-run-rx ol{margin: 12px 0px 0px; padding-left: 1.2em; display: grid; gap: 7px;} .v672-run-rx li{padding-left: 4px; line-height: 1.35;} .exercise-preview-item, .plan-row-r12, .week-menu-day{content-visibility: auto; contain-intrinsic-size: 72px;} .v672-clean-poster img{content-visibility: auto;} @media (max-width: 520px) {.v672-stat-grid{gap: 5px;} .v672-stat-grid > div{padding: 9px 7px;} .v672-stat-grid strong{font-size: 14px;} .v672-atlas-detail .bp9-anatomy{width: 92px; flex-basis: 92px;}} .v673-rest-card{position: relative !important; min-height:clamp(210px,calc(30svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),280px) !important; padding: 14px var(--swack-text-gutter) !important; color: rgb(255, 255, 255) !important; background-image: linear-gradient(180deg,rgba(12,14,26,.18),rgba(12,14,26,.84)),var(--v673-rest-image) !important; background-size: cover !important; background-position: center center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; overflow: hidden !important;} .v673-rest-card .v6-card-kicker{margin: 0px 0px 8px !important; color: rgb(231, 220, 255) !important; letter-spacing: 0.12em !important;} .v673-rest-card .v6-primary-row{justify-content: center !important; width: 100% !important;} .v673-rest-card h2{margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: clamp(30px, 8vw, 44px) !important;} .v673-rest-card .v673-rest-start{margin:22px auto 0;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:rgba(12,14,26,.18);box-shadow:none;color:rgba(255,255,255,.86);font:600 14px/1.4 var(--sw-font-body);} .v673-rest-card .v6-metrics, .v673-rest-card .v617-rest-status, .v673-rest-card .v617-continuity-copy, .v673-rest-card .v653-rest-note, .v673-rest-card .v653-override-copy{display: none !important;} .v673-equipment-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;} .v673-equipment-choice{grid-template-columns: 48px minmax(0px, 1fr) auto; align-items: center; gap: 9px; display: grid !important; min-height: 64px !important; padding: 7px 9px !important; border-radius: 12px !important;} .v673-equipment-choice img{display: block; width: 48px; height: 48px; object-fit: cover; border-radius: 9px; background: rgb(238, 238, 238);} .v673-equipment-choice span{font-size: 13px; line-height: 1.2;} .v673-equipment-choice b{min-width: 16px; text-align: center; color: var(--sw-purple,#6748ff);} .v671-equipment-choice-icon{display: none !important;} .v672-plan-atlas, .v672-plan-number .v672-plan-atlas{margin-right: 10px !important; flex: 0 0 64px !important; width: 64px !important; height: 52px !important;} .v672-plan-atlas .bp9-anatomy{width: 104px !important; height: 74px !important;} .v672-atlas-detail{gap: 18px !important; min-height: 106px !important;} .v672-atlas-detail .bp9-anatomy{width: 128px !important; height: 92px !important; flex: 0 0 128px !important;} .v673-media-frame{display: block !important; position: relative !important; aspect-ratio: 16 / 9 !important; width: 100% !important; min-height: 0px !important; overflow: hidden !important;} .v673-media-frame video, .v673-media-frame .v672-clean-poster, .v673-media-frame .v63-exercise-poster{width: 100% !important; height: 100% !important; object-fit: contain !important;} .v673-media-frame .v63-inline-poster{position: absolute !important; inset: 0px !important;} .v673-media-frame .v62-inline-video{width: 100% !important; height: 100% !important; object-fit: contain !important;} .v673-media-frame .v672-clean-poster img{object-fit: contain !important; object-position: center center !important;} .v6-splash{background: var(--bp-bg,#151826) !important; color: var(--bp-ink,#fff) !important;} .v660-splash-lockup{color: var(--bp-ink,#fff) !important;} .v660-splash-slider span{background: linear-gradient(90deg,var(--bp-purple,#6a4cff),var(--bp-lilac,#b885ff),var(--bp-purple,#6a4cff)) !important;} .v660-splash-slider i{background: linear-gradient(135deg,var(--bp-lilac,#b885ff),var(--bp-purple,#7956ff)) !important;} html[data-theme="dark"] .v6-splash{background: rgb(17, 19, 31) !important; color: rgb(250, 250, 253) !important;} html[data-theme="light"] .v6-splash{background: rgb(250, 250, 253) !important; color: rgb(23, 21, 39) !important;} html[data-theme="dark"] .exercise-guide-modal, html[data-theme="dark"] .v63-exercise-guide{color: rgb(247, 245, 255) !important;} html[data-theme="dark"] .exercise-guide-modal .equipment-requirement, html[data-theme="dark"] .v63-exercise-guide .equipment-requirement{background: rgb(44, 49, 85) !important; color: rgb(230, 220, 255) !important; border-color: rgb(85, 81, 138) !important;} html[data-theme="dark"] .exercise-guide-modal .guide-list li, html[data-theme="dark"] .v63-exercise-guide .guide-list li{background: rgb(41, 46, 71) !important; color: rgb(247, 245, 255) !important; border-color: rgb(74, 77, 104) !important;} html[data-theme="dark"] .exercise-guide-modal .guide-list li::before, html[data-theme="dark"] .v63-exercise-guide .guide-list li::before{background: rgb(81, 70, 165) !important; color: rgb(255, 255, 255) !important;} .v63-exercise-guide .privacy-note{color: var(--bp-muted,#716d7d) !important;} .v673-shopping-view .shopping-family, .v673-shopping-view .shopping-section, .v673-shopping-view .shopping-complete-note{margin-left: 32px !important; margin-right: 32px !important;} .v673-shopping-view .shopping-family{display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; gap: 10px !important; align-items: center !important; padding: 16px !important; border-radius: 18px !important;} .v673-shopping-view .shopping-family h3{font-size: 18px !important; line-height: 1.15 !important; margin: 0px !important;} .v673-shopping-view .shopping-family > p{display: none !important;} .v673-shopping-view .shopping-complete-note{display: none !important;} .v673-shopping-view .shopping-section{margin-top: 14px !important; margin-bottom: 14px !important;} .v673-shopping-view .shopping-section h3{font-size: 18px !important; line-height: 1.1 !important; margin: 0px 0px 7px !important;} .v673-shopping-view .food-week-switch, .v673-shopping-view .bp5-week-switch{position: relative;} @media (max-width: 520px) {.v673-shopping-view .shopping-family, .v673-shopping-view .shopping-section, .v673-shopping-view .shopping-complete-note{margin-left: 18px !important; margin-right: 18px !important;} .v673-shopping-view .shopping-family{padding: 14px !important;} .v673-shopping-view .shopping-family h3{font-size: 17px !important;}} .v673-equipment-choice img{width: 72px; height: 72px; object-fit: cover; border-radius: 14px; display: block; background: rgb(240, 238, 248);} html[data-theme="dark"] .v673-equipment-choice img{background: rgb(41, 40, 58);} .v675-settings-list{display: grid !important; gap: 8px !important;} .v675-settings-list > small{grid-column: 1 / -1 !important;} .v675-language-row, .v675-settings-row{min-height: 64px !important; box-sizing: border-box !important; border: 1px solid var(--line) !important; border-radius: 18px !important; background: var(--card) !important; color: var(--text) !important; padding: 12px 16px !important; display: grid !important; grid-template-columns: 36px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 12px !important; text-align: left !important; box-shadow: var(--shadow-soft) !important;} .v675-language-row > span, .v675-settings-row > span{width: 34px; height: 34px; border-radius: 11px; background: color-mix(in srgb,var(--accent) 10%,var(--card)); color: var(--accent); display: grid; place-items: center; font-size: 18px;} .v675-language-row > div:nth-child(2), .v675-settings-row > div{display: grid; gap: 2px; min-width: 0px;} .v675-language-row b, .v675-settings-row b{font-size: 16px;} .v675-language-row small, .v675-settings-row small{font-size: 12px; color: var(--muted); line-height: 1.3;} .v675-settings-row i{font-size: 24px; color: var(--muted); font-style: normal;} .v675-language-actions{display: flex !important; gap: 6px !important;} .v675-language-actions button{width: 40px; height: 38px; padding: 0px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); font-size: 20px; line-height: 1;} .v675-language-actions button.active{border-color: var(--accent); background: color-mix(in srgb,var(--accent) 13%,var(--card)); box-shadow: inset 0 0 0 1px var(--accent);} .v675-units-modal .v675-unit-options{display: grid; gap: 10px; margin-top: 16px;} .v675-unit-options button{display: grid; gap: 3px; text-align: left; padding: 15px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-2); color: var(--text);} .v675-unit-options button.active{border-color: var(--accent); background: color-mix(in srgb,var(--accent) 10%,var(--card));} .v675-unit-options small{color: var(--muted);} .v675-equipment-modal .equipment-row, .equipment-modal .v675-equipment-row{display: grid !important; grid-template-columns: 88px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 14px !important; min-height: 104px !important; padding: 10px 0px !important; box-sizing: border-box !important;} .v675-equipment-modal .equipment-photo, .equipment-modal .v675-equipment-row .equipment-photo{width: 88px !important; height: 84px !important; border-radius: 16px !important; overflow: hidden !important; background: var(--surface-2) !important; display: grid !important; place-items: center !important;} .v675-equipment-modal .equipment-photo img, .equipment-modal .v675-equipment-row .equipment-photo img{display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important;} .v675-equipment-modal .equipment-body, .equipment-modal .v675-equipment-row .equipment-body{min-width: 0px !important;} .v675-equipment-modal .equipment-body strong, .equipment-modal .v675-equipment-row .equipment-body strong{display: block !important; font-size: 15px !important; line-height: 1.2 !important; overflow-wrap: anywhere !important;} .v675-equipment-modal .equipment-actions, .equipment-modal .v675-equipment-row .equipment-actions{display: flex !important; align-items: center !important; gap: 7px !important;} .v675-equipment-modal .tick-btn, .equipment-modal .v675-equipment-row .tick-btn{flex: 0 0 38px !important; width: 38px !important; height: 38px !important;} .v675-equipment-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important;} .v675-equipment-grid .v673-equipment-choice{display: grid !important; grid-template-columns: 88px minmax(0px, 1fr) auto !important; gap: 14px !important; min-height: 104px !important; padding: 10px 0px !important; border-radius: 16px !important;} .v675-equipment-grid .v673-equipment-choice img{width: 88px !important; height: 84px !important; border-radius: 16px !important; object-fit: contain !important; object-position: center center !important;} .v675-equipment-grid .v673-equipment-choice span{font-size: 16px !important; line-height: 1.25 !important; overflow-wrap: anywhere !important;} .v675-equipment-grid .v673-equipment-choice b{font-size: 22px !important; min-width: 38px !important; text-align: center !important;} .v675-atlas-row{display: grid !important; grid-template-columns: 92px 28px minmax(0px, 1fr) 20px !important; gap: 10px !important; align-items: center !important; padding: 12px 2px !important; min-height: 86px !important;} .v675-atlas-row .v675-atlas-visual{width: 92px !important; height: 68px !important; display: grid !important; place-items: center !important; overflow: visible !important;} .v675-atlas-row .v675-atlas-visual svg{width: 92px !important; height: 68px !important; max-width: none !important; display: block !important;} .v675-atlas-row > div{min-width: 0px !important;} .v675-atlas-row strong, .v675-atlas-row small{overflow-wrap: anywhere !important;} .v675-active-exercise .v6-active-media, .v675-media-stable{contain: layout paint !important;} .v63-guide-video, .v63-inline-shell, .v675-media-frame{position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; min-height: 0px !important; overflow: hidden !important; background: rgb(8, 10, 13) !important; border-radius: 22px !important; contain: layout paint !important;} .v63-guide-video video, .v63-inline-shell video{display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center center !important; background: rgb(8, 10, 13) !important;} .v63-guide-poster{inset: 0px !important; height: 100% !important;} .v63-guide-video .powered{left: 0px; right: 0px; bottom: 0px; position: absolute !important; z-index: 4 !important; height: 24px !important; padding: 5px 10px !important; box-sizing: border-box !important;} .v64-photo-poster > img{object-fit: contain !important; object-position: center center !important; background: rgb(17, 19, 32) !important;} .v62-stage .v63-inline-shell video.v62-inline-video{width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; background: rgb(8, 10, 13) !important;} .v63-exercise-poster.compact{min-height: 0px !important;} @media (max-width: 520px) {.v675-atlas-row{grid-template-columns: 80px 24px minmax(0px, 1fr) 18px !important; gap: 7px !important;} .v675-atlas-row .v675-atlas-visual{width: 80px !important;} .v675-atlas-row .v675-atlas-visual svg{width: 80px !important;} .v675-equipment-modal .equipment-row, .equipment-modal .v675-equipment-row{grid-template-columns: 76px minmax(0px, 1fr) auto !important;} .v675-equipment-modal .equipment-photo, .equipment-modal .v675-equipment-row .equipment-photo{width: 76px !important; height: 72px !important;} .v675-equipment-grid .v673-equipment-choice{grid-template-columns: 76px minmax(0px, 1fr) auto !important; gap: 10px !important;} .v675-equipment-grid .v673-equipment-choice img{width: 76px !important; height: 72px !important;}} .v675-rest-status{display: grid !important; place-items: center !important; min-height: 92px !important; text-align: center !important;} .v675-rest-label{font-size: 28px !important; line-height: 1 !important; color: var(--text) !important;} .v675-rest-action{min-height: 52px !important; font-size: 16px !important;} html[data-theme="dark"] .v675-rest-label{color: rgb(255, 255, 255) !important;} .v62-body-card strong em{display: inline-block !important; flex: 0 0 auto !important; margin: 0px !important; letter-spacing: 0px !important;} .v62-metric-value{display: grid !important; grid-template-columns: max-content auto !important; align-items: baseline !important; column-gap: 9px !important;} .v62-metric-value strong, .v62-metric-value > span{min-width: 0px !important;} .v62-metric-value p{grid-column: 1 / -1 !important;} .v6-page-head p, .bp5-progress-row small, .v6-settings-list button b, .recipe-modal p, .recipe-modal li{font-size: max(15px, 1em);} .v673-equipment-grid{grid-template-columns: minmax(0px, 1fr) !important;} .v673-equipment-grid .v673-equipment-choice{width: 100%; box-sizing: border-box; grid-template-columns: 72px minmax(0px, 1fr) 32px !important; gap: 12px !important; padding: 10px !important;} .v673-equipment-grid .v673-equipment-choice img{max-width: 100%; width: 72px !important; height: 72px !important; object-fit: contain !important;} .v673-equipment-grid .v673-equipment-choice > span{min-width: 0px; overflow-wrap: anywhere;} .v673-equipment-grid .v673-equipment-choice > b{min-width: 0px !important;} .equipment-modal .equipment-row{box-sizing: border-box; display: grid !important; grid-template-columns: 76px minmax(0px, 1fr) 72px !important; gap: 12px !important; align-items: center !important;} .equipment-modal .equipment-row .equipment-photo{overflow: hidden; border-radius: 12px; width: 76px !important; height: 72px !important;} .equipment-modal .equipment-row .equipment-photo img{display: block; object-fit: contain; width: 100% !important; height: 100% !important;} .equipment-modal .equipment-row .equipment-body{overflow-wrap: anywhere; min-width: 0px !important;} .equipment-modal .equipment-row .equipment-body > *{max-width: 100%; white-space: normal !important; overflow-wrap: anywhere !important;} .equipment-modal .equipment-row .equipment-actions{min-width: 0px; flex-direction: column !important;} .equipment-modal .equipment-row .equipment-actions button{max-width: 100%; box-sizing: border-box; padding-left: 4px !important; padding-right: 4px !important; font-size: 14px !important; letter-spacing: normal !important;} .plan-exercise-row, .plan-exercise-row-r12, .plan-exercise-row.v675-atlas-row{width: 100%; box-sizing: border-box; display: grid !important; grid-template-columns: 72px minmax(0px, 1fr) 18px !important; gap: 12px !important; align-items: center !important;} .plan-exercise-row > .grow, .plan-exercise-row-r12 > .grow{overflow-wrap: anywhere; min-width: 0px !important;} .plan-exercise-row .v672-plan-number, .plan-exercise-row .v672-plan-atlas, .plan-exercise-row-r12 .v672-plan-atlas{width: 72px !important; min-width: 0px !important; height: 60px !important; margin: 0px !important; flex: 0 0 72px !important; overflow: hidden !important;} .plan-exercise-row .v672-plan-atlas .bp9-anatomy, .plan-exercise-row-r12 .v672-plan-atlas .bp9-anatomy{width: 72px !important; max-width: 100% !important; height: 60px !important; margin: 0px !important;} @media (max-width: 390px) {.plan-row-detail-r12{padding-left: 0px !important;} .plan-exercise-row, .plan-exercise-row-r12, .plan-exercise-row.v675-atlas-row{gap: 8px !important;}} .v6-profile-page .v6-settings-list{gap: 8px !important;} .v6-profile-page .v6-settings-list > button, .v6-profile-page .v6-settings-list > .v675-language-row{box-sizing: border-box; display: grid !important; grid-template-columns: 34px minmax(0px, 1fr) 18px !important; align-items: center !important; gap: 12px !important; min-height: 76px !important; padding: 12px 16px !important; margin: 0px !important;} .v6-profile-page .v6-settings-list > .v610-appearance-row{grid-template-columns: 34px minmax(0px, 1fr) auto 18px !important;} .v6-profile-page .v610-appearance-row > em{white-space: nowrap; margin: 0px !important; font-size: 13px !important;} .v6-profile-page .v6-settings-list > button > i{justify-self: center; grid-area: 1 / -2 !important; margin: 0px !important;} .v6-profile-page .v6-settings-list > button > span{align-self: center !important; margin: 0px !important;} .v6-profile-page .v6-settings-list > button > b, .v6-profile-page .v6-settings-list > button > div{min-width: 0px; overflow-wrap: anywhere;} .v6-profile-page .v6-settings-list > .v675-language-row{grid-template-columns: 34px minmax(0px, 1fr) auto !important;} .v6-profile-page .v675-language-actions button{width: 44px !important; min-height: 48px !important; height: 48px !important; padding: 0px !important;} html[data-theme="dark"] .v6-profile-page .v6-profile-context{background: var(--bp-card) !important; color: var(--bp-ink) !important; border-color: var(--bp-line) !important;} html[data-theme="dark"] .v6-profile-page .v6-profile-context strong, html[data-theme="dark"] .bp7-profile-session .bp7-logout, html[data-theme="dark"] .bp7-profile-session .bp7-logout b{color: var(--bp-ink) !important;} html[data-theme="dark"] .v6-profile-page .v6-profile-context small, html[data-theme="dark"] .v6-profile-page .v6-profile-context span, html[data-theme="dark"] .bp7-profile-session > small{color: var(--bp-muted) !important;} html[data-theme="dark"] .bp7-profile-session .v613-logout-icon{background: var(--bp-card2) !important; color: var(--bp-purple) !important;} .swack-privacy-sheet section{margin-top: 20px;} .swack-privacy-sheet h3{margin: 0px 0px 8px; font-size: 18px;} .swack-privacy-sheet section p{margin: 0px; color: var(--bp-muted); font-size: 15px; line-height: 1.5;} .swack-privacy-sheet section button{margin-top: 16px;} .bp5-food-page > .bp5-food-title{box-sizing:border-box;height:auto;min-height:0;display:block;padding:16px 0 12px;margin:0;} .bp5-food-page > .bp5-food-title h1{font-size: clamp(24px, 6.8vw, 28px) !important; line-height: 1.15 !important;} .bp5-food-page > .bp5-food-title p{font-size: 14px !important; line-height: 20px !important;} .bp5-food-page > .bp5-food-tabs{width: 100%; box-sizing: border-box; display: flex !important; flex-wrap: wrap; margin: 12px 0px !important;} .bp5-food-page > .bp5-food-tabs button{flex: 1 1 max-content; min-width: 0px !important; max-width: 100%; padding: 10px 4px !important;} .v673-shopping-view .bp5-food-page > .shopping-family, .v673-shopping-view .bp5-food-page > .shopping-section{margin-left: 0px !important; margin-right: 0px !important;} html[data-theme="dark"] body .warmup-panel, html[data-theme="dark"] body .warm-guide-modal{background: var(--bp-card) !important; color: var(--bp-ink) !important; border: 1px solid var(--bp-line) !important; box-shadow: none !important;} html[data-theme="dark"] .warmup-panel > .row{padding: 0px 16px 12px;} html[data-theme="dark"] .warmup-panel .warmup-list{padding: 0px 12px;} html[data-theme="dark"] .warmup-panel h3, html[data-theme="dark"] .warmup-panel .warm-info strong, html[data-theme="dark"] .warm-guide-modal h2{color: var(--bp-ink) !important;} html[data-theme="dark"] .warmup-panel .eyebrow, html[data-theme="dark"] .warmup-panel .warm-info small{color: var(--bp-muted) !important;} html[data-theme="dark"] .warmup-panel .warm-info{min-width: 0px; color: var(--bp-ink) !important; background: transparent !important; opacity: 1 !important;} html[data-theme="dark"] .warmup-panel .warm-info > div{min-width: 0px; overflow-wrap: anywhere;} html[data-theme="dark"] .warmup-panel .warm-info > span, html[data-theme="dark"] .warmup-panel .pill{flex-shrink: 0; background: var(--bp-card2) !important; color: var(--bp-ink) !important;} html[data-theme="dark"] .warmup-panel .warm-check{color: var(--bp-muted) !important;} html[data-theme="dark"] .warmup-panel .v63-warmup-toggle{color: var(--bp-ink) !important; background: var(--bp-card) !important; border-color: var(--bp-line) !important;} .v6-workout-detail .swack-easy-prescription{padding: 0px !important; margin: 0px !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important;} .swack-easy-guidance{display: grid; gap: 12px; padding: 4px 0px;} .swack-easy-guidance > strong{font-size: 18px; line-height: 1.35; color: var(--bp-ink);} .swack-easy-guidance > p{margin: 0px !important; font-size: 16px !important; line-height: 1.5 !important; color: var(--bp-muted) !important;} .swack-easy-guidance .swack-cardio-alternative{padding-top: 12px; border-top: 1px solid var(--bp-line);} .swack-cardio-alternative > span{display: block; margin-bottom: 4px; font-weight: 700; color: var(--bp-ink);}