    :root{--bg:#0A0A0A;--s1:#141414;--s2:#1C1C1C;--s3:#242424;--bd:rgba(255,255,255,.08);--bd2:rgba(255,255,255,.13);--or:#C41E3A;--og:rgba(196,30,58,.25);--ol:#E02040;--od:rgba(196,30,58,.10);--gld:#C41E3A;--wh:#F5F0EC;--mt:#8A8A8A;--mt2:#666666;--gn:#2ECC71;--gnd:rgba(46,204,113,.12);--re:#E05050;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{height:100%;background:var(--bg);color:var(--wh);font-family:'Barlow',sans-serif;overscroll-behavior:none}html{height:-webkit-fill-available}
    body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 65% 40% at 95% 0%,rgba(196,30,58,.12) 0%,transparent 60%),radial-gradient(ellipse 35% 25% at 5% 90%,rgba(196,30,58,.07) 0%,transparent 55%)}
    .shell{max-width:700px;margin:0 auto;height:100%;height:100dvh;position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden}

    /* TOPBAR */
    .topbar{position:sticky;top:0;z-index:100;flex-shrink:0;background:rgba(10,10,10,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(196,30,58,.18);padding:calc(var(--safe-top) + 8px) 14px 8px;display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:9px}
    .bi{width:30px;height:30px;background-image:url('/icons/icon-192.png');background-size:cover;background-position:center;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:0;color:transparent;flex-shrink:0;overflow:hidden}
    .bn{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#F5EDD8;line-height:1.1}
    .bn span{color:var(--or)}
    .bs{font-size:10px;color:var(--mt2);letter-spacing:.05em}
    .tb-right{display:flex;align-items:center;gap:6px}
    .spots{display:flex;align-items:center;gap:4px;background:rgba(196,30,58,.12);border:1px solid rgba(196,30,58,.25);border-radius:100px;padding:3px 8px;font-size:9px;font-weight:600;color:var(--ol)}
    .sdot{width:5px;height:5px;background:var(--or);border-radius:50%;animation:blink 1.6s infinite}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
    .tb-cta{background:var(--or);color:#fff;border:none;border-radius:7px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px var(--og);transition:background .18s}
    .tb-cta:hover{background:var(--ol)}

    /* BOTTOM NAV */
    .bot-nav{width:100%;z-index:99;background:rgba(10,10,10,.97);border-top:1px solid var(--bd);display:flex;padding-bottom:var(--safe-bot);flex-shrink:0}
    .bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;background:none;border:none;cursor:pointer;color:var(--mt);transition:color .2s;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
    .bnav-item.active{color:var(--or)}
    .bnav-item.active::before{content:'';position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--or);border-radius:0 0 2px 2px}
    .bnav-icon{font-size:22px;line-height:1}
    .bnav-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase}

    /* PAGES */
    .main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
    .page{display:none;padding:14px 14px 18px}
    .page.active{display:block}

    /* SHARED */
    .eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--or);margin-bottom:5px}
    .page-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(32px,8vw,46px);line-height:.9;text-transform:uppercase;color:var(--wh)}
    .page-title .hl{color:var(--or);font-style:italic}
    .sec-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mt);margin-bottom:8px}
    .card{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;overflow:hidden}
    .card-pad{padding:14px}
    .divider{border:none;border-top:1px solid var(--bd);margin:14px 0}
    .btn-or{background:var(--or);color:#fff;border:none;border-radius:9px;padding:12px 20px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .18s;box-shadow:0 2px 14px var(--og);width:100%}
    .btn-or:hover{background:var(--ol)}
    .btn-or:disabled{opacity:.5;cursor:not-allowed}
    .btn-ghost{background:transparent;color:var(--mt2);border:1px solid var(--bd2);border-radius:9px;padding:11px 20px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s;width:100%}
    .btn-ghost:hover{border-color:var(--or);color:var(--or)}
    .form-group{margin-bottom:10px}
    .form-label{font-size:12px;font-weight:600;color:#666;margin-bottom:6px;display:block}
    .form-input{width:100%;padding:11px 13px;background:var(--s2);border:1px solid var(--bd2);border-radius:9px;color:var(--wh);font-family:'Barlow',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
    .form-input:focus{border-color:var(--or)}
    .form-input::placeholder{color:var(--mt)}
    select.form-input{cursor:pointer}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

    /* ═══ ASK PAGE ═══ */
    .ask-hero{padding:10px 0 10px;border-bottom:1px solid var(--bd);margin-bottom:12px}
    .hero-stats{display:flex;gap:14px;margin-top:10px}
    .snum{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;color:var(--wh)}
    .slbl{font-size:9px;color:var(--mt);letter-spacing:.06em;text-transform:uppercase}
    .ticker{background:rgba(196,30,58,.05);border:1px solid rgba(196,30,58,.18);border-radius:8px;padding:6px 10px;margin-bottom:12px;display:flex;align-items:center;gap:7px;overflow:hidden}
    .t-lbl{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or);white-space:nowrap}
    .t-txt{font-size:11px;color:var(--mt2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .t-txt em{color:var(--wh);font-style:normal}
    .topics-row{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-bottom:18px;padding:0 20px 2px 0;-webkit-overflow-scrolling:touch}
    .topics-row::-webkit-scrollbar{display:none}
    .topics-row::after{content:'';flex:0 0 14px}
    .tpill{flex:0 0 auto;max-width:100%;padding:6px 10px;border-radius:100px;border:1px solid var(--bd2);background:var(--s1);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:var(--mt2);cursor:pointer;transition:all .18s;white-space:nowrap}
    .tpill:last-child{margin-right:6px}
    .tpill.active{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 0 10px var(--og)}
    .tpill:hover:not(.active){border-color:var(--or);color:var(--or)}
@media (max-width: 420px){
    .topics-row{gap:5px;padding-right:28px}
    .tpill{padding:6px 9px;font-size:10px}
}

    .ask-box{background:var(--s1);border:1px solid var(--bd2);border-radius:13px;overflow:hidden;margin-bottom:18px;transition:border-color .2s,box-shadow .2s}
    .ask-box:focus-within{border-color:#C41E3A;box-shadow:0 0 0 3px var(--od)}
    .ask-box textarea{width:100%;padding:14px 16px 10px;background:transparent;border:none;outline:none;resize:none;color:var(--wh);font-family:'Barlow',sans-serif;font-size:15px;line-height:1.55;caret-color:var(--or)}
    .ask-box textarea::placeholder{color:var(--mt)}
    .ask-foot{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 12px;border-top:1px solid var(--bd)}
    .ask-status{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--mt2)}
    .ask-status::before{content:'';width:6px;height:6px;background:var(--gn);border-radius:50%;box-shadow:0 0 4px var(--gn)}
    .ask-btn{display:flex;align-items:center;gap:7px;background:var(--or);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 14px var(--og);transition:all .18s}
    .ask-btn:hover{background:var(--ol);transform:translateY(-1px)}
    .ask-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
    .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
    .chip{padding:6px 11px;border-radius:7px;background:rgba(196,30,58,.08);border:1px solid rgba(196,30,58,.18);font-size:11px;color:var(--mt2);cursor:pointer;transition:all .18s;font-family:'Barlow',sans-serif;-webkit-appearance:none;text-align:left;line-height:1.4;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
    .chip:hover{border-color:var(--or);color:var(--or)}
    .loading-state{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:12px}
    .spin{width:38px;height:38px;border-radius:50%;border:3px solid var(--bd2);border-top-color:var(--or);animation:spin .75s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}
    .loading-lbl{font-size:13px;color:var(--mt2)}
    .err-box{background:rgba(229,57,53,.06);border:1px solid rgba(229,57,53,.25);border-radius:10px;padding:12px 15px;color:#ff9999;font-size:13px;margin:12px 0;word-break:break-all}
    .answer-card{background:var(--s1);border:1px solid var(--bd2);border-radius:13px;overflow:hidden;margin-top:6px;animation:fadeUp .3s ease}
    @keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    .ans-head{background:linear-gradient(135deg,rgba(196,30,58,.07),transparent 70%);border-bottom:1px solid rgba(196,30,58,.15);padding:12px 16px;display:flex;align-items:center;gap:9px}
    .ans-av{width:36px;height:36px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:14px;color:#fff;flex-shrink:0}
    .ans-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;color:var(--wh)}
    .ans-role{font-size:10px;color:var(--mt2)}
    .pulse{width:6px;height:6px;background:var(--gn);border-radius:50%;animation:pulse 2s infinite;margin-left:auto}
    @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
    .ans-body{padding:16px;font-size:14px;line-height:1.85;color:#F3EEE9;text-shadow:0 1px 0 rgba(0,0,0,.18)}.ans-body p{margin-bottom:12px}.ans-body p:last-child{margin-bottom:0}.ans-body strong{color:#FFFFFF}.ans-body em{color:#FFE1D2;font-style:italic}
    .vid-sect{border-top:1px solid var(--bd);padding:12px 16px}
    .vid-lbl{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt2);margin-bottom:10px}
    .vid-row{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}
    .vid-row::-webkit-scrollbar{display:none}
    .vid-card{flex-shrink:0;width:175px;border-radius:9px;overflow:hidden;border:1px solid rgba(196,30,58,.22);background:var(--s2);text-decoration:none;display:block;transition:all .2s}
    .vid-card:hover{border-color:var(--or);transform:translateY(-2px)}
    .vid-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--s3)}
    .vid-info{padding:7px 9px 10px}
    .vid-title{font-size:11px;font-weight:600;color:var(--wh);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .upsell{border-top:1px solid var(--bd);padding:12px 16px;background:linear-gradient(135deg,rgba(196,30,58,.07),transparent);display:flex;align-items:center;gap:10px}
    .upsell-ico{font-size:20px;flex-shrink:0}
    .upsell-t{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;color:var(--wh);margin-bottom:1px}
    .upsell-d{font-size:11px;color:var(--mt2)}
    .upsell-btn{flex-shrink:0;padding:8px 12px;border-radius:7px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s}
    .upsell-btn:hover{background:var(--ol)}
    .ans-actions{border-top:1px solid var(--bd);padding:10px 16px 14px;display:flex;gap:8px}
    .act-btn{flex:1;padding:9px 10px;border-radius:8px;border:1px solid var(--bd2);background:var(--s2);color:var(--wh);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:all .18s}
    .act-btn.hot{background:var(--or);border-color:var(--or)}
    .act-btn:hover:not(.hot){border-color:var(--or);color:var(--or)}
    .coach-banner{background:linear-gradient(135deg,#FFFFFF,rgba(196,30,58,.04));border:1px solid rgba(196,30,58,.28);border-radius:13px;padding:20px 18px;margin-top:22px;position:relative;overflow:hidden}
    .coach-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--or),var(--ol),transparent)}
    .cb-ey{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--or);margin-bottom:6px}
    .cb-t{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;line-height:1;color:var(--wh);margin-bottom:7px}
    .cb-urg{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ol);font-weight:600;margin-bottom:12px}
    .cb-urg::before{content:'';width:6px;height:6px;background:var(--or);border-radius:50%;animation:blink 1.4s infinite;flex-shrink:0}
    .cb-d{font-size:13px;color:var(--mt2);line-height:1.6;margin-bottom:16px}
    .cb-btns{display:flex;gap:9px;flex-wrap:wrap}
    .cb-pri{flex:1;min-width:130px;padding:12px 14px;border-radius:9px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:all .18s;box-shadow:0 3px 16px var(--og)}
    .cb-pri:hover{background:var(--ol)}
    .cb-sec{flex:1;min-width:120px;padding:12px 14px;border-radius:9px;background:transparent;border:1px solid var(--bd2);color:var(--mt2);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;cursor:pointer;text-align:center;display:block;transition:all .18s}
    .cb-sec:hover{border-color:var(--or);color:var(--or)}
    a.cb-sec{color:var(--mt2);text-decoration:none}
    a.cb-sec:hover{color:var(--or)}
    a.cb-pri{color:#fff;text-decoration:none}

    /* ═══ TRACKER PAGE ═══ */
    .tracker-hero{padding:22px 0 18px;border-bottom:1px solid var(--bd);margin-bottom:20px}
    .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
    .metric-card{background:var(--s1);border:1px solid var(--bd2);border-radius:12px;padding:16px}
    .metric-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt2);margin-bottom:6px}
    .metric-val{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;color:var(--wh);line-height:1}
    .metric-val span{font-size:13px;color:var(--mt2);font-weight:400}
    .metric-change{font-size:11px;margin-top:4px}
    .metric-change.up{color:#5dde8f}
    .metric-change.down{color:#E02040}
    .metric-change.neutral{color:var(--mt2)}
    .log-section{margin-bottom:24px}
    .log-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--wh);margin-bottom:14px}
    .log-entry{background:var(--s1);border:1px solid var(--bd);border-radius:11px;padding:14px 16px;margin-bottom:9px;display:flex;align-items:center;gap:12px}
    .log-date{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--or);min-width:48px}
    .log-info{flex:1}
    .log-main{font-size:14px;font-weight:600;color:var(--wh);margin-bottom:2px}
    .log-sub{font-size:11px;color:var(--mt2)}
    .log-del{background:none;border:none;color:var(--mt);font-size:16px;cursor:pointer;padding:4px;transition:color .18s}
    .log-del:hover{color:var(--re)}
    .empty-state{text-align:center;padding:32px 20px;color:var(--mt2);display:flex;flex-direction:column;align-items:center;gap:8px}
    .empty-icon{font-size:32px;line-height:1;opacity:.7}
    .empty-text{font-size:14px;font-weight:600;color:var(--wh);line-height:1.5}
    .empty-sub{font-size:12px;color:var(--mt);line-height:1.55;max-width:260px;margin:0 auto}
    .empty-cta{margin-top:6px;background:rgba(196,30,58,.12);border:1px solid rgba(196,30,58,.3);border-radius:8px;padding:9px 18px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--or);cursor:pointer;transition:background .15s}
    .empty-cta:hover{background:rgba(196,30,58,.22)}
    .chart-wrap{background:var(--s1);border:1px solid var(--bd2);border-radius:12px;padding:16px;margin-bottom:20px;overflow-x:auto}
    .chart-title{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt2);margin-bottom:12px}
    .weight-svg-chart{width:100%;display:block;overflow:visible}
    .chart-axis-label{font-family:Barlow,sans-serif;font-size:10px;fill:var(--mt2)}
    .chart-point{cursor:pointer;transition:r .15s}
    .chart-point:hover{r:5}
    .chart-tooltip{pointer-events:none}
    .bar-label{font-size:9px;color:var(--mt2);text-align:center;white-space:nowrap}
    .latest-vids{margin-bottom:20px}
    .latest-vid-card{display:flex;align-items:center;gap:10px;background:#1A1414;border:1px solid rgba(196,30,58,.22);border-radius:11px;padding:10px 12px;margin-bottom:8px;text-decoration:none;transition:all .2s;touch-action:manipulation}
    .latest-vid-card:hover{border-color:var(--or);transform:translateX(2px);background:#241616}
    .lv-thumb{width:80px;height:45px;object-fit:cover;border-radius:7px;flex-shrink:0;background:var(--s2)}
    .lv-info{flex:1;min-width:0}
    .lv-title{font-size:13px;font-weight:700;color:#F5F0EC;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px}
    .lv-date{font-size:10px;color:#8A8A8A}
    .lv-play{width:28px;height:28px;background:var(--or);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;color:#fff}
    .lv-loading{text-align:center;padding:20px;color:var(--mt2);font-size:12px}
    .new-badge{display:inline-block;background:var(--or);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:100px;margin-left:6px;letter-spacing:.05em}
    .notify-banner{background:linear-gradient(135deg,rgba(196,30,58,.08),transparent);border:1px solid rgba(196,30,58,.2);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}
    .notify-icon{font-size:24px;flex-shrink:0}
    .notify-text{flex:1}
    .notify-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;color:var(--wh);margin-bottom:2px}
    .notify-sub{font-size:12px;color:var(--mt2)}
    .notify-btn{flex-shrink:0;padding:8px 13px;border-radius:7px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s}
    .notify-btn:hover{background:var(--ol)}

    /* ═══ WORKOUT GENERATOR ═══ */
    .gen-hero{padding:22px 0 18px;border-bottom:1px solid var(--bd);margin-bottom:20px}
    .gen-form-card{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:20px;margin-bottom:16px}
    .gen-form-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--wh);margin-bottom:16px}
    .program-result{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;overflow:hidden;margin-bottom:16px;animation:fadeUp .3s ease}
    .prog-head{background:linear-gradient(135deg,rgba(196,30,58,.07),transparent 70%);border-bottom:1px solid rgba(196,30,58,.15);padding:16px 18px}
    .prog-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;color:var(--wh);margin-bottom:4px}
    .prog-meta{font-size:12px;color:var(--mt2)}
    .prog-body{padding:16px 18px}
    .prog-week{margin-bottom:20px}
    .prog-week-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;color:#C41E3A;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--bd)}
    .prog-day{background:var(--s2);border-radius:9px;padding:12px 14px;margin-bottom:8px}
    .prog-day-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;color:var(--wh);margin-bottom:8px}
    .prog-exercise{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mt2);padding:4px 0;border-bottom:1px solid var(--bd)}
    .prog-exercise:last-child{border-bottom:none}
    .prog-exercise-name{color:var(--wh);font-weight:500}
    .prog-sets{font-size:11px;color:var(--or);font-weight:600;white-space:nowrap}
    .ex-yt{display:inline-flex;align-items:center;gap:3px;background:rgba(229,57,53,.12);border:1px solid rgba(229,57,53,.25);border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;color:#E02040;text-decoration:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.02em}
    .ex-yt:hover{background:rgba(229,57,53,.22)}
    .prog-actions{border-top:1px solid var(--bd);padding:14px 18px;display:flex;gap:9px}
    .prog-act{flex:1;padding:10px;border-radius:8px;border:1px solid var(--bd2);background:var(--s2);color:var(--wh);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;text-align:center;transition:all .18s}
    .prog-act.hot{background:var(--or);border-color:var(--or)}
    .prog-act:hover:not(.hot){border-color:var(--or);color:var(--or)}
    .gen-loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:14px}
    .gen-loading-ring{width:44px;height:44px;border-radius:50%;border:3px solid var(--bd2);border-top-color:var(--or);animation:spin .75s linear infinite}
    .gen-loading-lbl{font-size:14px;color:#888;text-align:center}
    .gen-loading-tip{font-size:12px;color:var(--mt);text-align:center;max-width:260px;line-height:1.6}

    /* ═══ MACRO CALCULATOR ═══ */
    .macro-hero{padding:22px 0 18px;border-bottom:1px solid var(--bd);margin-bottom:20px}
    .macro-result{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;overflow:hidden;margin-bottom:16px;animation:fadeUp .3s ease}
    .macro-result-head{background:linear-gradient(135deg,rgba(196,30,58,.07),transparent 70%);border-bottom:1px solid rgba(196,30,58,.15);padding:16px 18px}
    .macro-result-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:20px;text-transform:uppercase;color:var(--wh);margin-bottom:2px}
    .macro-result-sub{font-size:12px;color:var(--mt2)}
    .macro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--bd)}
    .macro-stat{background:var(--s1);padding:16px;text-align:center}
    .macro-stat-val{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:30px;color:var(--wh);line-height:1}
    .macro-stat-val.c-cal{color:var(--or)}
    .macro-stat-val.c-pro{color:#5dde8f}
    .macro-stat-val.c-carb{color:#78a8ff}
    .macro-stat-val.c-fat{color:var(--gld)}
    .macro-stat-unit{font-size:12px;color:var(--mt2);margin-bottom:2px}
    .macro-stat-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mt);margin-top:3px}
    .macro-bar-wrap{padding:16px 18px;border-top:1px solid var(--bd)}
    .macro-bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}
    .macro-bar-track{background:var(--s2);border-radius:100px;height:8px;overflow:hidden;margin-bottom:12px}
    .macro-bar-fill{height:100%;border-radius:100px;transition:width .6s ease}
    .macro-tips{padding:14px 18px;border-top:1px solid var(--bd)}
    .macro-tip{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--mt2);line-height:1.5;margin-bottom:8px}
    .macro-tip::before{content:'→';color:var(--or);font-weight:700;flex-shrink:0}
    .macro-upsell{border-top:1px solid var(--bd);padding:14px 18px;background:linear-gradient(135deg,rgba(196,30,58,.07),transparent);display:flex;align-items:center;gap:10px}

    /* ═══ MORE PAGE (Programs/Supps/Settings) ═══ */
    .more-section{margin-bottom:28px}
    .more-section-title{color:#1A1A1A;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--wh);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--bd)}
    .prog-card{background:var(--s1);border:1px solid var(--bd2);border-radius:13px;overflow:hidden;margin-bottom:12px;transition:all .2s}
    .prog-card:hover{border-color:var(--or)}
    .prog-card-body{padding:18px}
    .pbadge{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px;margin-bottom:9px}
    .pbadge.or{background:var(--or);color:#fff}
    .pbadge.gld{background:var(--gld);color:#000}
    .pbadge.bl{background:rgba(55,130,255,.15);color:#78a8ff;border:1px solid rgba(55,130,255,.25)}
    .pbadge.gn{background:var(--gnd);color:#5dde8f;border:1px solid rgba(39,174,96,.25)}
    .prog-card-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:var(--wh);margin-bottom:5px;line-height:1.1}
    .prog-card-desc{font-size:12px;color:var(--mt2);line-height:1.6;margin-bottom:12px}
    .prog-card-feats{display:flex;flex-direction:column;gap:5px}
    .prog-feat{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--mt2);line-height:1.4}
    .prog-feat::before{content:'✓';color:#27AE60;font-weight:700;flex-shrink:0}
    .prog-card-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--bd);background:rgba(0,0,0,.04)}
    .prog-price{color:#1A1A1A;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;color:var(--wh)}
    .prog-price span{font-size:12px;color:var(--mt2);font-weight:400}
    .prog-cta{padding:9px 20px;border-radius:8px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:background .18s}
    .prog-cta:hover{background:var(--ol)}
    .trust-bar{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:14px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin:0 0 20px}
    .trust-bar::-webkit-scrollbar{display:none}
    .ti{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px}
    .ti-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:20px;color:#C41E3A}
    .ti-l{font-size:9px;color:var(--mt2);text-align:center;letter-spacing:.05em;text-transform:uppercase}
    .testi{background:var(--s1);border:1px solid var(--bd);border-radius:11px;padding:14px 16px;margin-bottom:10px}
    .stars{color:var(--gld);font-size:12px;margin-bottom:6px;letter-spacing:2px}
    .testi-txt{font-size:13px;color:var(--mt2);line-height:1.65;font-style:italic;margin-bottom:10px}
    .testi-auth{display:flex;align-items:center;gap:8px}
    .tav{width:28px;height:28px;border-radius:50%;background:var(--s2);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;color:var(--or);border:1px solid var(--bd2);flex-shrink:0}
    .tn{font-size:12px;font-weight:600;color:#1A1A1A}
    .tr{font-size:10px;color:var(--gn)}
    .email-sect{padding:20px;background:linear-gradient(135deg,#FFFFFF,rgba(196,30,58,.03));border:1px solid rgba(196,30,58,.22);border-radius:13px;position:relative;overflow:hidden;margin-bottom:20px}
    .email-sect::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--or),transparent)}
    .email-t{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:#1A1A1A;margin-bottom:5px}
    .email-d{font-size:12px;color:var(--mt2);line-height:1.6;margin-bottom:13px}
    .email-perks{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
    .email-perk{font-size:12px;color:var(--mt2);display:flex;align-items:center;gap:6px}
    .email-perk::before{content:'→';color:var(--or);font-weight:700}
    .email-form{display:flex;gap:7px}
    .email-in{flex:1;padding:10px 12px;background:#0f0f0f;border:1px solid var(--bd2);border-radius:8px;color:var(--wh);font-family:'Barlow',sans-serif;font-size:13px;outline:none;transition:border-color .2s}
    .email-in:focus{border-color:var(--or)}
    .email-in::placeholder{color:var(--mt)}
    .email-sub{padding:10px 16px;border-radius:8px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s}
    .email-sub:hover{background:var(--ol)}
    .setting-row{background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:14px;margin-bottom:8px}
    .setting-label{font-size:12px;font-weight:600;color:#1A1A1A;margin-bottom:2px}
    .setting-desc{font-size:11px;color:var(--mt);margin-bottom:10px;line-height:1.5}
    .save-btn{margin-top:9px;padding:8px 14px;border-radius:7px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;transition:background .18s}
    .save-btn:hover{background:var(--ol)}
    .key-ok{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 9px;border-radius:100px;margin-top:7px;background:rgba(39,174,96,.1);color:#5dde8f;border:1px solid rgba(39,174,96,.2)}



    /* ═══ ASK KEN DIRECTLY ═══ */
    .akd-banner{background:linear-gradient(135deg,#1A1A1A,#2a1a1a);border:1px solid rgba(196,30,58,.4);border-radius:13px;padding:18px;margin-top:16px;position:relative;overflow:hidden}
    .akd-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--or),#ff6b35,var(--or))}
    .akd-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:5px}
    .akd-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;color:#fff;line-height:1;margin-bottom:6px}
    .akd-desc{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:14px}
    .akd-perks{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
    .akd-perk{font-size:12px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:7px}
    .akd-perk::before{content:'✓';color:var(--or);font-weight:700;flex-shrink:0}
    .akd-btn{display:block;text-align:center;background:var(--or);color:#fff;border:none;border-radius:9px;padding:13px 20px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;width:100%;transition:background .18s;box-shadow:0 3px 16px var(--og)}
    .akd-btn:hover{background:var(--ol)}
    .akd-price{text-align:center;font-size:11px;color:rgba(255,255,255,.4);margin-top:8px}
    .akd-inline{border-top:1px solid var(--bd);padding:12px 16px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(201,149,42,.06),transparent)}
    .akd-inline-ico{font-size:20px;flex-shrink:0}
    .akd-inline-t{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;color:var(--wh);margin-bottom:1px}
    .akd-inline-d{font-size:11px;color:var(--mt2)}
    .akd-inline-btn{flex-shrink:0;padding:9px 14px;border-radius:8px;background:#1A1A1A;border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .18s}
    .akd-inline-btn:hover{background:var(--or)}
    /* Modal steps */
    .akd-step{display:none}.akd-step.active{display:block}
    .akd-step-pay{text-align:center;padding:8px 0}
    .akd-venmo-btn{display:inline-flex;align-items:center;gap:9px;background:#008CFF;color:#fff;border:none;border-radius:10px;padding:14px 28px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .18s;box-shadow:0 3px 14px rgba(0,140,255,.35)}
    .akd-venmo-btn:hover{background:#006fd6}
    .akd-paid-btn{background:var(--gn);color:#fff;border:none;border-radius:9px;padding:12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;cursor:pointer;width:100%;margin-top:12px;transition:background .18s}
    .akd-paid-btn:hover{background:#219a52}
    .akd-confirm{background:rgba(39,174,96,.08);border:1px solid rgba(39,174,96,.25);border-radius:10px;padding:16px;text-align:center}
    .akd-confirm-ico{font-size:32px;margin-bottom:8px}
    .akd-confirm-t{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:#27AE60;margin-bottom:5px}
    .akd-confirm-d{font-size:13px;color:var(--mt2);line-height:1.6}



    /* ── MEAL PLAN ── */
    .meal-plan-result{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;overflow:hidden;margin-bottom:16px;animation:fadeUp .3s ease}
    .meal-plan-head{background:linear-gradient(135deg,rgba(196,30,58,.1),transparent 70%);border-bottom:1px solid rgba(196,30,58,.18);padding:16px 18px}
    .meal-plan-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;color:var(--wh);margin-bottom:3px}
    .meal-plan-sub{font-size:13px;color:#909090;line-height:1.5}
    .meal-day{border-bottom:1px solid var(--bd);padding:14px 18px}
    .meal-day:last-child{border-bottom:none}
    .meal-day-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;color:var(--or);margin-bottom:12px;display:flex;align-items:center;gap:8px}
    .meal-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}
    .meal-item:last-child{border-bottom:none}
    .meal-item-time{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--or);min-width:58px;padding-top:2px}
    .meal-item-body{flex:1}
    .meal-item-name{font-size:14px;font-weight:700;color:#FFFFFF;margin-bottom:3px;line-height:1.4}
    .meal-item-macros{font-size:12px;color:#A0A0A0}
    .meal-item-macros span{margin-right:8px}
    .meal-plan-tip{background:rgba(196,30,58,.07);border-top:1px solid rgba(196,30,58,.15);padding:14px 18px;font-size:13px;color:#A0A0A0;line-height:1.7}
    .meal-plan-tip strong{color:var(--wh)}
    .meal-plan-upsell{border-top:1px solid var(--bd);padding:14px 18px;background:linear-gradient(135deg,rgba(196,30,58,.07),transparent);display:flex;align-items:center;gap:10px}

    /* ── REST TIMER ── */
    .rest-timer-wrap{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:200;background:#141414;border:2px solid var(--or);border-radius:16px;padding:16px 24px;text-align:center;box-shadow:0 8px 32px rgba(196,30,58,.4);min-width:200px}
    .rest-timer-wrap.visible{display:block;animation:fadeUp .25s ease}
    .rest-timer-lbl{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:4px}
    .rest-timer-count{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:52px;line-height:1;color:var(--wh);margin-bottom:8px}
    .rest-timer-btns{display:flex;gap:8px;justify-content:center}
    .rest-timer-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--mt);border-radius:7px;padding:6px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;cursor:pointer}
    .rest-timer-add{background:rgba(196,30,58,.15);border:1px solid rgba(196,30,58,.3);color:var(--or);border-radius:7px;padding:6px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;cursor:pointer}
    .rest-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(196,30,58,.15);border:1px solid rgba(196,30,58,.3);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;color:var(--or);cursor:pointer;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;transition:background .18s;margin-left:6px}
    .rest-btn:hover{background:rgba(196,30,58,.25)}

    /* ── BEFORE/AFTER PHOTO ── */
    .photo-card{background:var(--s1);border:1px solid var(--bd2);border-radius:13px;padding:18px;margin-bottom:20px}
    .photo-card-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--wh);margin-bottom:6px}
    .photo-card-desc{font-size:12px;color:var(--mt2);line-height:1.6;margin-bottom:14px}
    .photo-upload-area{border:2px dashed rgba(196,30,58,.3);border-radius:10px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;background:rgba(196,30,58,.04)}
    .photo-upload-area:hover{border-color:var(--or);background:rgba(196,30,58,.08)}
    .photo-upload-ico{font-size:32px;margin-bottom:8px}
    .photo-upload-lbl{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;color:var(--or);margin-bottom:3px}
    .photo-upload-sub{font-size:11px;color:var(--mt2)}
    .photo-preview-wrap{position:relative;display:inline-block}
    .photo-preview{width:100%;max-height:260px;object-fit:cover;border-radius:9px;display:block}
    .photo-lock-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:var(--or);border-radius:6px;padding:4px 9px;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
    .photo-days-bar{display:flex;align-items:center;gap:10px;margin-top:12px}
    .photo-days-track{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
    .photo-days-fill{height:100%;background:var(--or);border-radius:3px;transition:width .4s ease}
    .photo-days-lbl{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;color:var(--or);white-space:nowrap}
    .photo-reveal-btn{width:100%;background:var(--or);color:#fff;border:none;border-radius:9px;padding:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;cursor:pointer;margin-top:14px;letter-spacing:.06em}

    /* ── STREAK UPSELL MODAL ── */
    .streak-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.7);animation:fadein .2s ease}
    .streak-modal.hidden{display:none}
    @keyframes fadein{from{opacity:0}to{opacity:1}}
    .streak-modal-card{background:#141414;border-radius:20px 20px 0 0;padding:28px 22px 36px;width:100%;max-width:700px;border-top:3px solid var(--or);animation:slideup .3s ease}
    @keyframes slideup{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}
    .streak-modal-close{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--mt);font-size:20px;cursor:pointer;padding:4px}
    .streak-modal-ico{font-size:48px;text-align:center;margin-bottom:10px}
    .streak-modal-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;color:var(--wh);text-align:center;line-height:1;margin-bottom:6px}
    .streak-modal-sub{font-size:13px;color:var(--mt2);text-align:center;line-height:1.6;margin-bottom:20px}
    .streak-modal-btns{display:flex;flex-direction:column;gap:10px}
    .streak-modal-pri{background:var(--or);color:#fff;border:none;border-radius:10px;padding:15px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;cursor:pointer;letter-spacing:.06em;box-shadow:0 4px 20px var(--og)}
    .streak-modal-sec{background:transparent;color:var(--mt2);border:1px solid var(--bd2);border-radius:10px;padding:12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;cursor:pointer}

    /* ── MACRO SHARE ── */
    .macro-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--s2);border:1px solid var(--bd2);border-radius:9px;padding:12px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;color:var(--wh);cursor:pointer;margin-top:10px;transition:all .18s;letter-spacing:.04em}
    .macro-share-btn:hover{border-color:var(--or);color:var(--or)}
    #macro-share-canvas{display:none}

    /* ═══ YOUTUBE VIDEO GRID (More page) ═══ */
    .yt-section{margin-bottom:28px}
    .yt-grid{display:grid;grid-template-columns:1fr;gap:10px}
    .yt-card{display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:11px;overflow:hidden;background:var(--s1);border:1px solid var(--bd);text-decoration:none;transition:border-color .2s,transform .2s;touch-action:manipulation;padding:10px 12px}
    .yt-card:hover{border-color:rgba(196,30,58,.45);transform:translateY(-1px)}
    .yt-thumb-wrap{position:relative;width:110px;min-width:110px;aspect-ratio:16/9;overflow:hidden;background:var(--s2);border-radius:7px;flex-shrink:0}
    .yt-thumb{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px}
    .yt-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s;border-radius:7px}
    .yt-card:hover .yt-play-overlay{opacity:1}
    .yt-play-btn{width:32px;height:32px;background:#C41E3A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
    .yt-info{flex:1;min-width:0}
    .yt-title{font-size:12px;font-weight:600;color:var(--wh);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
    .yt-date{font-size:10px;color:var(--mt2)}
    .yt-new-badge{display:inline-block;background:#C41E3A;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:8px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:100px;margin-left:5px;letter-spacing:.04em;vertical-align:middle}
    .yt-loading{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .yt-skeleton{border-radius:11px;overflow:hidden;background:var(--s1);border:1px solid var(--bd2)}
    .yt-skel-thumb{aspect-ratio:16/9;background:linear-gradient(90deg,#1C1C1C 25%,#242424 50%,#1C1C1C 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}
    .yt-skel-info{padding:9px 10px 11px}
    .yt-skel-line{height:10px;background:linear-gradient(90deg,#1C1C1C 25%,#242424 50%,#1C1C1C 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:5px;margin-bottom:6px}
    .yt-skel-line.short{width:60%}
    @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
    .yt-see-all{display:block;text-align:center;padding:11px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--or);text-decoration:none;margin-top:6px;border:1px solid rgba(196,30,58,.2);border-radius:9px;transition:background .18s}
    .yt-see-all:hover{background:rgba(196,30,58,.05)}

    /* MODALS */
    .overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fadeIn .22s}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    .overlay.hidden{display:none}
    .modal{width:100%;max-width:560px;background:var(--s1);border:1px solid rgba(196,30,58,.3);border-radius:18px;overflow:hidden;animation:slideUp .3s ease;max-height:92vh;overflow-y:auto}
    @keyframes slideUp{from{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}
    .modal-top{position:relative;background:linear-gradient(135deg,rgba(196,30,58,.07),transparent);padding:20px 20px 0}
    .modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--mt);font-size:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
    .modal-emoji{font-size:28px;margin-bottom:8px}
    .modal-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;text-transform:uppercase;color:var(--wh);line-height:1.0;margin-bottom:7px}
    .modal-desc{font-size:13px;color:var(--mt2);line-height:1.65;padding-bottom:18px}
    .modal-body{padding:16px 20px 22px}
    .modal-form{display:flex;flex-direction:column;gap:10px}
    .modal-input{padding:11px 13px;background:var(--s2);border:1px solid var(--bd2);border-radius:8px;color:var(--wh);font-family:'Barlow',sans-serif;font-size:13px;outline:none;transition:border-color .2s}
    .modal-input:focus{border-color:var(--or)}
    .modal-input::placeholder{color:var(--mt)}
    .modal-submit{padding:13px;border-radius:9px;background:var(--or);border:none;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 14px var(--og)}
    .modal-submit:hover{background:var(--ol)}
    .modal-skip{background:none;border:none;color:var(--mt);font-size:11px;cursor:pointer;text-align:center;width:100%;margin-top:6px;padding:4px}
    .modal-fine{font-size:10px;color:var(--mt);text-align:center;margin-top:8px;line-height:1.5}

    .back-site-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(196,30,58,.28);color:var(--or);border-radius:8px;padding:7px 11px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s;white-space:nowrap;margin-right:8px}
    .back-site-btn:hover{background:rgba(196,30,58,.10);border-color:var(--or)}
    @media (max-width:720px){.back-site-btn span:last-child{display:none}.back-site-btn{padding:7px 9px}}

    @media (max-height: 820px){
      .topbar{padding:calc(var(--safe-top) + 6px) 12px 6px}
      .page{padding:12px 12px 16px}
      .ask-hero{padding:8px 0 8px;margin-bottom:10px}
      .hero-stats{gap:12px;margin-top:8px}
      .ticker{margin-bottom:10px}
    }

  
/* add to home screen modal */
.install-help-btn{display:inline-flex;align-items:center;gap:6px;background:var(--or);color:#fff;border:none;border-radius:8px;padding:7px 11px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s;white-space:nowrap;box-shadow:0 2px 10px var(--og)}
.install-help-btn:hover{background:var(--ol);transform:translateY(-1px)}
.install-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}
.install-overlay.show{display:flex}
.install-card{width:min(100%,460px);background:linear-gradient(180deg,#111,#0b0b0b);border:1px solid rgba(196,30,58,.35);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:18px}
.install-title{font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:1;text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px}
.install-sub{font-size:13px;color:var(--mt2);line-height:1.6;margin-bottom:14px}
.install-steps{display:grid;gap:10px;margin:12px 0}
.install-step{background:rgba(196,30,58,.06);border:1px solid rgba(196,30,58,.18);border-radius:12px;padding:12px 13px}
.install-step b{color:var(--wh)}
.install-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.install-close,.install-open-site{border:none;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer}
.install-close{background:var(--or);color:#fff}
.install-open-site{background:#161616;color:var(--wh);border:1px solid var(--bd)}
@media (max-width:640px){
  
  .install-help-btn{padding:7px 9px}
  .install-card{padding:16px}
  .install-title{font-size:26px}
}


/* funnel CTA blocks */
.funnel-cta{margin-top:14px;background:linear-gradient(135deg,rgba(196,30,58,.08),rgba(18,18,18,.96));border:1px solid rgba(196,30,58,.2);border-radius:14px;padding:16px}
.funnel-ey{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin-bottom:6px}
.funnel-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;line-height:1;color:var(--wh);margin-bottom:8px;text-transform:uppercase}
.funnel-desc{font-size:12px;color:var(--mt2);line-height:1.65;margin-bottom:12px}
.funnel-btns{display:flex;gap:10px;flex-wrap:wrap}
.funnel-btns .cb-pri,.funnel-btns .cb-sec{margin:0}
.funnel-micro{font-size:11px;color:var(--mt2);margin-top:10px;line-height:1.5}


/* premium polish + resilience */
.main{scroll-padding-top:18px;padding-bottom:8px}
.card,.prog-card,.answer-card,.macro-result,.meal-plan-result,.coach-banner,.funnel-cta,.notify-banner,.yt-section,.gen-form-card,.ask-box{box-shadow:0 10px 26px rgba(0,0,0,.14)}
.ask-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.ask-proof-card{background:linear-gradient(135deg,rgba(196,30,58,.08),rgba(18,18,18,.96));border:1px solid rgba(196,30,58,.18);border-radius:12px;padding:12px}
.ask-proof-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:19px;line-height:1;color:var(--wh);margin-bottom:4px}
.ask-proof-l{font-size:10px;color:var(--mt2);letter-spacing:.05em;text-transform:uppercase}
.quick-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.quick-path{background:linear-gradient(135deg,rgba(196,30,58,.08),rgba(18,18,18,.96));border:1px solid rgba(196,30,58,.18);border-radius:14px;padding:16px}
.quick-path-ico{width:40px;height:40px;border-radius:11px;background:rgba(196,30,58,.12);border:1px solid rgba(196,30,58,.18);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.quick-path-t{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;line-height:1;color:var(--wh);margin-bottom:8px}
.quick-path-d{font-size:12px;color:var(--mt2);line-height:1.6;margin-bottom:12px}
.proof-ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.proof-ribbon .proof-chip{background:var(--s1);border:1px solid var(--bd2);border-radius:12px;padding:12px}
.proof-chip-q{font-size:12px;color:var(--mt);line-height:1.55;margin-bottom:8px}
.proof-chip-a{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--wh)}
@media (max-width:620px){
  .topbar{gap:8px;align-items:flex-start}
  .tb-right{flex-wrap:wrap;justify-content:flex-end;max-width:58%}
  .tb-cta{font-size:10px;padding:6px 9px}
  .spots{display:none}
  .proof-ribbon,.quick-paths,.ask-proof-grid{grid-template-columns:1fr}
}
/* Version 3 additions */
h1.page-title{margin:0}.safety-note{background:rgba(196,30,58,.06);border:1px solid rgba(196,30,58,.22);border-radius:12px;padding:11px 13px;margin:0 0 12px;color:var(--mt2);font-size:11px;line-height:1.55}.answer-card .medical-disclaimer{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(196,30,58,.06);border:1px solid rgba(212,160,50,.18);font-size:11px;color:var(--mt2);line-height:1.5}

/* Version 3.1 mobile polish and conversion actions */
.act-btn, .prog-act, .macro-share-btn{min-height:42px}.safety-note{line-height:1.6}.value-first-note{background:rgba(196,30,58,.08);border:1px solid rgba(196,30,58,.18);border-radius:11px;padding:10px 12px;color:var(--mt2);font-size:12px;line-height:1.55;margin-top:10px}
@media(max-width:720px){.shell{padding-bottom:74px}.topbar{padding:10px 12px}.tb-right{gap:6px}.tb-cta,.install-help-btn,.back-site-btn{min-height:40px}.ask-hero{padding-top:10px}.page-title{font-size:clamp(34px,12vw,54px)}.hero-stats,.ask-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topics-row{gap:8px;overflow-x:auto;padding-bottom:4px}.tpill{min-height:40px;white-space:nowrap}.ask-box textarea{min-height:112px}.ans-actions,.prog-actions{display:grid;grid-template-columns:1fr;gap:8px}.macro-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{width:calc(100vw - 24px);max-height:90vh;overflow:auto}.bnav{left:8px;right:8px;bottom:8px;border-radius:16px}.bnav-item{padding:9px 4px}}

/* v4.2: robust YouTube thumbnail display for iPhone/Safari */
.latest-vid-card .lv-thumb{background:#151515;display:block;}
.lv-thumb.thumb-fallback,.yt-thumb.thumb-fallback,.vid-thumb.thumb-fallback{object-fit:cover;background:#151515;}
.yt-thumb-wrap{background:linear-gradient(135deg,#2a0a0f,#151515);}
.yt-thumb-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(196,30,58,.24),transparent 42%);pointer-events:none;}

/* v4.4: compact mobile bottom navigation fix */
@media(max-width:720px){
  .shell{padding-bottom:0!important;height:100dvh!important;min-height:100dvh!important;}
  .main{padding-bottom:0!important;}
  .page{padding-bottom:10px!important;}
  .bot-nav{padding-bottom:max(5px,calc(env(safe-area-inset-bottom,0px) * .35))!important;min-height:54px!important;}
  .bnav-item{padding:6px 3px 5px!important;gap:1px!important;}
  .bnav-icon{font-size:18px!important;line-height:1!important;}
  .bnav-label{font-size:9px!important;line-height:1!important;}
}
@supports(height:100svh){
  @media(max-width:720px){.shell{height:100svh!important;min-height:100svh!important;}}
}


/* v4.8 polish: on-brand compact toast/banner */
.bpf-toast{position:fixed;left:50%;bottom:calc(72px + var(--safe-bot,0px));transform:translate(-50%,10px);width:max-content;max-width:min(320px,calc(100vw - 36px));background:linear-gradient(135deg,#1A1012,#100C0D);color:#F5F0EC;border:1px solid rgba(196,30,58,.52);border-left:4px solid var(--or);box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 22px rgba(196,30,58,.16);padding:10px 14px;border-radius:14px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;text-align:center;z-index:300;opacity:0;transition:opacity .2s ease,transform .2s ease;white-space:normal}
.bpf-toast.show{opacity:1;transform:translate(-50%,0)}
.pbadge.gn{background:rgba(196,30,58,.10)!important;color:#F5F0EC!important;border:1px solid rgba(196,30,58,.35)!important}
.prog-feat::before{color:var(--or)!important}
.key-ok{background:rgba(196,30,58,.10)!important;color:#F5F0EC!important;border:1px solid rgba(196,30,58,.28)!important}
.akd-confirm{background:rgba(196,30,58,.08)!important;border-color:rgba(196,30,58,.28)!important}
.akd-confirm-t{color:var(--or)!important}
@media (max-width:640px){.bpf-toast{bottom:calc(66px + var(--safe-bot,0px));max-width:calc(100vw - 44px);font-size:11px;padding:9px 12px;border-radius:12px}}


/* v4.9 final polish: brand consistency + tighter Program/More mobile spacing */
:root{--gn:#C41E3A;--gnd:rgba(196,30,58,.12)}
.key-ok,.pbadge.gn{background:rgba(196,30,58,.12)!important;color:#F5F0EC!important;border-color:rgba(196,30,58,.35)!important}
.prog-feat::before,.akd-perk::before{color:var(--or)!important}
.tr{color:var(--or)!important}.tn,.setting-label{color:var(--wh)!important}
.email-sect{background:linear-gradient(135deg,#171012,#0f0c0d)!important;border-color:rgba(196,30,58,.34)!important;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.email-t{color:var(--wh)!important}.email-d,.email-perk{color:rgba(245,240,236,.68)!important}.email-in{background:#141414!important;color:var(--wh)!important;border-color:rgba(255,255,255,.14)!important}
.notify-banner{background:linear-gradient(135deg,#171012,#100c0d)!important;border-color:rgba(196,30,58,.32)!important;padding:12px!important;margin-bottom:14px!important}.notify-icon{color:var(--or)!important}.notify-btn{background:var(--or)!important;color:#fff!important;border-color:var(--or)!important}
.modal,.streak-modal-card{background:#111!important;border-color:rgba(196,30,58,.32)!important}.modal-top{background:linear-gradient(135deg,rgba(196,30,58,.10),transparent)!important}.akd-venmo-btn,.akd-paid-btn{background:var(--or)!important;box-shadow:0 3px 14px rgba(196,30,58,.28)!important}.akd-confirm{background:rgba(196,30,58,.08)!important;border-color:rgba(196,30,58,.25)!important}.akd-confirm-t{color:var(--or)!important}
.card,.prog-card,.answer-card,.macro-result,.meal-plan-result,.coach-banner,.funnel-cta,.notify-banner,.yt-section,.gen-form-card,.ask-box,.quick-path-card,.testi,.photo-card{background-color:#111;border-color:rgba(255,255,255,.11)}
.page-title{letter-spacing:-.02em}.sec-label{color:rgba(245,240,236,.55)}
.program-result,.meal-plan-result{margin-bottom:12px}.program-week,.meal-day{padding:12px 14px}.program-day{padding:11px 14px}.exercise-row{padding:8px 0}.gen-form-card{padding:14px;margin-bottom:14px}.gen-form-title{font-size:18px}.form-group{margin-bottom:9px}.form-input{min-height:43px}.btn-or,.btn-ghost{min-height:44px}.coach-banner{padding:16px 15px;margin-top:16px}.cb-t{font-size:clamp(28px,9vw,40px)}
.more-section{margin-bottom:20px}.more-section-title{margin-bottom:9px;padding-bottom:7px}.prog-card{margin-bottom:12px}.prog-card-body{padding:14px}.prog-card-foot{padding:10px 14px}.prog-price{font-size:23px}.trust-bar{margin-bottom:14px;padding:10px 0}.testi{padding:12px 13px;margin-bottom:8px}.akd-banner{padding:15px;margin-top:12px}.email-sect{padding:15px;margin-bottom:14px}
.latest-vids{margin-bottom:12px!important}.safety-note{padding:10px 12px!important;margin-bottom:12px!important}.topics-row{margin-bottom:12px!important}.ask-box{margin-bottom:12px!important}
.bpf-toast{background:linear-gradient(135deg,#1A1012,#0f0b0c)!important;border-color:rgba(196,30,58,.58)!important;bottom:calc(62px + var(--safe-bot,0px))!important;max-width:min(300px,calc(100vw - 44px))!important}
@media(max-width:720px){
  .page{padding:12px 12px 14px}.ask-hero{padding-top:6px;margin-bottom:10px}.hero-stats{gap:10px}.ask-proof-grid{gap:8px;margin-bottom:12px}.ask-proof-card{padding:12px!important}.gen-form-card{padding:13px!important}.form-row{grid-template-columns:1fr!important;gap:0!important}.program-result,.meal-plan-result{border-radius:12px}.program-head,.meal-plan-head{padding:13px 14px!important}.program-title,.meal-plan-title{font-size:20px!important}.program-week-title,.meal-day-title{font-size:15px!important}.exercise-name,.meal-item-name{font-size:13px!important}.exercise-meta,.meal-item-macros{font-size:11px!important}.prog-card-body{padding:13px!important}.prog-card-foot{padding:10px 13px!important;gap:10px}.prog-cta{padding:9px 13px!important}.email-form{display:grid!important;grid-template-columns:1fr!important}.tb-cta span,.back-site-btn span,.tb-right{gap:5px}.spots{display:none!important}.bnav{left:6px!important;right:6px!important;bottom:6px!important}.bnav-icon{font-size:18px!important}.bnav-label{font-size:9px!important}.shell{padding-bottom:64px!important}
}
@media(max-width:390px){.page-title{font-size:clamp(30px,11vw,44px)}.topbar{padding-left:10px;padding-right:10px}.brand{gap:7px}.bn{font-size:12px}.bs{display:none}.bi{width:28px;height:28px}.install-help-btn,.back-site-btn,.tb-cta{padding:0 9px!important;min-width:38px}.btn-or,.btn-ghost{font-size:13px}.prog-card-foot{align-items:flex-start;flex-direction:column}.prog-cta{width:100%;text-align:center}}


/* Email capture cards */
.lead-card{background:linear-gradient(135deg,rgba(196,30,58,.12),rgba(18,18,18,.98));border:1px solid rgba(196,30,58,.34);border-radius:14px;padding:15px;margin:14px 0 18px;box-shadow:0 12px 28px rgba(0,0,0,.18);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;align-items:center;position:relative;overflow:hidden}
.lead-card:before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--or),transparent);opacity:.9}
.lead-ey{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--or);margin-bottom:6px}
.lead-title{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;text-transform:uppercase;line-height:.98;color:var(--wh);margin-bottom:6px}
.lead-sub{font-size:12px;color:var(--mt2);line-height:1.5}
.lead-form{display:flex;gap:8px;align-items:center}
.lead-input{flex:1;min-width:0;background:#0f0f0f;border:1px solid var(--bd2);border-radius:9px;color:var(--wh);padding:12px 12px;font-family:'Barlow',sans-serif;font-size:13px;outline:none;caret-color:var(--or)}
.lead-input:focus{border-color:var(--or)}
.lead-input::placeholder{color:var(--mt)}
.lead-btn{background:var(--or);border:none;color:#fff;border-radius:9px;padding:12px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;box-shadow:0 4px 16px rgba(196,30,58,.28)}
.lead-card.lead-saved{opacity:.55;filter:saturate(.7)}
.lead-card.lead-saved:after{content:'✓ Email saved';position:absolute;right:12px;top:10px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5dde8f}
.lead-card-result{margin-top:16px;margin-bottom:16px}
@media(max-width:720px){.lead-card{grid-template-columns:1fr;padding:14px}.lead-form{display:grid;grid-template-columns:1fr}.lead-btn{width:100%}.lead-title{font-size:20px}}

/* v5 engagement additions */
.ask-examples{margin:16px 0 18px}.ask-example-card{width:100%;display:block;text-align:left;background:linear-gradient(135deg,rgba(196,30,58,.08),rgba(17,17,17,.98));border:1px solid rgba(196,30,58,.22);border-radius:12px;padding:13px 14px;margin-bottom:8px;color:var(--wh);cursor:pointer;touch-action:manipulation}.ask-example-card:hover{border-color:var(--or);transform:translateY(-1px)}.ask-example-q{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;text-transform:uppercase;line-height:1;color:var(--wh);margin-bottom:6px}.ask-example-a{font-size:12px;color:var(--mt2);line-height:1.5}.bnav-label{white-space:nowrap}

/* ── Contextual upgrade CTA ─────────────────────────────── */
.contextual-cta{background:linear-gradient(135deg,rgba(196,30,58,.10),rgba(18,18,18,.96));border:1px solid rgba(196,30,58,.30);border-radius:13px;padding:14px 16px;margin:12px 0}
.contextual-cta::before{content:'';display:block;height:2px;background:linear-gradient(90deg,var(--or),transparent);border-radius:2px;margin:-14px -16px 12px}
.cta-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.cta-icon{font-size:22px;flex-shrink:0;margin-top:1px}
.cta-headline{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:15px;text-transform:uppercase;color:var(--wh);margin-bottom:3px;line-height:1.1}
.cta-body{font-size:12px;color:rgba(245,240,236,.65);line-height:1.55}
.cta-btn{width:100%;background:var(--or);color:#fff;border:none;border-radius:9px;padding:10px 16px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .18s}
.cta-btn:hover{background:var(--ol)}

/* ── Daily streak + check-in widget ─────────────── */
.streak-widget{background:linear-gradient(135deg,rgba(196,30,58,.12),rgba(18,18,18,.97));border:1px solid rgba(196,30,58,.28);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.streak-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.streak-flame{font-size:28px;line-height:1;flex-shrink:0}
.streak-info{flex:1}
.streak-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;color:var(--or);line-height:1}
.streak-lbl{font-size:10px;color:var(--mt);text-transform:uppercase;letter-spacing:.07em;margin-top:1px}
.streak-msg{font-size:12px;color:rgba(245,240,236,.65);line-height:1.5;margin-bottom:10px}
.checkin-row{display:flex;gap:8px}
.checkin-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:9px 12px;color:var(--wh);font-family:'Barlow',sans-serif;font-size:14px;outline:none}
.checkin-input:focus{border-color:rgba(196,30,58,.5)}
.checkin-btn{background:var(--or);color:#fff;border:none;border-radius:9px;padding:9px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;text-transform:uppercase;cursor:pointer;white-space:nowrap;flex-shrink:0}
.checkin-btn:hover{background:var(--ol)}
.checkin-done{background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;color:#2ecc71;text-align:center}
.macro-targets-widget{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:14px}


/* Funnel polish v2: improve readability on generated plan/result pages */
#result-area,.program-result,.macro-result,.meal-plan-result,#gen-result,#macro-result,#meal-result,#orm-result,#bf-result{
  color:#F5F0EC;
}
.program-result,.macro-result,.meal-plan-result{
  background:#121212;
  border-color:rgba(255,255,255,.16);
}
.prog-meta,.macro-result-sub,.meal-plan-sub{
  color:rgba(245,240,236,.74)!important;
  font-size:14px;
  line-height:1.55;
}
.prog-body,.program-day,.prog-exercise,.macro-bar-label,.macro-plan,.meal-plan-result,.meal-plan-raw{
  color:rgba(245,240,236,.86)!important;
}
.prog-week-title,.prog-day-name,.meal-day-title{
  letter-spacing:.04em;
}
.prog-exercise,.prog-exercise-name,.prog-sets{
  font-size:14px;
  line-height:1.55;
}
.meal-day{
  padding:16px 18px;
}
.meal-item{
  gap:12px;
  padding:10px 0;
  border-bottom-color:rgba(255,255,255,.08);
}
.meal-item-time{
  color:#F05A70;
  min-width:76px;
  font-size:12px;
  line-height:1.35;
}
.meal-item-name{
  font-size:16px;
  line-height:1.45;
  color:#FFFFFF;
}
.meal-item-desc{
  font-size:14px;
  color:rgba(245,240,236,.78);
  line-height:1.65;
  margin-bottom:6px;
}
.meal-item-macros{
  font-size:13px;
  line-height:1.55;
  color:rgba(245,240,236,.78);
}
.meal-plan-tip,.meal-day-tip{
  color:rgba(245,240,236,.78)!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.meal-plan-raw{
  padding:18px 20px;
  font-size:15px;
  color:rgba(245,240,236,.86)!important;
  line-height:1.85;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.meal-plan-raw strong,.meal-plan-raw b{
  color:#fff;
}
@media(max-width:720px){
  .meal-day{padding:15px 14px!important}
  .meal-item{display:block;padding:12px 0}
  .meal-item-time{min-width:0;margin-bottom:4px;font-size:12px!important}
  .meal-item-name{font-size:15px!important}
  .meal-item-desc{font-size:14px!important;line-height:1.65!important}
  .meal-item-macros{font-size:13px!important}
  .meal-plan-raw{padding:16px 14px;font-size:15px;line-height:1.8}
  .prog-exercise,.prog-exercise-name,.prog-sets{font-size:13px!important;line-height:1.5}
}

/* Printable result buttons */
.print-result-btn{
  width:100%;
  margin:14px 0 4px;
  background:#F5F0EC;
  color:#111;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  padding:12px 18px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.print-result-btn:hover{filter:brightness(.92)}
@media print{
  .topbar,.bot-nav,.bnav,.tb-right,.lead-card,.funnel-cta,.coach-banner,.save-result-card,.ans-actions,.prog-actions,.macro-share-btn,.btn-ghost,.upsell-btn,.print-result-btn{display:none!important}
  .shell,.main{height:auto!important;overflow:visible!important;max-width:none!important}
  .page{display:block!important;color:#111!important;background:#fff!important}
  body,html{background:#fff!important;color:#111!important}
}

/* Email Results + Ken Review conversion cards */
.result-actions-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 6px;
}
.result-actions-row .print-result-btn,
.result-actions-row .email-result-btn{
  margin:0;
}
.email-result-btn{
  width:100%;
  background:linear-gradient(135deg,var(--or),#ef5a74);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  padding:12px 18px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(196,30,58,.18);
}
.email-result-btn:hover{filter:brightness(1.05)}
.ken-review-card{
  margin:14px 0 6px;
  background:linear-gradient(135deg,rgba(196,30,58,.12),rgba(26,26,26,.96));
  border:1px solid rgba(196,30,58,.32);
  border-radius:13px;
  padding:14px 15px;
  position:relative;
  overflow:hidden;
}
.ken-review-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,#C41E3A,#ff4060);
}
.ken-review-paid-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ken-review-paid-left{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex:1;
}
.ken-review-price-block{
  text-align:right;
  flex-shrink:0;
}
.ken-review-price{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:30px;
  color:#F5F0EC;
  line-height:1;
}
.ken-review-price-note{
  font-size:10px;
  color:rgba(245,240,236,.5);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ken-review-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  font-size:20px;
  flex-shrink:0;
}
.ken-review-title{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#fff;
  line-height:1.1;
  margin-bottom:3px;
}
.ken-review-sub{
  font-size:12px;
  line-height:1.45;
  color:rgba(245,240,236,.72);
}
.ken-review-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ken-review-actions-paid .ken-review-btn:first-child{
  flex:1;
  text-align:center;
  justify-content:center;
}
.ken-review-btn{
  background:var(--or);
  color:#fff;
  border:none;
  border-radius:9px;
  padding:10px 12px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  text-decoration:none;
  display:inline-block;
}
.ken-review-btn.alt{
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
}
@media(max-width:720px){
  .result-actions-row{grid-template-columns:1fr}
  .ken-review-paid-top{flex-direction:column}
  .ken-review-price-block{text-align:left}
  .ken-review-actions{flex-direction:column}
  .ken-review-btn{width:100%;text-align:center}
}
@media print{
  .email-result-btn,.ken-review-card,.result-actions-row{display:none!important}
}

/* Post-lead next-step panel */
.post-lead-panel{padding:14px 16px;background:rgba(46,204,113,.06);border:1px solid rgba(46,204,113,.25);border-radius:12px;display:flex;flex-direction:column;gap:10px}
.post-lead-check{font-size:22px;color:#2ECC71;line-height:1}
.post-lead-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;color:var(--wh)}
.post-lead-sub{font-size:12px;color:var(--mt);line-height:1.55}
.post-lead-steps{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.post-lead-step{display:flex;align-items:flex-start;gap:10px;background:var(--s2);border:1px solid var(--bd2);border-radius:9px;padding:10px 12px;text-decoration:none;color:var(--wh);cursor:pointer;text-align:left;transition:border-color .15s}
.post-lead-step:hover{border-color:var(--or)}
.post-lead-step-icon{font-size:16px;flex-shrink:0;margin-top:1px}
.post-lead-step-title{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;color:var(--wh);margin-bottom:2px}
.post-lead-step-desc{display:block;font-size:11px;color:var(--mt);line-height:1.4}

/* Upgraded testimonial cards */
.testi2{background:var(--s2);border:1px solid var(--bd2);border-radius:14px;padding:16px;margin-bottom:10px}
.testi2-quote{font-size:14px;color:var(--wh);line-height:1.6;font-style:italic;margin-bottom:12px}
.testi2-meta{display:flex;align-items:flex-start;gap:10px}
.testi2-name{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;color:var(--wh);margin-bottom:4px}
.testi2-tags{display:flex;flex-wrap:wrap;gap:4px}
.testi2-tag{font-size:10px;padding:3px 7px;border-radius:5px;background:var(--s1);border:1px solid var(--bd);color:var(--mt)}
.testi2-tag.win{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.25);color:#5dde8f}

/* Before/After grid */
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.ba-col{background:var(--s1);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}
.ba-label{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:5px;margin-bottom:4px;text-align:center}
.ba-label.before{background:rgba(224,80,80,.12);color:#e05050;border:1px solid rgba(224,80,80,.2)}
.ba-label.after{background:rgba(46,204,113,.1);color:#5dde8f;border:1px solid rgba(46,204,113,.2)}
.ba-item{font-size:11px;color:var(--mt);line-height:1.4}

/* Plan day header with day number */
.prog-day-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.prog-day-num{background:var(--or);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;padding:2px 8px;border-radius:5px;flex-shrink:0}

/* ── EXTRA RESPONSIVE BREAKPOINTS (added May 2026) ── */
@media(max-width:480px){
  .gen-form-card,.macro-card,.vid-section{padding:14px}
  .prog-card{padding:14px}
  .hero-stats{grid-template-columns:1fr 1fr!important}
  .ask-proof-grid{grid-template-columns:1fr 1fr!important}
  .macro-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:360px){
  .page-title{font-size:clamp(26px,10vw,36px)!important}
  .bnav-item span{display:none}
  .bnav-item{padding:10px 6px}
  .topbar{padding:8px 10px}
  .tb-right{gap:4px}
}
@media(max-width:860px) and (min-width:641px){
  .gen-form-card{max-width:560px;margin:0 auto}
  .macro-card{max-width:560px;margin:0 auto}
}

/* v5.0 store-ready app chrome — integration-safe overrides */
:root{--app-radius:24px;--glass:rgba(14,14,14,.86)}
html,body{background:#050505;touch-action:manipulation}
body{min-height:100dvh;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
input,textarea,select{user-select:text;-webkit-user-select:text}
body::after{background:radial-gradient(ellipse 70% 42% at 100% -6%,rgba(196,30,58,.16),transparent 62%),radial-gradient(ellipse 44% 28% at -8% 92%,rgba(196,30,58,.08),transparent 60%)}
.shell{max-width:760px;background:linear-gradient(180deg,rgba(16,16,16,.92),rgba(8,8,8,.98));box-shadow:0 0 0 1px rgba(255,255,255,.035),0 24px 80px rgba(0,0,0,.38)}
.topbar{background:var(--glass);border-bottom:1px solid rgba(255,255,255,.08);padding:calc(var(--safe-top) + 10px) 14px 10px;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.bi{width:34px;height:34px;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(196,30,58,.16)}
.bn{font-size:14px;letter-spacing:.055em}.bs{font-size:10px;color:#858585}.tb-right{gap:8px}.tb-cta{border-radius:999px;background:#181818!important;border:1px solid rgba(255,255,255,.09);box-shadow:none;min-height:34px}.tb-cta:hover{border-color:rgba(196,30,58,.5)}
.back-site-btn{border-color:rgba(255,255,255,.11);color:#F5F0EC;background:rgba(255,255,255,.035);border-radius:999px;margin-right:0;min-height:34px;padding:7px 13px;box-shadow:none}.back-site-btn:hover{background:rgba(196,30,58,.12);color:#fff}.back-site-btn::before{content:'↗';font-size:11px;color:var(--or);line-height:1}.install-help-btn{display:none!important}
.spots{background:rgba(46,204,113,.09);border-color:rgba(46,204,113,.18);color:#9BDDB8}
.main{scrollbar-width:none}.main::-webkit-scrollbar{display:none}.page{padding-left:16px;padding-right:16px}.page-title{letter-spacing:-.02em}.ask-box,.card,.gen-form-card,.program-result,.meal-plan-result,.macro-result,.funnel-cta,.coach-banner,.lead-card,.snapshot-summary,.plan-score-card,.save-result-card{border-radius:var(--app-radius);border-color:rgba(255,255,255,.095);box-shadow:0 18px 46px rgba(0,0,0,.28)}
.ask-box textarea{font-size:16px}.ask-btn,.lead-btn,.btn-or,.modal-submit,.prog-cta,.macro-share-btn,.save-btn{border-radius:14px;box-shadow:0 10px 26px rgba(196,30,58,.18)}
.bnav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(12,12,12,.9);border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 60px rgba(0,0,0,.46)}
.bnav-item{border-radius:14px}.bnav-item.active{background:rgba(196,30,58,.10)}.bnav-item.active::before{display:none}.bnav-icon{filter:saturate(.95)}
.install-overlay,#install-banner,#install-nudge{display:none!important}
@media(max-width:720px){.shell{max-width:none;box-shadow:none}.topbar{padding:calc(var(--safe-top) + 8px) 12px 8px!important;align-items:center}.tb-right{max-width:54%;flex-wrap:nowrap}.tb-cta{display:none}.back-site-btn{min-width:42px;justify-content:center;padding:7px 11px!important}.back-site-btn span{display:inline!important}.page{padding-left:14px;padding-right:14px}.ask-hero{border-bottom-color:rgba(255,255,255,.07)}}
@media(max-width:390px){.back-site-btn span{display:none!important}.back-site-btn::before{font-size:13px}.bi{width:30px;height:30px}.bn{font-size:12px}}
@media(min-width:900px){.shell{margin-top:12px;margin-bottom:12px;border-radius:30px;height:calc(100dvh - 24px)}}
@media(hover:hover){button,a,.tpill,.quick-path{transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}button:hover,a:hover,.tpill:hover,.quick-path:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* BPF trend chart additions */
#workout-chart-wrap{display:block}
.chart-axis-label{font-size:8px;fill:var(--mt2);font-family:Arial,sans-serif}
.chart-point{filter:drop-shadow(0 0 4px rgba(196,30,58,.45))}

/* v7.2 navigation/responsive fix: keep app usable inside small hub/browser viewports */
html,body{height:100%;overflow:hidden;}
.shell{height:100vh;height:100svh;max-height:100svh;overflow:hidden;}
.main{scroll-behavior:smooth;overscroll-behavior:contain;padding-bottom:14px;}
.bot-nav{position:relative;z-index:140;flex-shrink:0;}
.bnav-item{min-height:54px;}
@media (max-height:560px){
  .topbar{padding-top:6px!important;padding-bottom:6px!important;min-height:auto!important;}
  .brand img,.bi{width:28px!important;height:28px!important;}
  .bs,.spots{display:none!important;}
  .page{padding-top:10px!important;}
  .bot-nav{min-height:48px!important;}
  .bnav-item{min-height:50px!important;padding:5px 3px 4px!important;}
}


/* BPF FINAL bottom navigation visibility repair */
html, body {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
}
.shell {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
@supports (height: 100svh) {
  .shell { height: 100svh !important; max-height: 100svh !important; }
}
.main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 34px !important;
  scroll-padding-bottom: 110px !important;
}
.bot-nav {
  position: relative !important;
  flex: 0 0 92px !important;
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 10px 10px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  z-index: 999 !important;
  background: rgba(10,10,10,.99) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}
.bnav-item {
  min-height: 58px !important;
  height: 58px !important;
  padding: 7px 4px 9px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  line-height: 1 !important;
  overflow: visible !important;
}
.bnav-icon,
.bnav-icon svg {
  display: block !important;
  line-height: 1 !important;
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
}
.bnav-label {
  display: block !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.push-prompt { bottom: 104px !important; }
@media (max-height: 650px) {
  .bot-nav {
    flex-basis: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    padding-top: 7px !important;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .bnav-item { height: 54px !important; min-height: 54px !important; padding: 6px 4px 8px !important; }
  .bnav-icon, .bnav-icon svg { width: 20px !important; height: 20px !important; min-height: 20px !important; }
  .bnav-label { font-size: 9px !important; }
}
@media (min-width: 900px) {
  .shell {
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
  }
  @supports (height: 100svh) {
    .shell { height: calc(100svh - 24px) !important; max-height: calc(100svh - 24px) !important; }
  }
}

/* ── WEIGHT TREND RANGE PILLS ─────────────────────────────── */
.range-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--mt);border-radius:6px;padding:4px 9px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s;touch-action:manipulation}
.range-pill:hover{border-color:rgba(196,30,58,.5);color:var(--wh)}
.range-pill.active{background:rgba(196,30,58,.18);border-color:rgba(196,30,58,.6);color:var(--wh)}
.trend-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 10px;text-align:center}
.trend-stat-val{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:20px;line-height:1;margin-bottom:2px}
.trend-stat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--mt2)}
.trend-down{color:#38d47a}.trend-up{color:#E05050}.trend-flat{color:var(--mt)}
.library-grounding{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px;padding:10px 12px;border:1px solid rgba(196,30,58,.28);border-radius:12px;background:rgba(196,30,58,.08);font-size:12px;line-height:1.35;color:rgba(245,240,236,.78)}
.library-grounding strong{color:var(--wh);font-weight:800}
.library-grounding span{color:rgba(245,240,236,.58);text-align:right}
@media(max-width:520px){.library-grounding{display:block}.library-grounding span{display:block;margin-top:4px;text-align:left}}

.library-grounding-wrap{margin:12px 0 14px}
.library-grounding-wrap .library-grounding{margin:0}
.library-lessons{margin-top:7px;padding:0 2px;font-size:12px;line-height:1.45;color:rgba(245,240,236,.7)}
.library-lessons strong{color:rgba(245,240,236,.9);font-weight:800}
.library-lessons a{color:#f1c8d0;text-decoration:none;border-bottom:1px solid rgba(241,200,208,.35)}
.library-lessons a:hover{color:var(--wh);border-bottom-color:rgba(245,240,236,.8)}
.lesson-sep{color:rgba(245,240,236,.36)}


/* Restore Plan tab + add separate Free Workouts tab */
.bot-nav.bpf-six-nav{justify-content:space-between!important;padding-left:6px!important;padding-right:6px!important;}
.bot-nav.bpf-six-nav .bnav-item{flex:1 1 0!important;min-width:0!important;padding-left:2px!important;padding-right:2px!important;}
.bot-nav.bpf-six-nav .bnav-icon,
.bot-nav.bpf-six-nav .bnav-icon svg{width:20px!important;height:20px!important;min-height:20px!important;}
.bot-nav.bpf-six-nav .bnav-label{font-size:8.5px!important;letter-spacing:.045em!important;max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:420px){.bot-nav.bpf-six-nav .bnav-label{font-size:8px!important}.bot-nav.bpf-six-nav .bnav-icon,.bot-nav.bpf-six-nav .bnav-icon svg{width:19px!important;height:19px!important;min-height:19px!important}}

/* Seven-item bottom nav with compact Techniques Lab icon */
.bot-nav.bpf-seven-nav{justify-content:space-between!important;padding-left:4px!important;padding-right:4px!important;min-height:50px!important;}
.bot-nav.bpf-seven-nav .bnav-item{flex:1 1 0!important;min-width:0!important;padding:5px 1px 4px!important;gap:1px!important;min-height:48px!important;}
.bot-nav.bpf-seven-nav .bnav-icon,.bot-nav.bpf-seven-nav .bnav-icon svg{width:18px!important;height:18px!important;min-height:18px!important;}
.bot-nav.bpf-seven-nav .bnav-label{font-size:7.2px!important;letter-spacing:.025em!important;line-height:1!important;max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:420px){.bot-nav.bpf-seven-nav .bnav-label{font-size:6.8px!important}.bot-nav.bpf-seven-nav .bnav-icon,.bot-nav.bpf-seven-nav .bnav-icon svg{width:17px!important;height:17px!important;min-height:17px!important}}


/* FINAL: compact contained bottom tray with Lab icon */
.shell{padding-bottom:0!important;}
.main{scroll-padding-bottom:78px!important;padding-bottom:18px!important;}
.bot-nav.bpf-seven-nav,
.bot-nav{
  flex:0 0 auto!important;
  width:calc(100% - 28px)!important;
  min-height:50px!important;
  height:50px!important;
  max-height:50px!important;
  margin:0 auto 12px!important;
  padding:4px 4px max(4px,env(safe-area-inset-bottom,0px))!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(10,10,10,.96)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.bot-nav.bpf-seven-nav .bnav-item,
.bnav-item{
  min-height:40px!important;
  height:40px!important;
  padding:3px 1px 2px!important;
  gap:1px!important;
  border-radius:13px!important;
}
.bot-nav.bpf-seven-nav .bnav-icon,
.bot-nav.bpf-seven-nav .bnav-icon svg,
.bnav-icon,.bnav-icon svg{
  width:16px!important;height:16px!important;min-height:16px!important;
}
.bot-nav.bpf-seven-nav .bnav-label,
.bnav-label{
  font-size:6.7px!important;letter-spacing:.02em!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.bnav-item.active{background:rgba(196,30,58,.16)!important;}
.push-prompt{bottom:70px!important;}
@media(max-width:720px){.shell{padding-bottom:0!important}.main{padding-bottom:14px!important}.bot-nav{width:calc(100% - 24px)!important;margin-bottom:10px!important}}

/* Safe Track page layout refinements */
#page-track .tracker-hero,
#page-track .streak-widget,
#page-track #macro-targets-widget,
#page-track #tracker-plan-score,
#page-track .notify-banner{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}
#page-track .tracker-hero{
  padding-top:6px;
}
#page-track .tracker-hero .page-title br{
  display:none;
}
#page-track > button[aria-label="Back to home"]{
  display:block;
  max-width:560px;
  width:100%;
  margin:0 auto;
}
@media(max-width:720px){
  #page-track .tracker-hero .page-title br{display:inline;}
}

/* Restore compact sticky app bottom tray without breaking page content */
.shell{
  padding-bottom:72px!important;
}
.main{
  padding-bottom:96px!important;
  scroll-padding-bottom:112px!important;
}
.bot-nav{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:max(10px, env(safe-area-inset-bottom))!important;
  width:min(760px, calc(100vw - 24px))!important;
  max-width:760px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  padding:4px 4px max(4px, env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:rgba(10,10,10,.96)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.36)!important;
  justify-content:space-between!important;
  overflow:visible!important;
  z-index:9999!important;
  flex:initial!important;
}
.bnav-item{
  min-height:40px!important;
  height:auto!important;
  padding:4px 2px 3px!important;
  gap:1px!important;
  border-radius:13px!important;
}
.bnav-icon,.bnav-icon svg{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
}
.bnav-label{
  font-size:7.4px!important;
  letter-spacing:.03em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.bnav-item.active{
  background:rgba(196,30,58,.12)!important;
}
@media(max-width:720px){
  .bot-nav{
    width:calc(100vw - 12px)!important;
    bottom:6px!important;
    border-radius:16px!important;
  }
  .bnav-item{min-height:38px!important;}
  .bnav-icon,.bnav-icon svg{width:17px!important;height:17px!important;min-height:17px!important;}
  .bnav-label{font-size:6.8px!important;}
}

/* BPF MOBILE POLISH PASS — lowered native tray + larger readable icons */
.shell{padding-bottom:68px!important;}
.main{padding-bottom:118px!important;scroll-padding-bottom:132px!important;}
.bot-nav{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:max(2px, env(safe-area-inset-bottom, 0px))!important;
  width:min(760px, calc(100vw - 12px))!important;
  max-width:760px!important;
  min-height:58px!important;
  height:auto!important;
  padding:6px 5px calc(6px + env(safe-area-inset-bottom, 0px))!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(8,8,8,.97)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.38)!important;
  justify-content:space-between!important;
  overflow:visible!important;
  z-index:9999!important;
  flex:initial!important;
}
.bot-nav.bpf-seven-nav .bnav-item,
.bnav-item{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  padding:6px 2px 5px!important;
  gap:3px!important;
  border-radius:15px!important;
}
.bot-nav.bpf-seven-nav .bnav-icon,
.bot-nav.bpf-seven-nav .bnav-icon svg,
.bnav-icon,.bnav-icon svg{
  width:21px!important;
  height:21px!important;
  min-height:21px!important;
}
.bot-nav.bpf-seven-nav .bnav-label,
.bnav-label{
  font-size:8.3px!important;
  letter-spacing:.025em!important;
  line-height:1!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bnav-item.active{background:rgba(196,30,58,.20)!important;color:var(--or)!important;}
.push-prompt{bottom:78px!important;}
@media(max-width:420px){
  .main{padding-bottom:116px!important;scroll-padding-bottom:130px!important;}
  .bot-nav{bottom:max(2px, env(safe-area-inset-bottom, 0px))!important;width:calc(100vw - 10px)!important;border-radius:18px!important;padding-left:4px!important;padding-right:4px!important;}
  .bot-nav.bpf-seven-nav .bnav-item,.bnav-item{min-height:46px!important;height:46px!important;padding:5px 1px 4px!important;gap:2px!important;}
  .bot-nav.bpf-seven-nav .bnav-icon,.bot-nav.bpf-seven-nav .bnav-icon svg,.bnav-icon,.bnav-icon svg{width:20px!important;height:20px!important;min-height:20px!important;}
  .bot-nav.bpf-seven-nav .bnav-label,.bnav-label{font-size:7.7px!important;letter-spacing:.015em!important;}
}


/* BPF MOBILE NAV CENTERING FIX — keeps every tab/icon/label aligned */
.bot-nav,
.bot-nav.bpf-seven-nav{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:0!important;
  box-sizing:border-box!important;
}
.bot-nav .bnav-item,
.bot-nav.bpf-seven-nav .bnav-item{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-rows:24px 11px!important;
  align-content:center!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:2px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.bot-nav .bnav-icon,
.bot-nav.bpf-seven-nav .bnav-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:0!important;
  line-height:1!important;
}
.bot-nav .bnav-icon svg,
.bot-nav.bpf-seven-nav .bnav-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0 auto!important;
  flex:0 0 auto!important;
}
.bot-nav .bnav-label,
.bot-nav.bpf-seven-nav .bnav-label{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:8px!important;
}
@media(max-width:420px){
  .bot-nav,
  .bot-nav.bpf-seven-nav{
    width:calc(100vw - 12px)!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .bot-nav .bnav-item,
  .bot-nav.bpf-seven-nav .bnav-item{
    grid-template-rows:23px 10px!important;
  }
  .bot-nav .bnav-icon,
  .bot-nav.bpf-seven-nav .bnav-icon{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
  }
  .bot-nav .bnav-icon svg,
  .bot-nav.bpf-seven-nav .bnav-icon svg{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
  }
  .bot-nav .bnav-label,
  .bot-nav.bpf-seven-nav .bnav-label{
    font-size:7.5px!important;
  }
}


/* BPF icon polish: emoji-style app icons matching requested mobile look */
.bpf-emoji-icon{font-size:20px!important;line-height:1!important;display:grid!important;place-items:center!important}
.bpf-free-badge{font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.02em!important;background:linear-gradient(180deg,#f7f9ff,#4f8cff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:5px!important;padding:3px 4px!important;min-width:24px!important;height:18px!important;display:grid!important;place-items:center!important;text-shadow:0 1px 1px rgba(0,0,0,.35)!important}
.free-footer-nav .nav-emoji{font-size:16px!important;line-height:1!important;display:block!important;height:17px!important}
.free-footer-nav .free-badge{font-size:8px!important;font-weight:900!important;background:linear-gradient(180deg,#f7f9ff,#4f8cff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:5px!important;padding:3px 4px!important;min-width:22px!important;height:16px!important;text-align:center!important;text-shadow:0 1px 1px rgba(0,0,0,.35)!important}
.chip{display:inline-flex!important;align-items:center!important;gap:6px!important}

/* Advanced Ken AI upgrade */
.bpf-advanced-ai-card,.bpf-formcheck-card{background:linear-gradient(135deg,rgba(196,30,58,.13),rgba(12,12,15,.96));border:1px solid rgba(196,30,58,.28);border-radius:18px;padding:18px;margin:18px 0;box-shadow:0 14px 38px rgba(0,0,0,.28);overflow:hidden;position:relative;}
.bpf-advanced-ai-card:before,.bpf-formcheck-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#C9FF00,#C41E3A);opacity:.9;}
.bpf-ai-kicker{font-family:var(--bpf-font-display,'Barlow Condensed',sans-serif);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#C9FF00;margin-bottom:6px;}
.bpf-ai-title,.bpf-formcheck-title{font-family:var(--bpf-font-display,'Barlow Condensed',sans-serif);font-weight:900;text-transform:uppercase;color:#F5F0EC;font-size:clamp(24px,5vw,34px);line-height:.95;margin-bottom:8px;}
.bpf-ai-copy,.bpf-formcheck-copy{font-size:13px;line-height:1.65;color:rgba(245,240,236,.66);max-width:720px;margin-bottom:14px;}
.bpf-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.bpf-ai-primary,.bpf-ai-secondary{border:none;border-radius:14px;padding:14px 16px;font-family:var(--bpf-font-display,'Barlow Condensed',sans-serif);font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;}
.bpf-ai-primary{background:#C9FF00;color:#050505;}
.bpf-ai-secondary{background:rgba(255,255,255,.07);color:#F5F0EC;border:1px solid rgba(255,255,255,.13);}
.bpf-formcheck-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.bpf-formcheck-preview{margin:10px 0;}
.bpf-formcheck-preview img{display:block;width:100%;max-width:340px;border-radius:14px;border:1px solid rgba(201,255,0,.25);background:#050507;}
.bpf-formcheck-result{margin-top:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;color:rgba(245,240,236,.82);font-size:13px;line-height:1.65;white-space:pre-wrap;}
.bpf-formcheck-warning{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(201,255,0,.07);border:1px solid rgba(201,255,0,.18);color:rgba(245,240,236,.78);font-size:12px;line-height:1.55;}
.bpf-load-day-btn{border:none;background:#C9FF00;color:#050505;border-radius:999px;padding:7px 10px;font-family:var(--bpf-font-display,'Barlow Condensed',sans-serif);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;}
.bpf-day-actions{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;}
.bpf-result-player-cta .btn-or{margin-top:10px;}
@media(max-width:680px){.bpf-ai-actions,.bpf-formcheck-grid{grid-template-columns:1fr}.bpf-ai-primary,.bpf-ai-secondary{font-size:14px}.bpf-load-day-btn{width:100%;}}
