/* NEXT v85-clean extracted from v84.2. Keep CSS link order in preview_v85_clean.html. */
/* v70 dashboard/product polish */
    .quickstats-panel .section-title::after{
      content:'';
      display:block;
      width:74px;
      height:3px;
      border-radius:999px;
      margin-top:10px;
      background:linear-gradient(90deg,var(--lime),transparent);
    }
    .dash-action-row{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin:10px 0 16px;
    }
    .dash-action-row .next-pass-btn{
      margin:0!important;
    }
    .dash-action-row .mark-done-btn{
      min-height:50px;
      border-radius:18px;
      color:#efffd2!important;
      background:rgba(214,255,0,.055)!important;
      border-color:rgba(214,255,0,.22)!important;
      font-weight:1000;
    }
    .new-profile-box{
      grid-column:1/-1;
      display:grid;
      grid-template-columns:minmax(180px,1fr) auto auto;
      gap:10px;
      margin-top:4px;
      padding:12px;
      border:1px solid rgba(214,255,0,.18);
      background:rgba(214,255,0,.045);
      border-radius:18px;
    }
    .new-profile-box input{
      min-height:46px;
      border:1px solid var(--line);
      background:#0c1118;
      color:#fff;
      border-radius:14px;
      padding:0 14px;
      font-weight:900;
      outline:none;
    }
    .new-profile-box input:focus{
      border-color:rgba(214,255,0,.55);
      box-shadow:0 0 0 3px rgba(214,255,0,.10);
    }
    #profileTopBtn{
      color:#efffd2!important;
    }
    .dash-title{
      max-width:760px;
    }
    @media(max-width:760px){
      .new-profile-box{
        grid-template-columns:1fr;
      }
      .dash-action-row{
        grid-template-columns:1fr;
      }
    }

  
    /* v71 performance positioning + skip flow */
    .skip-pass-btn{
      min-height:50px;
      border-radius:18px;
      color:#dbe5ef!important;
      background:rgba(255,255,255,.045)!important;
      border-color:rgba(255,255,255,.14)!important;
      font-weight:1000;
    }
    .skip-pass-btn:hover{
      border-color:rgba(214,255,0,.32)!important;
      color:#efffd2!important;
      background:rgba(214,255,0,.055)!important;
    }
    #progressDashboard .dash-day.skipped{
      border-color:rgba(255,255,255,.16);
      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));
    }
    #progressDashboard .dash-day-state.skipped{
      border-color:rgba(255,255,255,.18);
      background:rgba(255,255,255,.06);
      color:#dbe5ef;
    }
    #progressDashboard .dash-day.skipped .dash-day-icon{
      color:#dbe5ef;
      opacity:.9;
    }
    .onboarding-card{
      border-color:rgba(214,255,0,.26)!important;
      background:linear-gradient(180deg,rgba(214,255,0,.09),rgba(255,255,255,.035))!important;
    }
    .onboarding-card .main-btn{
      width:max-content;
      margin-top:auto;
    }

  
    /* v72: dagens pass scaling + focus info */
    .showcase-grid{
      grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);
      align-items:stretch;
    }
    .hero-dashboard-panel .panel-pad{
      padding:clamp(18px,2.1vw,28px);
    }
    #progressDashboard{
      min-width:0;
    }
    #progressDashboard .dash-top{
      grid-template-columns:minmax(0,1fr) auto;
      gap:14px;
    }
    #progressDashboard .dash-title{
      font-size:clamp(30px,4.4vw,54px);
      line-height:.95;
      letter-spacing:-.065em;
      max-width:100%;
      overflow-wrap:normal;
    }
    #progressDashboard .dash-sub{
      font-size:clamp(15px,1.6vw,20px);
      line-height:1.22;
    }
    #progressDashboard .dash-pill{
      align-self:start;
      white-space:nowrap;
    }
    .dash-focus-card{
      margin:14px 0 12px;
      padding:14px 15px;
      border:1px solid rgba(214,255,0,.16);
      background:linear-gradient(180deg,rgba(214,255,0,.075),rgba(255,255,255,.035));
      border-radius:20px;
      display:grid;
      gap:8px;
    }
    .dash-focus-label{
      color:#d6ff00;
      font-size:12px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.11em;
    }
    .dash-focus-text{
      color:#edf5ff;
      font-size:clamp(14px,1.35vw,17px);
      line-height:1.35;
      font-weight:760;
    }
    .dash-focus-chips{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin-top:2px;
    }
    .dash-focus-chips span{
      border:1px solid rgba(214,255,0,.22);
      background:rgba(214,255,0,.075);
      color:#efffd2;
      border-radius:999px;
      padding:6px 9px;
      font-size:12px;
      font-weight:950;
      white-space:nowrap;
    }
    #progressDashboard .dash-meta{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      margin:10px 0 12px;
    }
    #progressDashboard .dash-meta span{
      min-width:0;
      padding:10px 11px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.035);
      border-radius:14px;
      font-size:13px;
      line-height:1.15;
    }
    #progressDashboard .dash-meta b{
      display:block;
      font-size:clamp(20px,2.4vw,30px);
      line-height:1;
      margin-bottom:3px;
    }
    #progressDashboard .dash-action-row{
      grid-template-columns:1fr;
    }
    #progressDashboard .next-pass-btn{
      min-height:58px;
    }
    #progressDashboard .skip-pass-btn{
      min-height:46px;
    }
    @media(max-width:1200px){
      .showcase-grid{
        grid-template-columns:1fr;
      }
      #progressDashboard .dash-title{
        font-size:clamp(34px,6vw,60px);
      }
    }
    @media(max-width:760px){
      #progressDashboard .dash-top{
        grid-template-columns:1fr;
      }
      #progressDashboard .dash-pill{
        width:max-content;
      }
      #progressDashboard .dash-meta{
        grid-template-columns:1fr;
      }
      #progressDashboard .dash-title{
        font-size:clamp(32px,11vw,48px);
      }
    }

  
    /* v73: iPad optimization */
    html{
      -webkit-text-size-adjust:100%;
      text-size-adjust:100%;
    }
    body{
      overscroll-behavior-y:contain;
    }
    button,
    .seg-btn,
    .profile-btn,
    .day-card,
    .nav-link,
    .utility-pill{
      touch-action:manipulation;
      -webkit-tap-highlight-color:rgba(214,255,0,.12);
    }
    @media(pointer:coarse){
      button,
      .seg-btn,
      .profile-btn,
      .nav-link,
      .utility-pill,
      .tool-btn{
        min-height:46px;
      }
    }

    /* iPad general */
    @media(min-width:768px) and (max-width:1180px){
      .wrap{
        width:min(100vw - 28px,1180px);
        padding-top:14px;
      }
      .home-hero{
        padding:22px;
        border-radius:28px;
      }
      .home-topbar{
        gap:14px;
      }
      .next-wordmark{
        font-size:clamp(38px,5vw,52px);
      }
      .brand-sub{
        font-size:12px;
        letter-spacing:.12em;
      }
      .nav-link,
      .utility-pill{
        padding:11px 14px;
        border-radius:16px;
      }
      .showcase-grid{
        gap:18px;
      }
      .showcase-copy{
        min-height:0;
        padding:10px 0 2px;
      }
      .showcase-copy h1{
        font-size:clamp(46px,6.3vw,76px);
        line-height:.91;
        max-width:620px;
      }
      .showcase-benefits{
        margin-top:18px;
        gap:10px;
      }
      .benefit{
        border-radius:18px;
        padding:12px;
      }
      .benefit b{
        font-size:16px;
      }
      .benefit span{
        font-size:13px;
      }
      .hero-dashboard-panel .panel-pad{
        padding:18px;
      }
      #progressDashboard .dash-title{
        font-size:clamp(28px,4.5vw,46px);
        line-height:.96;
      }
      #progressDashboard .dash-sub{
        font-size:clamp(14px,1.9vw,18px);
      }
      .dash-focus-card{
        padding:12px;
        gap:7px;
      }
      .dash-focus-text{
        font-size:14px;
      }
      #progressDashboard .dash-meta{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px;
      }
      #progressDashboard .dash-meta span{
        padding:9px;
        font-size:12px;
      }
      #progressDashboard .dash-meta b{
        font-size:clamp(19px,2.4vw,26px);
      }
      #progressDashboard .next-pass-btn{
        min-height:54px;
        font-size:16px;
      }
      #progressDashboard .skip-pass-btn{
        min-height:44px;
      }
      .quick-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .stat-card{
        min-height:142px;
      }
    }

    /* iPad landscape: keep dashboard beside hero copy, but tighter */
    @media(min-width:901px) and (max-width:1180px) and (orientation:landscape){
      .showcase-grid{
        grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);
        align-items:start;
      }
      .showcase-benefits{
        grid-template-columns:1fr;
        max-width:430px;
      }
      .hero-dashboard-panel{
        align-self:start;
      }
      #progressDashboard .dash-top{
        grid-template-columns:minmax(0,1fr) auto;
      }
      #progressDashboard .dash-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }

      .stage-layout{
        grid-template-columns:minmax(0,1.12fr) minmax(306px,.88fr);
        gap:14px;
      }
      .sticky-nav{
        padding:10px 12px;
        margin:0 -10px 12px;
      }
      .video-wrap{
        aspect-ratio:16/9;
      }
      .info-card{
        padding:14px;
        gap:10px;
      }
      .exercise-name{
        font-size:clamp(22px,6.6cqw,34px);
      }
      .exercise-reps{
        min-height:78px;
        padding:12px;
      }
      .rx-line{
        font-size:clamp(30px,7.2cqw,48px);
      }
      .set-note,
      .coach-cues,
      .superset-status{
        font-size:13px;
      }
      .mini-list{
        max-height:28vh;
      }
      .timer-card{
        padding:14px;
      }
      .timer-display{
        font-size:clamp(48px,7vw,72px);
      }
    }

    /* iPad portrait: dashboard first, player one-column but not phone-sized */
    @media(min-width:768px) and (max-width:900px) and (orientation:portrait){
      .home-topbar{
        grid-template-columns:1fr;
        justify-items:start;
      }
      .home-nav,
      .home-tools{
        width:100%;
      }
      .home-nav .nav-link,
      .home-tools .utility-pill{
        flex:1;
      }
      .showcase-grid{
        grid-template-columns:1fr;
      }
      .showcase-benefits{
        grid-template-columns:repeat(3,minmax(0,1fr));
        max-width:none;
      }
      .benefit{
        min-height:112px;
      }
      #progressDashboard .dash-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }
      .quick-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }

      .stage-layout{
        grid-template-columns:1fr;
        gap:14px;
      }
      .video-wrap{
        aspect-ratio:16/9;
      }
      .info-card{
        padding:16px;
        gap:12px;
      }
      .exercise-name{
        font-size:clamp(28px,7.5cqw,42px);
      }
      .rx-line{
        font-size:clamp(34px,7.8vw,54px);
      }
      .mini-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-height:30vh;
      }
      .nav-left,
      .nav-right{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }

    /* iPad split view / narrow portrait safety */
    @media(min-width:700px) and (max-width:820px){
      .wrap{
        width:min(100vw - 22px,820px);
      }
      #progressDashboard .dash-meta{
        grid-template-columns:1fr;
      }
      #progressDashboard .dash-week-summary{
        align-items:flex-start;
      }
    }

  
    /* v74: iOS/iPadOS YouTube autoplay fallback */
    .ios-play-btn{
      position:absolute;
      right:14px;
      bottom:14px;
      z-index:5;
      border:1px solid rgba(214,255,0,.32);
      background:rgba(7,12,18,.72);
      color:#efffd2;
      backdrop-filter:blur(14px);
      border-radius:999px;
      padding:11px 14px;
      font-weight:1000;
      box-shadow:0 16px 34px rgba(0,0,0,.24);
      cursor:pointer;
    }
    .ios-play-btn.hide{
      opacity:0;
      pointer-events:none;
      transform:translateY(4px);
      transition:all .2s ease;
    }
    @media(pointer:fine){
      .ios-play-btn{display:none}
    }

  
    /* v75: onboarding + full-app premium panels */
    #profileScreen > .panel,
    #overviewScreen > .panel,
    #qaScreen > .panel,
    #testScreen > .panel{
      position:relative;
      overflow:hidden;
      border-color:rgba(214,255,0,.14)!important;
      background:
        radial-gradient(circle at 14% 0%, rgba(214,255,0,.10), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(82,210,115,.07), transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
      box-shadow:0 28px 84px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035)!important;
    }
    #profileScreen > .panel::after,
    #overviewScreen > .panel::after,
    #qaScreen > .panel::after,
    #testScreen > .panel::after{
      content:'';
      position:absolute;
      right:-14%;
      bottom:-34%;
      width:42%;
      height:70%;
      pointer-events:none;
      background:radial-gradient(circle, rgba(214,255,0,.10), transparent 62%);
      filter:blur(2px);
    }
    #profileScreen .panel-pad,
    #overviewScreen .panel-pad,
    #qaScreen .panel-pad,
    #testScreen .panel-pad{
      position:relative;
      z-index:1;
    }
    .profile-config-grid .panel,
    .overview-list .ex-row,
    .library-detail,
    .qa-row,
    .test-card,
    .overview-equipment{
      border-color:rgba(214,255,0,.12)!important;
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028))!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    }
    .video-card,.info-card,.playlist-card{
      border-color:rgba(214,255,0,.12)!important;
      background:linear-gradient(180deg,rgba(18,26,36,.92),rgba(9,14,22,.94))!important;
    }
    .onboarding-pass-card{
      display:grid;
      gap:14px;
      min-height:100%;
      align-content:center;
    }
    .onboarding-pass-card .dash-title{
      font-size:clamp(34px,4.8vw,62px)!important;
    }
    .onboarding-steps{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      margin:6px 0;
    }
    .onboarding-steps div{
      border:1px solid rgba(214,255,0,.14);
      background:rgba(214,255,0,.055);
      border-radius:18px;
      padding:12px;
      display:grid;
      gap:4px;
    }
    .onboarding-steps b{
      color:#d6ff00;
      font-size:28px;
      line-height:1;
    }
    .onboarding-steps span{
      color:#dbe5ef;
      font-size:13px;
      font-weight:900;
    }
    .onboarding-create{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:10px;
      align-items:center;
    }
    .onboarding-create input{
      min-height:58px;
      border:1px solid rgba(214,255,0,.18);
      background:#0c1118;
      color:#fff;
      border-radius:18px;
      padding:0 16px;
      font-size:18px;
      font-weight:950;
      outline:none;
    }
    .onboarding-create input:focus{
      border-color:rgba(214,255,0,.55);
      box-shadow:0 0 0 4px rgba(214,255,0,.10);
    }
    .temp-profile-cta{
      width:max-content;
      color:#dbe5ef!important;
    }
    .temporary-profile{
      border-style:dashed!important;
      color:#dbe5ef!important;
      background:rgba(255,255,255,.035)!important;
    }
    @media(max-width:760px){
      .onboarding-create,
      .onboarding-steps{
        grid-template-columns:1fr;
      }
      .temp-profile-cta{
        width:100%;
      }
    }

  
    /* v76: iPad video fill + clearer onboarding */
    .video-wrap{
      overflow:hidden;
      isolation:isolate;
    }
    .video-wrap iframe#videoFrame,
    .video-wrap iframe{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-width:100%!important;
      min-height:100%!important;
      max-width:none!important;
      max-height:none!important;
      display:block!important;
      border:0!important;
    }
    .video-card{
      min-width:0;
    }
    .onboarding-pass-card .dash-title span{
      color:#d6ff00;
    }
    .onboarding-programs{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      margin:4px 0 2px;
    }
    .onboarding-program{
      text-align:left;
      min-height:86px;
      padding:14px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      color:#f5f8fb;
      display:grid;
      gap:5px;
      cursor:pointer;
    }
    .onboarding-program b{
      font-size:clamp(19px,2.2vw,28px);
      line-height:1;
      letter-spacing:-.04em;
    }
    .onboarding-program span{
      color:#aebdcc;
      font-size:13px;
      font-weight:900;
    }
    .onboarding-program.active{
      border-color:rgba(214,255,0,.48);
      background:linear-gradient(180deg,rgba(214,255,0,.18),rgba(214,255,0,.07));
      box-shadow:0 18px 34px rgba(214,255,0,.08), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .onboarding-create .next-pass-btn{
      min-height:58px;
      white-space:nowrap;
    }
    @media(max-width:900px){
      .onboarding-programs{
        grid-template-columns:1fr;
      }
      .onboarding-program{
        min-height:72px;
      }
    }
    @media(min-width:768px) and (max-width:1180px){
      .video-wrap{
        min-height:0;
      }
      .video-card{
        contain:layout paint;
      }
    }

  
    /* v80: onboarding polish, iPad live mode, simplified dashboard, data tools */
    .daily-primary{
      display:grid;
      gap:12px;
    }
    .daily-secondary{
      margin-top:16px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.08);
      display:grid;
      gap:12px;
    }
    .daily-primary .dash-title{
      font-size:clamp(34px,5vw,64px)!important;
      line-height:.9!important;
    }
    .daily-primary .dash-focus-card.compact{
      margin:4px 0 0;
    }
    .primary-actions .next-pass-btn{
      margin:2px 0 0!important;
    }
    .subtle-skip{
      justify-self:start;
      min-height:42px!important;
      font-size:14px!important;
      opacity:.82;
    }
    .onboarding-flow{
      align-content:start;
      gap:16px;
    }
    .onboarding-step-block{
      display:grid;
      gap:8px;
    }
    .onboarding-step-label{
      color:#d6ff00;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.11em;
      font-weight:1000;
    }
    .onboarding-name-input{
      min-height:60px;
      border:1px solid rgba(214,255,0,.20);
      background:#0c1118;
      color:#fff;
      border-radius:20px;
      padding:0 16px;
      font-size:20px;
      font-weight:950;
      outline:none;
    }
    .onboarding-name-input:focus{
      border-color:rgba(214,255,0,.60);
      box-shadow:0 0 0 4px rgba(214,255,0,.10);
    }
    .onboarding-preview{
      border:1px solid rgba(214,255,0,.16);
      background:rgba(214,255,0,.055);
      border-radius:20px;
      padding:14px;
    }
    .onboarding-preview div{
      display:grid;
      gap:3px;
    }
    .onboarding-preview small{
      color:#d6ff00;
      text-transform:uppercase;
      letter-spacing:.10em;
      font-weight:950;
    }
    .onboarding-preview b{
      font-size:clamp(20px,2.4vw,30px);
      color:#fff;
      letter-spacing:-.04em;
    }
    .onboarding-preview span{
      color:#aebdcc;
      font-weight:850;
    }
    .onboarding-start-btn{
      min-height:62px;
      font-size:18px!important;
    }
    .data-panel{
      grid-column:1/-1;
    }
    .data-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:10px;
    }
    .danger-btn{
      border-color:rgba(255,104,104,.26)!important;
      color:#ffd1d1!important;
      background:rgba(255,104,104,.06)!important;
    }

    /* iPad/live training mode: clearer video-first layout */
    @media(min-width:768px) and (max-width:1180px){
      body.live-mode #exerciseScreen .wrap,
      body.live-mode .wrap{
        width:min(100vw - 20px,1180px);
      }
      body.live-mode .sticky-nav{
        padding:8px 10px;
        margin:0 -6px 10px;
      }
      body.live-mode .progress-meta{
        gap:5px;
      }
      body.live-mode #exerciseMeta{
        font-size:13px;
        line-height:1.2;
      }
      body.live-mode .progress-shell{
        height:7px;
        margin-top:5px;
      }
      body.live-mode .stage-layout{
        gap:10px;
      }
      body.live-mode .info-card{
        padding:12px;
        gap:9px;
      }
      body.live-mode .exercise-kicker{
        gap:6px;
      }
      body.live-mode .tag{
        padding:6px 9px;
        font-size:11px;
      }
      body.live-mode .exercise-name{
        font-size:clamp(22px,6.8cqw,38px);
      }
      body.live-mode .exercise-reps{
        min-height:72px;
        padding:10px;
      }
      body.live-mode .rx-line{
        font-size:clamp(30px,7.4cqw,52px);
      }
      body.live-mode .coach-cues,
      body.live-mode .set-note,
      body.live-mode .superset-status,
      body.live-mode .next-preview{
        font-size:13px;
        border-radius:16px;
        padding:10px;
      }
      body.live-mode .timer-card{
        padding:12px;
      }
      body.live-mode .timer-display{
        font-size:clamp(52px,8vw,82px);
      }
    }
    @media(min-width:901px) and (max-width:1180px) and (orientation:landscape){
      body.live-mode .stage-layout{
        grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);
        align-items:start;
      }
      body.live-mode .video-card{
        align-self:start;
      }
      body.live-mode .video-wrap{
        aspect-ratio:16/9;
      }
      body.live-mode .playlist-card{
        display:none!important;
      }
      body.live-mode .nav-left .ghost-btn{
        display:none;
      }
      body.live-mode .nav-actions{
        gap:10px;
      }
    }
    @media(min-width:768px) and (max-width:900px) and (orientation:portrait){
      body.live-mode .stage-layout{
        grid-template-columns:1fr;
      }
      body.live-mode .video-wrap{
        aspect-ratio:16/9;
      }
      body.live-mode .nav-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
      }
      body.live-mode .nav-left,
      body.live-mode .nav-right{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      body.live-mode .next-preview{
        margin-top:auto;
      }
    }

  
    /* v81: clearer age-level descriptions before user testing */
    .onboarding-program{
      align-content:start;
    }
    .onboarding-program strong{
      color:#d6ff00;
      font-size:13px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .onboarding-program span{
      line-height:1.28;
    }
    .stage-choice{
      display:grid!important;
      gap:5px;
      align-content:center;
      justify-items:center;
      min-height:78px!important;
      white-space:normal!important;
      border-radius:20px!important;
      padding:13px 14px!important;
    }
    .stage-choice b{
      color:inherit;
      font-size:16px;
      line-height:1.05;
    }
    .stage-choice span{
      color:#aebdcc;
      font-size:12px;
      line-height:1.25;
      font-weight:850;
      max-width:260px;
    }
    .stage-choice.active span{
      color:#172012;
    }
    @media(max-width:900px){
      .stage-choice{
        min-height:86px!important;
      }
    }

  
    /* v82: phone-first dashboard: today's pass first, details in overview */
    .overview-pass-btn{
      min-height:54px;
      border-radius:18px;
      color:#efffd2!important;
      background:rgba(214,255,0,.055)!important;
      border-color:rgba(214,255,0,.24)!important;
      font-weight:1000;
    }
    .primary-actions{
      grid-template-columns:1fr auto!important;
      align-items:stretch;
    }
    .primary-actions .next-pass-btn{
      margin:0!important;
    }
    @media(max-width:900px){
      .showcase-grid{
        display:flex!important;
        flex-direction:column!important;
      }
      .showcase-dashboard{
        order:1!important;
      }
      .showcase-copy{
        order:2!important;
        min-height:0!important;
        padding-top:8px!important;
      }
      .showcase-copy h1{
        font-size:clamp(34px,11vw,58px)!important;
        line-height:.91!important;
      }
      .showcase-benefits{
        display:none!important;
      }
      .hero-dashboard-panel{
        margin-top:6px;
      }
      .daily-primary .dash-title,
      #progressDashboard .dash-title{
        font-size:clamp(34px,12vw,54px)!important;
      }
      .daily-secondary{
        margin-top:12px;
      }
      .primary-actions{
        grid-template-columns:1fr!important;
      }
      .overview-pass-btn{
        width:100%;
      }
    }
    @media(max-width:520px){
      .home-hero{
        padding:18px!important;
      }
      .home-topbar{
        gap:12px!important;
      }
      .brand-lockup{
        transform:scale(.92);
        transform-origin:left top;
      }
      .home-nav,.home-tools{
        gap:8px!important;
      }
      .nav-link,.utility-pill{
        padding:10px 12px!important;
        font-size:14px!important;
      }
      .showcase-copy{
        display:none!important;
      }
      .dash-focus-card.compact{
        margin-top:8px!important;
      }
      .dash-focus-text{
        font-size:14px!important;
      }
      #progressDashboard .dash-week-summary{
        margin-top:12px!important;
      }
    }

  
    /* v83: keep estimated time on today's pass, but leave detailed stats in Overview */
    .daily-time-pill{
      width:max-content;
      display:inline-flex;
      align-items:center;
      gap:7px;
      margin-top:2px;
      border:1px solid rgba(214,255,0,.24);
      background:rgba(214,255,0,.075);
      color:#efffd2;
      border-radius:999px;
      padding:8px 12px;
      font-size:14px;
      font-weight:1000;
      letter-spacing:.01em;
    }
    @media(max-width:520px){
      .daily-time-pill{
        font-size:13px;
        padding:7px 10px;
      }
    }



    /* ===== v84 Athlete OS visual layer ===== */
    :root{
      --bg:#050812;
      --panel:#0c1422;
      --panel2:#111c2d;
      --text:#f8fbff;
      --muted:#8fa1b7;
      --line:rgba(170,205,255,.15);
      --accent:#0b84ff;
      --accent2:#22e6ff;
      --good:#22f2b2;
      --warn:#ffb86b;
      --bad:#ff5b7d;
      --shadow:0 26px 90px rgba(0,0,0,.42);
      --radius:26px;
      --v84-rail:244px;
    }
    html{background:#050812;}
    body{
      background:
        radial-gradient(circle at 72% 4%, rgba(11,132,255,.20), transparent 30vw),
        radial-gradient(circle at 18% 88%, rgba(34,230,255,.13), transparent 36vw),
        linear-gradient(135deg,#03050b 0%,#07111f 52%,#040713 100%) !important;
      color:var(--text);
    }
    body::before{
      content:'';
      position:fixed;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(115deg, transparent 0 42%, rgba(34,230,255,.045) 43%, transparent 44% 100%),
        radial-gradient(circle at 86% 22%, rgba(255,255,255,.045), transparent 22vw);
      opacity:.9;
      z-index:-1;
    }
    .wrap{
      width:min(1440px,calc(100vw - 40px));
      padding:22px 0 46px;
    }
    @media(min-width:1060px){
      .wrap{margin-left:calc(var(--v84-rail) + 28px);margin-right:28px;width:calc(100vw - var(--v84-rail) - 56px);max-width:1480px;}
    }
    .v84-rail{
      position:fixed;
      z-index:90;
      left:16px;
      top:16px;
      bottom:16px;
      width:var(--v84-rail);
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:16px 14px;
      border:1px solid rgba(160,205,255,.14);
      border-radius:28px;
      background:linear-gradient(180deg,rgba(7,13,24,.90),rgba(3,7,15,.94));
      box-shadow:0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
      backdrop-filter:blur(18px);
    }
    .v84-logo,.v84-nav-item,.v84-next-card{
      border:1px solid rgba(255,255,255,.10);
      color:#eaf3ff;
      cursor:pointer;
      font:inherit;
      text-align:left;
    }
    .v84-logo{
      background:transparent;
      border:0;
      padding:6px 6px 20px;
      display:grid;
      gap:5px;
    }
    .v84-logo span{
      font-size:42px;
      line-height:.78;
      font-weight:1000;
      font-style:italic;
      letter-spacing:-.10em;
      color:white;
      text-shadow:0 0 24px rgba(11,132,255,.22);
    }
    .v84-logo small{
      color:#9fc7ff;
      font-size:11px;
      font-weight:950;
      letter-spacing:.15em;
    }
    .v84-nav-item{
      display:flex;
      align-items:center;
      gap:12px;
      padding:14px 14px;
      border-radius:18px;
      background:rgba(255,255,255,.035);
      font-weight:900;
      transition:.18s ease;
    }
    .v84-nav-item:hover{transform:translateX(2px);border-color:rgba(34,230,255,.42);background:rgba(34,230,255,.07);}
    .v84-nav-item.active{
      color:#fff;
      border-color:rgba(11,132,255,.55);
      background:linear-gradient(90deg,rgba(11,132,255,.25),rgba(34,230,255,.08));
      box-shadow:0 14px 38px rgba(11,132,255,.18), inset 3px 0 0 var(--accent);
    }
    .v84-icon{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;color:#9edcff;background:rgba(11,132,255,.13);}
    .v84-rail-spacer{flex:1;}
    .v84-next-card{
      display:grid;
      gap:8px;
      border-radius:20px;
      padding:16px;
      background:linear-gradient(180deg,rgba(11,132,255,.16),rgba(34,230,255,.055));
    }
    .v84-next-card b{font-size:12px;color:#59c7ff;letter-spacing:.08em;}
    .v84-next-card span{color:#d7e8f8;font-size:14px;line-height:1.25;}
    .v84-top-mobile{display:none;}
    body.tv-mode .v84-rail{display:none;}
    body.tv-mode .wrap{margin:0 auto;width:calc(100vw - 18px);}
    @media(max-width:1059px){
      .v84-rail{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin-bottom:14px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:10px;border-radius:22px;}
      .v84-logo,.v84-next-card{display:none;}
      .v84-nav-item{justify-content:center;padding:11px 8px;border-radius:15px;font-size:13px;}
      .v84-icon{display:none;}
    }
    @media(max-width:560px){.v84-rail{grid-template-columns:1fr 1fr}.v84-nav-item{font-size:13px}}

    .panel,.video-card,.info-card,.playlist-card,.home-hero,.hero-dashboard-panel,.selector-panel,.progress-panel,.passday-panel,.stat-card,.day-card,.qa-row,.test-card,.library-detail{
      border-color:rgba(170,205,255,.14) !important;
      background:linear-gradient(180deg,rgba(13,22,36,.82),rgba(7,12,22,.72)) !important;
      box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
    }
    .panel:hover,.day-card:hover,.qa-row:hover{
      border-color:rgba(34,230,255,.36) !important;
      box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(34,230,255,.045) inset !important;
    }
    .home-hero{
      border-radius:34px !important;
      padding:28px !important;
      min-height:560px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 72% 35%, rgba(11,132,255,.34), transparent 28vw),
        radial-gradient(circle at 98% 0%, rgba(34,230,255,.22), transparent 24vw),
        linear-gradient(145deg,rgba(8,14,26,.98),rgba(4,8,16,.98)) !important;
    }
    .home-hero::before{
      content:'';
      position:absolute;
      right:-5%;
      top:17%;
      width:min(50vw,760px);
      height:72%;
      pointer-events:none;
      background:
        radial-gradient(ellipse at 56% 42%, rgba(34,230,255,.32), transparent 10%),
        linear-gradient(90deg, transparent 0 9%, rgba(34,230,255,.48) 9.4% 10.1%, transparent 10.8% 42%, rgba(11,132,255,.48) 42.3% 43%, transparent 43.8% 76%, rgba(34,230,255,.36) 76.4% 77%, transparent 77.7% 100%),
        radial-gradient(ellipse at 48% 56%, rgba(11,132,255,.23), transparent 44%);
      filter:blur(.2px);
      opacity:.75;
      border-radius:40px;
    }
    .home-hero::after{
      content:'ATHLETE OS';
      position:absolute;
      right:32px;
      bottom:28px;
      color:rgba(255,255,255,.035);
      font-weight:1000;
      letter-spacing:-.08em;
      font-size:clamp(76px,12vw,176px);
      line-height:.8;
      pointer-events:none;
      filter:none;
      width:auto;height:auto;background:none;opacity:1;
    }
    .home-topbar{grid-template-columns:auto 1fr auto;position:relative;z-index:2;}
    .next-wordmark{font-size:clamp(44px,4vw,64px) !important;color:#fff;text-shadow:0 0 28px rgba(11,132,255,.38);}
    .brand-sub{color:#d7e8ff !important;}
    .home-nav,.home-tools{gap:10px;}
    .nav-link,.utility-pill,.ghost-btn,.tool-btn,.seg-btn,.profile-btn,.day-overview,.day-start,.main-btn,.next-pass-btn{
      border-radius:16px;
    }
    .nav-link,.utility-pill{
      background:rgba(255,255,255,.045) !important;
      border-color:rgba(170,205,255,.14) !important;
      color:#e9f4ff !important;
    }
    .nav-link:hover,.utility-pill:hover{border-color:rgba(34,230,255,.48) !important;background:rgba(34,230,255,.07) !important;}
    .utility-pill.active{color:#fff !important;border-color:rgba(11,132,255,.60) !important;box-shadow:0 0 0 1px rgba(11,132,255,.22) inset !important;}
    .showcase-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:24px;position:relative;z-index:2;align-items:stretch;}
    .showcase-copy{min-height:390px;display:grid;align-content:center;}
    .showcase-copy h1{
      font-size:clamp(54px,7.6vw,118px) !important;
      line-height:.88 !important;
      max-width:820px !important;
      text-wrap:balance;
      color:#fff !important;
    }
    .showcase-copy h1 span,
    .showcase-copy .accent,
    .title span{color:var(--accent) !important;}
    .showcase-benefits{max-width:860px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
    .benefit{border-color:rgba(170,205,255,.13) !important;background:rgba(255,255,255,.045) !important;}
    .benefit b{color:#fff;}
    .benefit span{color:#a9bdd2;}
    .hero-dashboard-panel{border-color:rgba(34,230,255,.20) !important;background:rgba(5,12,23,.72) !important;backdrop-filter:blur(12px);}
    .daily-primary .dash-kicker,.dash-kicker,.meta,.section-title{color:#59c7ff !important;}
    #progressDashboard .dash-title{font-size:clamp(32px,3.7vw,56px) !important;color:#fff;}
    #progressDashboard .dash-sub{color:#c7d9ea;}
    .daily-time-pill,.dash-pill{
      border:1px solid rgba(34,230,255,.30) !important;
      background:rgba(34,230,255,.08) !important;
      color:#aaf5ff !important;
      border-radius:999px;
    }
    .dash-focus-card,.overview-equipment,.coach-cues,.set-note,.next-preview,.timer-card,.superset-status{
      border-color:rgba(170,205,255,.12) !important;
      background:rgba(255,255,255,.045) !important;
    }
    .dash-focus-chips span,.tag,.pill{
      border-color:rgba(34,230,255,.20) !important;
      background:rgba(11,132,255,.10) !important;
      color:#dff8ff !important;
    }
    .tag.orange{border-color:rgba(34,230,255,.34) !important;background:rgba(34,230,255,.12) !important;color:#dffaff !important;}
    .main-btn,.next-pass-btn,.day-start,.sound-start,.seg-btn.active,.profile-btn.active{
      background:linear-gradient(180deg,#128cff,#006ff0) !important;
      color:#fff !important;
      border:1px solid rgba(255,255,255,.10) !important;
      box-shadow:0 18px 40px rgba(11,132,255,.26) !important;
    }
    .ghost-btn,.seg-btn,.profile-btn,.day-overview,.tool-btn,.day-actions button,.start-tools button{
      background:rgba(255,255,255,.055) !important;
      color:#eaf4ff !important;
      border-color:rgba(170,205,255,.14) !important;
    }
    .ghost-btn:hover,.seg-btn:hover,.profile-btn:hover,.tool-btn:hover{border-color:rgba(34,230,255,.42) !important;background:rgba(34,230,255,.07) !important;}
    .progress-bar,.dash-bar span,.mini-progress span,.rest-progress-bar{
      background:linear-gradient(90deg,var(--accent),var(--accent2),var(--good)) !important;
    }
    .quick-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
    .stat-card .accent,.test-delta.good,.qa-ok,.done-badge{color:#4fffd3 !important;}
    .stat-card .big{color:#fff;}
    .stat-card .kicker{color:#87cef9;}
    .profile-config-panel>.panel-pad,.overviewScreen .panel-pad{position:relative;}
    .profile-config-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;}
    .profile-config-grid .profile-panel{grid-column:span 4;}
    .profile-config-grid .selector-panel{grid-column:span 4;}
    .profile-config-grid .passday-panel,.profile-config-grid .data-panel{grid-column:1/-1;}
    .day-card{
      min-height:190px;
      border-radius:24px;
      background:
        radial-gradient(circle at 86% 12%, rgba(11,132,255,.12), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
    }
    .day-card small{color:#59c7ff !important;}
    .day-card h3{font-size:clamp(24px,2.2vw,36px);letter-spacing:-.04em;}
    .day-actions{grid-template-columns:1fr 1fr;}
    .overview-head{gap:24px;}
    .overview-list{gap:12px;}
    .ex-row{
      border-radius:20px;
      background:rgba(255,255,255,.04) !important;
      border-color:rgba(170,205,255,.12) !important;
      min-height:74px;
    }
    .num{background:rgba(11,132,255,.18) !important;color:#9edcff;border:1px solid rgba(11,132,255,.26);}
    .sticky-nav{
      background:rgba(4,8,16,.86) !important;
      border-color:rgba(170,205,255,.12) !important;
      border-radius:0 0 24px 24px;
      backdrop-filter:blur(18px);
    }
    .stage-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);}
    .video-wrap{background:#030711;border-radius:inherit;overflow:hidden;}
    .info-card{background:linear-gradient(180deg,rgba(10,18,31,.92),rgba(5,10,18,.94)) !important;}
    .exercise-name{letter-spacing:-.065em;color:#fff;}
    .rx-line{color:#fff;text-shadow:0 0 28px rgba(34,230,255,.12);}
    .timer-card{border-color:rgba(34,230,255,.22) !important;}
    .timer-display{color:#fff;text-shadow:0 0 34px rgba(11,132,255,.24);}
    .rest-stage{background:linear-gradient(90deg,#02050b 0%,#06172a 50%,#02050b 100%) !important;}
    .rest-stage::before{background:radial-gradient(circle at 50% 52%,rgba(34,230,255,.18),rgba(11,132,255,.10) 24%,rgba(0,0,0,0) 54%) !important;}
    .rest-display{color:#effbff;text-shadow:0 0 42px rgba(34,230,255,.28),0 12px 60px rgba(0,0,0,.60) !important;}
    .qa-row.active{border-color:rgba(34,230,255,.65) !important;background:rgba(11,132,255,.12) !important;}
    .library-filters input,.library-filters select,.test-card input{
      background:#050a14 !important;
      border-color:rgba(170,205,255,.15) !important;
      color:#fff !important;
    }
    .library-video{background:#030711 !important;border:1px solid rgba(170,205,255,.10);}
    #testScreen .panel>.panel-pad{display:block;}
    .test-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    .test-card{border-radius:22px;}
    .test-stat{border-color:rgba(170,205,255,.10) !important;background:rgba(255,255,255,.035) !important;}
    .top-tools{background:rgba(5,10,18,.96) !important;border-color:rgba(170,205,255,.16) !important;}
    .tool-btn.on{background:rgba(34,230,255,.12) !important;border-color:rgba(34,230,255,.28) !important;color:#caf9ff !important;}
    .tool-btn.off{background:rgba(255,91,125,.10) !important;border-color:rgba(255,91,125,.24) !important;color:#ffd3dd !important;}
    body.tv-mode .stage-layout{grid-template-columns:minmax(0,1fr) clamp(340px,25vw,470px);}
    body.tv-mode .sticky-nav{border-radius:0;margin-bottom:10px;}
    body.tv-mode .exercise-name{font-size:clamp(36px,4.4vw,76px);}
    @media(max-width:1200px){
      .quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
      .showcase-grid{grid-template-columns:1fr;}
      .home-hero{min-height:0;}
      .home-hero::before{display:none;}
    }
    @media(max-width:900px){
      .wrap{width:min(100vw - 18px,1220px);margin:0 auto;padding-top:10px;}
      .home-hero{padding:18px !important;border-radius:24px !important;}
      .home-topbar{grid-template-columns:1fr;}
      .home-nav,.home-tools{justify-content:flex-start;}
      .showcase-copy{min-height:0;}
      .showcase-copy h1{font-size:clamp(42px,13vw,74px) !important;}
      .showcase-benefits{grid-template-columns:1fr;}
      .profile-config-grid{grid-template-columns:1fr;}
      .profile-config-grid .profile-panel,.profile-config-grid .selector-panel,.profile-config-grid .passday-panel,.profile-config-grid .data-panel{grid-column:1;}
      .stage-layout{grid-template-columns:1fr;}
      .test-grid{grid-template-columns:1fr;}
      .quick-stats-grid{grid-template-columns:1fr;}
      .overview-head{display:grid;}
    }