/* NEXT v85-clean extracted from v84.2. Keep CSS link order in preview_v85_clean.html. */
/* v68 visual polish */
    .hero-premium{
      position:relative;
      overflow:hidden;
      min-height:250px;
      padding:34px;
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:22px;
      align-items:start;
      background:
        radial-gradient(circle at 18% 12%, rgba(214,255,0,.32), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(82,210,115,.16), transparent 28%),
        linear-gradient(135deg, rgba(26,34,46,.96), rgba(12,17,25,.96));
      border-color:rgba(255,255,255,.12);
    }
    .hero-premium::before{
      content:'';
      position:absolute;
      inset:-2px;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.09) 38%, transparent 62%);
      opacity:.9;
      pointer-events:none;
      transform:translateX(-35%);
    }
    .hero-premium::after{
      content:'';
      position:absolute;
      right:-80px;
      bottom:-100px;
      width:330px;
      height:330px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(214,255,0,.22), transparent 62%);
      filter:blur(2px);
      pointer-events:none;
    }
    .hero-copy,.hero-actions,.hero-stats{position:relative;z-index:1}
    .hero-copy h1{
      font-size:clamp(42px,6vw,86px);
      letter-spacing:-.07em;
      max-width:780px;
    }
    .hero-copy p{
      max-width:720px;
      font-size:clamp(17px,2vw,23px);
      color:#c7d3df;
    }
    .hero-actions{
      display:flex;
      gap:10px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }
    .hero-actions button{
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
      color:var(--text);
      border-radius:18px;
      padding:13px 16px;
      cursor:pointer;
      font-weight:950;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
    }
    .hero-actions button:hover{
      transform:translateY(-2px);
      border-color:rgba(214,255,0,.55);
      background:linear-gradient(180deg,rgba(214,255,0,.18),rgba(255,255,255,.05));
      box-shadow:0 16px 34px rgba(214,255,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
    }
    .hero-stats{
      grid-column:1/-1;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:8px;
      max-width:760px;
    }
    .hero-stats div{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      border-radius:20px;
      padding:15px 16px;
      display:grid;
      gap:2px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    }
    .hero-stats b{
      font-size:clamp(22px,3vw,34px);
      letter-spacing:-.04em;
      color:#fff;
      line-height:1;
    }
    .hero-stats span{
      color:#aeb9c6;
      font-weight:850;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.07em;
    }

    .panel{
      transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
    }
    .panel:hover{
      transform:translateY(-1px);
      border-color:rgba(214,255,0,.28);
      background:rgba(24,31,42,.90);
      box-shadow:0 20px 70px rgba(0,0,0,.34);
    }
    .seg-btn,.profile-btn,.day-card,.day-actions button,.start-tools button{
      transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease;
    }
    .seg-btn:hover,.profile-btn:hover,.day-actions button:hover,.start-tools button:hover{
      transform:translateY(-2px);
      border-color:rgba(214,255,0,.55);
      box-shadow:0 14px 34px rgba(214,255,0,.13);
    }
    .seg-btn.active,.profile-btn.active{
      box-shadow:0 14px 34px rgba(214,255,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .day-card{
      position:relative;
      overflow:hidden;
    }
    .day-card::after{
      content:'';
      position:absolute;
      inset:auto -40px -60px auto;
      width:160px;
      height:160px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(82,210,115,.16), transparent 65%);
      opacity:0;
      transition:opacity .18s ease,transform .18s ease;
      pointer-events:none;
    }
    .day-card:hover::after{
      opacity:1;
      transform:scale(1.08);
    }
    .day-card:hover{
      border-color:rgba(214,255,0,.55);
      background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
      transform:translateY(-2px);
      box-shadow:0 18px 50px rgba(0,0,0,.32);
    }

    @media(max-width:900px){
      .hero-premium{
        grid-template-columns:1fr;
        padding:24px;
        min-height:0;
      }
      .hero-actions{
        justify-content:flex-start;
      }
      .hero-actions button{
        flex:1;
        min-width:0;
      }
      .hero-stats{
        grid-template-columns:1fr;
      }
      .hero-copy h1{
        font-size:clamp(42px,13vw,64px);
      }
    }

  
    /* v68: cleaner inspirational hero */
    .hero-premium{
      min-height:210px;
      grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:
        "top actions"
        "copy actions";
      align-items:start;
      gap:18px 24px;
      padding:30px 34px;
      background:
        radial-gradient(circle at 12% 18%, rgba(214,255,0,.26), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(82,210,115,.12), transparent 30%),
        linear-gradient(135deg, rgba(22,30,42,.96), rgba(11,16,24,.96));
    }
    .hero-topline{
      grid-area:top;
      display:flex;
      align-items:center;
      gap:12px;
      position:relative;
      z-index:1;
    }
    .app-mark{
      width:54px;
      height:54px;
      border-radius:18px;
      display:grid;
      place-items:center;
      background:linear-gradient(180deg,#d6ff00,#bce100);
      box-shadow:0 16px 38px rgba(214,255,0,.26), inset 0 1px 0 rgba(255,255,255,.22);
      color:#fff;
      font-weight:1000;
      letter-spacing:-.08em;
      transform:rotate(-2deg);
    }
    .app-mark span{transform:rotate(2deg);font-size:15px}
    .hero-copy{
      grid-area:copy;
    }
    .hero-copy h1{
      font-size:clamp(36px,5vw,68px);
      letter-spacing:-.065em;
      max-width:820px;
      margin-top:6px;
    }
    .hero-copy p{
      max-width:760px;
      font-size:clamp(16px,1.7vw,21px);
      color:#c7d3df;
    }
    .hero-actions{
      grid-area:actions;
      align-self:start;
      display:flex;
      gap:10px;
      justify-content:flex-end;
      flex-wrap:wrap;
      min-width:max-content;
    }
    .hero-stats{display:none!important}
    @media(max-width:900px){
      .hero-premium{
        grid-template-columns:1fr;
        grid-template-areas:"top" "copy" "actions";
        padding:24px;
        min-height:0;
      }
      .hero-actions{
        justify-content:flex-start;
        width:100%;
      }
      .hero-actions button{
        flex:1;
      }
      .app-mark{
        width:48px;height:48px;border-radius:16px;
      }
      .hero-copy h1{
        font-size:clamp(34px,10vw,54px);
      }
    }

  
    /* v55-v58: dashboard, guided selector, library filters and test history */
    .start-grid{
      grid-template-columns:repeat(12,minmax(0,1fr));
      align-items:start;
    }
    .start-grid>.profile-panel{grid-column:span 5}
    .start-grid>.progress-panel{grid-column:span 7}
    .start-grid>.selector-panel{grid-column:span 4}
    .start-grid>.passday-panel{grid-column:1/-1}
    .selector-panel .panel-pad{min-height:118px}
    #progressDashboard{display:grid;gap:12px}
    .dash-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
    .dash-title{font-size:clamp(22px,3vw,34px);font-weight:1000;letter-spacing:-.05em;color:#fff}
    .dash-sub{color:#aeb9c6;margin-top:3px}
    .dash-pill{border:1px solid rgba(82,210,115,.28);background:rgba(82,210,115,.10);color:#cffff0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950;white-space:nowrap}
    .dash-progress{display:grid;gap:7px}
    .dash-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
    .dash-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--good));border-radius:999px}
    .dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
    .dash-day{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:10px;display:grid;gap:4px;min-height:68px}
    .dash-day.done{border-color:rgba(82,210,115,.35);background:rgba(82,210,115,.10)}
    .dash-day b{color:#fff}
    .dash-day span{color:#aeb9c6;font-size:12px;font-weight:850}
    .next-pass-btn{width:max-content;border:0;background:linear-gradient(180deg,var(--accent),#bce100);color:#fff;border-radius:16px;padding:12px 14px;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(214,255,0,.20)}
    .library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:14px}
    .library-filters input,.library-filters select{border:1px solid var(--line);background:#0c1118;color:#fff;border-radius:16px;padding:12px 14px;font-weight:850}
    .test-card .test-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
    .test-stat{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:14px;padding:9px}
    .test-stat small{display:block;color:#9fb0c2;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;margin-bottom:5px}
    .test-stat b{color:#fff;font-size:18px}
    .test-delta{margin-top:8px;font-weight:950}
    .test-delta.good{color:#9effb8}
    .test-delta.neutral{color:#aeb9c6}
    .test-history{margin-top:8px;color:#aeb9c6;font-size:12px;line-height:1.35}
    @media(max-width:900px){
      .start-grid{grid-template-columns:1fr}
      .start-grid>.profile-panel,.start-grid>.progress-panel,.start-grid>.selector-panel,.start-grid>.passday-panel{grid-column:1}
      .dash-top{grid-template-columns:1fr}
      .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .library-filters{grid-template-columns:1fr}
      .test-card .test-stats{grid-template-columns:1fr}
    }

  
    /* v68: Apple-style calm premium start */
    .hero-premium{
      min-height:260px;
      padding:42px;
      grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:
        "top actions"
        "copy actions";
      align-items:start;
      background:
        radial-gradient(circle at 18% 10%, rgba(214,255,0,.18), transparent 30%),
        radial-gradient(circle at 84% 8%, rgba(82,210,115,.10), transparent 28%),
        linear-gradient(145deg, rgba(18,25,35,.94), rgba(8,12,18,.98));
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
    }
    .hero-premium::before{
      opacity:.55;
      transform:translateX(-45%);
      background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 42%, transparent 65%);
    }
    .hero-premium::after{
      width:420px;
      height:420px;
      right:-120px;
      bottom:-180px;
      background:radial-gradient(circle, rgba(214,255,0,.13), transparent 64%);
    }
    .hero-topline{
      align-items:center;
    }
    .app-mark{
      width:58px;
      height:58px;
      border-radius:20px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 28%),
        linear-gradient(180deg,#d6ff00,#bce100);
      box-shadow:0 18px 46px rgba(214,255,0,.26), inset 0 1px 0 rgba(255,255,255,.24);
    }
    .pill{
      border-color:rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:#d9e4ef;
      font-size:12px;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .hero-copy h1{
      font-size:clamp(48px,8vw,104px);
      line-height:.88;
      letter-spacing:-.085em;
      max-width:900px;
      margin:12px 0 0;
      color:#fff;
    }
    .hero-actions{
      align-self:start;
      gap:10px;
    }
    .hero-actions button{
      border-radius:999px;
      padding:12px 16px;
      background:rgba(255,255,255,.065);
      border-color:rgba(255,255,255,.12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
    }
    .hero-actions button:hover{
      transform:translateY(-1px);
      background:rgba(255,255,255,.10);
      border-color:rgba(214,255,0,.36);
      box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .start-grid{
      gap:16px;
    }
    .selector-panel,.progress-panel,.passday-panel{
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      border-color:rgba(255,255,255,.09);
    }
    .selector-panel:hover,.progress-panel:hover,.passday-panel:hover{
      transform:translateY(-2px);
      border-color:rgba(255,255,255,.15);
      background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
      box-shadow:0 24px 70px rgba(0,0,0,.30);
    }
    .section-title{
      color:#9fb2c6;
      letter-spacing:.11em;
    }
    .seg-btn,.profile-btn{
      border-radius:999px;
      background:rgba(255,255,255,.055);
      border-color:rgba(255,255,255,.10);
    }
    .seg-btn:hover,.profile-btn:hover{
      transform:translateY(-1px);
      background:rgba(255,255,255,.085);
      border-color:rgba(214,255,0,.34);
      box-shadow:0 12px 26px rgba(0,0,0,.18);
    }
    .seg-btn.active,.profile-btn.active{
      background:linear-gradient(180deg,rgba(214,255,0,.95),rgba(219,79,0,.95));
      border-color:rgba(255,255,255,.16);
    }
    .dash-title{
      font-size:clamp(24px,3.2vw,38px);
    }
    .day-card{
      border-color:rgba(255,255,255,.10);
      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));
    }
    .day-card:hover{
      transform:translateY(-3px);
      border-color:rgba(214,255,0,.38);
      box-shadow:0 28px 70px rgba(0,0,0,.36);
    }
    @media(max-width:900px){
      .hero-premium{
        padding:28px;
        min-height:220px;
      }
      .hero-copy h1{
        font-size:clamp(44px,13vw,72px);
        line-height:.9;
      }
      .hero-actions{
        width:100%;
      }
      .hero-actions button{
        flex:1;
      }
    }

  
    /* v68: consistent selector layout */
    .start-grid{
      grid-auto-flow:row;
      align-items:stretch;
    }
    .start-grid > .selector-panel{
      display:block;
      min-height:0;
    }
    .start-grid > .selector-panel .panel-pad{
      display:grid;
      grid-template-rows:auto 1fr;
      min-height:210px;
    }

    #stageButtons,
    #phaseButtons,
    #weekButtons{
      display:grid;
      gap:12px;
      align-content:start;
    }

    #stageButtons{
      grid-template-columns:1fr;
    }
    #phaseButtons{
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    #weekButtons{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .selector-panel .seg-btn{
      width:100%;
      min-height:56px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      white-space:normal;
      line-height:1.08;
      padding:12px 16px;
    }

    #stageButtons .seg-btn{
      min-height:54px;
    }

    /* Make the second row feel like one designed system */
    .start-grid > .selector-panel{
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
    }

    /* Cleaner profile buttons */
    .profile-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }
    .profile-btn{
      min-height:48px;
      min-width:86px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    @media(max-width:1200px){
      #phaseButtons{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media(max-width:900px){
      .start-grid > .selector-panel .panel-pad{
        min-height:0;
      }
      #stageButtons,
      #phaseButtons,
      #weekButtons{
        grid-template-columns:1fr 1fr;
      }
      #stageButtons{
        grid-template-columns:1fr;
      }
      .selector-panel .seg-btn{
        min-height:52px;
      }
    }

    @media(max-width:620px){
      #phaseButtons,
      #weekButtons{
        grid-template-columns:1fr;
      }
    }

  
    /* v68: NEXT-inspired home redesign */
    .home-hero{
      padding:26px 26px 22px;
      border-radius:30px;
      border:1px solid rgba(214,255,0,.14);
      background:
        radial-gradient(circle at 14% 0%, rgba(214,255,0,.18), transparent 26%),
        radial-gradient(circle at 88% 22%, rgba(214,255,0,.12), transparent 24%),
        linear-gradient(180deg, rgba(6,10,18,.98), rgba(7,12,20,.98));
      box-shadow:0 28px 84px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03);
      overflow:hidden;
      position:relative;
    }
    .home-hero::after{
      content:'';
      position:absolute;
      inset:auto -12% -35% auto;
      width:52%;
      height:92%;
      background:
        radial-gradient(circle at 30% 40%, rgba(214,255,0,.15), transparent 22%),
        linear-gradient(130deg, transparent 20%, rgba(214,255,0,.10) 21%, transparent 22%, transparent 37%, rgba(214,255,0,.08) 38%, transparent 39%);
      opacity:.42;
      pointer-events:none;
      filter:blur(1px);
    }
    .home-topbar{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:20px;
      align-items:center;
      position:relative;
      z-index:1;
    }
    .brand-lockup{display:grid;gap:3px}
    .next-wordmark{
      color:#fff;
      font-weight:1100;
      font-size:clamp(38px,4vw,54px);
      line-height:.8;
      letter-spacing:-.08em;
      font-style:italic;
    }
    .brand-sub{
      color:#dce3ed;
      font-size:13px;
      text-transform:none;
      letter-spacing:.14em;
      opacity:.92;
    }
    .home-nav,.home-tools{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .home-nav{justify-content:center}
    .nav-link,.utility-pill{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.035);
      color:#eef3f8;
      border-radius:18px;
      padding:12px 16px;
      font-weight:900;
      cursor:pointer;
      transition:all .18s ease;
    }
    .nav-link:hover,.utility-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(214,255,0,.35);
      background:rgba(255,255,255,.06);
    }
    .utility-pill.active{
      border-color:rgba(214,255,0,.65);
      color:#d6ff00;
      box-shadow:0 0 0 1px rgba(214,255,0,.28) inset, 0 18px 34px rgba(214,255,0,.08);
    }
    .showcase-grid{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
      gap:24px;
      margin-top:18px;
      position:relative;
      z-index:1;
      align-items:stretch;
    }
    .showcase-copy{
      padding:18px 4px 4px;
      min-height:340px;
      display:grid;
      align-content:center;
      position:relative;
      overflow:hidden;
    }
    .showcase-copy::after{
      content:'';
      position:absolute;
      right:0;
      bottom:0;
      width:56%;
      height:96%;
      background:
        radial-gradient(circle at 50% 16%, rgba(255,255,255,.13), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 40%);
      opacity:.20;
      border-radius:38% 38% 18% 18% / 26% 26% 12% 12%;
      filter:blur(12px);
      pointer-events:none;
    }
    .showcase-copy h1{
      margin:0;
      font-size:clamp(56px,8vw,102px);
      line-height:.9;
      letter-spacing:-.09em;
      color:#fff;
      max-width:660px;
    }
    .showcase-copy h1 span{color:#d6ff00}
    .showcase-benefits{
      margin-top:26px;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
      max-width:760px;
    }
    .benefit{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      border-radius:20px;
      padding:14px 14px 15px;
      backdrop-filter:blur(3px);
    }
    .benefit b{
      display:block;
      color:#eef3f8;
      font-size:18px;
      margin-bottom:3px;
      letter-spacing:-.03em;
    }
    .benefit span{
      color:#a9b6c4;
      font-size:14px;
      line-height:1.35;
    }
    .hero-dashboard-panel{
      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
      border-color:rgba(214,255,0,.18);
      box-shadow:0 24px 80px rgba(0,0,0,.32);
    }
    .quickstats-panel{
      grid-column:span 7;
    }
    .start-grid>.profile-panel{grid-column:span 5}
    .quick-stats-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:14px;
    }
    .stat-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
      border-radius:24px;
      padding:16px;
      min-height:164px;
      display:grid;
      gap:10px;
      align-content:start;
    }
    .stat-card::after{
      content:'';
      position:absolute;
      right:-18px;
      top:-18px;
      width:92px;
      height:92px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(214,255,0,.12), transparent 62%);
      pointer-events:none;
    }
    .stat-card .kicker{
      color:#c6d3df;
      text-transform:uppercase;
      letter-spacing:.09em;
      font-size:12px;
      font-weight:900;
    }
    .stat-card .big{
      color:#fff;
      font-size:clamp(28px,3vw,52px);
      line-height:.95;
      letter-spacing:-.05em;
      font-weight:1100;
    }
    .stat-card .sub{
      color:#aab8c6;
      font-size:14px;
      line-height:1.35;
    }
    .stat-card .accent{
      color:#d6ff00;
      font-weight:1000;
    }
    .stat-card .cta{
      margin-top:auto;
      border-top:1px solid rgba(255,255,255,.08);
      padding-top:10px;
      color:#e6eff7;
      font-weight:850;
      font-size:14px;
    }

    /* Re-skin dashboard block inside hero */
    #progressDashboard .dash-top{
      display:grid;
      grid-template-columns:1fr auto;
      gap:12px;
      align-items:start;
      margin-bottom:8px;
    }
    #progressDashboard .dash-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#d6ff00;
      font-size:14px;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-weight:950;
    }
    #progressDashboard .dash-title{
      font-size:clamp(34px,4vw,56px);
      letter-spacing:-.06em;
      line-height:.94;
      margin-top:10px;
      color:#fff;
    }
    #progressDashboard .dash-sub{
      color:#dbe5ef;
      font-size:22px;
      letter-spacing:-.03em;
      margin-top:6px;
    }
    #progressDashboard .dash-pill{
      background:rgba(214,255,0,.10);
      color:#d6ff00;
      border-color:rgba(214,255,0,.24);
      font-size:13px;
      border-radius:999px;
      padding:10px 12px;
    }
    #progressDashboard .dash-meta{
      display:flex;
      gap:22px;
      flex-wrap:wrap;
      color:#d5dfea;
      font-size:16px;
      margin:10px 0 18px;
    }
    #progressDashboard .dash-meta b{color:#fff}
    #progressDashboard .next-pass-btn{
      width:100%;
      margin:10px 0 16px;
      min-height:62px;
      border-radius:18px;
      background:linear-gradient(180deg,#d6ff00,#bce100);
      color:#091018;
      font-size:18px;
      font-weight:1100;
      box-shadow:0 20px 40px rgba(214,255,0,.13);
    }
    #progressDashboard .dash-progress{
      gap:10px;
      margin-top:12px;
    }
    #progressDashboard .dash-row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      color:#e6eff7;
      font-weight:850;
      font-size:17px;
    }
    #progressDashboard .dash-bar{
      height:14px;
      background:rgba(255,255,255,.10);
    }
    #progressDashboard .dash-bar span{
      background:linear-gradient(90deg,#d6ff00,#c8f300);
    }
    #progressDashboard .dash-grid{
      grid-template-columns:repeat(4,minmax(0,1fr));
      margin-top:16px;
    }
    #progressDashboard .dash-day{
      min-height:74px;
      background:rgba(255,255,255,.04);
      border-radius:18px;
      padding:12px;
    }

    @media(max-width:1200px){
      .showcase-grid{grid-template-columns:1fr}
      .quickstats-panel,.start-grid>.profile-panel{grid-column:1/-1}
      .quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      #progressDashboard .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:900px){
      .home-topbar{
        grid-template-columns:1fr;
        justify-items:start;
      }
      .home-nav,.home-tools{justify-content:flex-start}
      .showcase-copy{min-height:0;padding:6px 0}
      .showcase-copy h1{font-size:clamp(44px,13vw,72px)}
      .showcase-benefits{grid-template-columns:1fr}
      .quick-stats-grid{grid-template-columns:1fr}
    }

  
    /* v68: move profile/program selection out of home + lime interaction system */
    :root{--lime:#d6ff00;--lime2:#bce100;--limeSoft:rgba(214,255,0,.12)}
    .home-only-grid{
      grid-template-columns:1fr;
    }
    .home-quickstats{
      grid-column:1/-1;
    }
    .profile-config-panel{
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      border-color:rgba(214,255,0,.12);
    }
    .profile-config-grid{
      display:grid;
      grid-template-columns:repeat(12,minmax(0,1fr));
      gap:16px;
      margin-top:18px;
      align-items:stretch;
    }
    .profile-config-grid>.profile-panel{grid-column:span 5}
    .profile-config-grid>.selector-panel:nth-of-type(2){grid-column:span 7}
    .profile-config-grid>.selector-panel:nth-of-type(3){grid-column:span 4}
    .profile-config-grid>.selector-panel:nth-of-type(4){grid-column:span 4}
    .profile-config-grid>.passday-panel{grid-column:1/-1}

    .seg-btn.active,
    .profile-btn.active,
    .day-start,
    .next-pass-btn,
    #progressDashboard .next-pass-btn{
      background:linear-gradient(180deg,var(--lime),var(--lime2))!important;
      color:#071018!important;
      border-color:rgba(214,255,0,.55)!important;
      box-shadow:0 18px 38px rgba(214,255,0,.16), inset 0 1px 0 rgba(255,255,255,.28)!important;
    }
    .seg-btn:hover,
    .profile-btn:hover,
    .day-actions button:hover,
    .stat-card:hover,
    .day-card:hover{
      border-color:rgba(214,255,0,.46)!important;
      box-shadow:0 18px 42px rgba(214,255,0,.08), 0 18px 42px rgba(0,0,0,.20)!important;
    }
    .day-overview{
      border-color:rgba(214,255,0,.18)!important;
      background:rgba(214,255,0,.055)!important;
      color:#efffd2!important;
    }
    .done-badge,
    .dash-pill{
      border-color:rgba(214,255,0,.34)!important;
      background:rgba(214,255,0,.10)!important;
      color:#efffd2!important;
    }
    .dash-bar span,
    .progress-bar{
      background:linear-gradient(90deg,var(--lime),var(--lime2))!important;
    }
    .stat-card .accent,
    .showcase-copy h1 span,
    #progressDashboard .dash-kicker,
    .utility-pill.active{
      color:var(--lime)!important;
    }
    .stat-card::after{
      background:radial-gradient(circle, rgba(214,255,0,.16), transparent 62%)!important;
    }
    .utility-pill.active{
      border-color:rgba(214,255,0,.65)!important;
      box-shadow:0 0 0 1px rgba(214,255,0,.28) inset, 0 18px 34px rgba(214,255,0,.08)!important;
    }
    .profile-config-grid .selector-panel .panel-pad{
      min-height:160px;
    }
    @media(max-width:1200px){
      .profile-config-grid{grid-template-columns:1fr}
      .profile-config-grid>.profile-panel,
      .profile-config-grid>.selector-panel,
      .profile-config-grid>.passday-panel{grid-column:1/-1!important}
    }

  
    /* v68: final lime system + progress insight cards */
    .seg-btn.active,
    .profile-btn.active,
    .day-start,
    .next-pass-btn,
    #progressDashboard .next-pass-btn,
    .main-btn.sound-start,
    .timer-controls .main-btn{
      color:#071018!important;
    }
    .main-btn{
      background:linear-gradient(180deg,var(--lime),var(--lime2))!important;
      color:#071018!important;
      border-color:rgba(214,255,0,.55)!important;
    }
    .ghost-btn,
    .day-overview,
    .nav-link,
    .utility-pill{
      border-color:rgba(214,255,0,.18)!important;
    }
    .tag.orange{
      background:linear-gradient(180deg,rgba(214,255,0,.16),rgba(214,255,0,.07))!important;
      border-color:rgba(214,255,0,.32)!important;
      color:#efffd2!important;
    }
    .num{
      background:rgba(214,255,0,.13)!important;
      color:#efffd2!important;
    }
    .meta,
    .day-card small{
      color:#d6ff00!important;
    }
    .progress-stat .big{
      font-size:clamp(34px,4.2vw,58px);
    }
    .mini-progress{
      height:10px;
      border-radius:999px;
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.06);
      overflow:hidden;
      margin-top:4px;
    }
    .mini-progress span{
      display:block;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg,var(--lime),var(--lime2));
    }

  
    /* v68: dynamic profiles + clearer selected athlete */
    .profile-btn.add-profile{
      border-style:dashed!important;
      background:rgba(214,255,0,.055)!important;
      color:#efffd2!important;
    }
    .dash-athlete{
      display:inline-flex;
      width:max-content;
      margin-top:8px;
      border:1px solid rgba(214,255,0,.26);
      background:rgba(214,255,0,.08);
      color:#efffd2;
      border-radius:999px;
      padding:7px 10px;
      font-size:13px;
      font-weight:950;
      letter-spacing:.02em;
    }
    #profileTopBtn{
      min-width:max-content;
    }

  
    /* v68: clearer weekly pass completion */
    #progressDashboard .dash-week-summary{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin:18px 0 12px;
    }
    #progressDashboard .dash-week-title{
      color:#efffd2;
      font-size:16px;
      font-weight:950;
      letter-spacing:.01em;
    }
    #progressDashboard .dash-week-count{
      color:#d6ff00;
      font-size:15px;
      font-weight:1000;
      border:1px solid rgba(214,255,0,.24);
      background:rgba(214,255,0,.08);
      border-radius:999px;
      padding:8px 12px;
      white-space:nowrap;
    }
    #progressDashboard .dash-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:0;
    }
    #progressDashboard .dash-day{
      min-height:122px;
      padding:14px;
      display:grid;
      grid-template-rows:auto 1fr auto;
      gap:10px;
      align-content:stretch;
      border-radius:20px;
      transition:all .18s ease;
    }
    #progressDashboard .dash-day-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }
    #progressDashboard .dash-day-top b{
      font-size:26px;
      line-height:1;
      letter-spacing:-.04em;
      color:#fff;
    }
    #progressDashboard .dash-day-state{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      padding:6px 10px;
      font-size:12px;
      font-weight:1000;
      white-space:nowrap;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);
      color:#dbe5ef;
    }
    #progressDashboard .dash-day-state.done{
      border-color:rgba(214,255,0,.30);
      background:rgba(214,255,0,.12);
      color:#efffd2;
    }
    #progressDashboard .dash-day-state.todo{
      border-color:rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);
      color:#dbe5ef;
    }
    #progressDashboard .dash-day-icon{
      font-size:34px;
      line-height:1;
      font-weight:1100;
      color:#d6ff00;
      opacity:.98;
    }
    #progressDashboard .dash-day.todo .dash-day-icon{
      color:#8fa0b2;
      opacity:.8;
    }
    #progressDashboard .dash-day-sub{
      color:#b7c3d0;
      font-size:14px;
      line-height:1.25;
      font-weight:850;
    }
    #progressDashboard .dash-day.done{
      border-color:rgba(214,255,0,.30);
      background:linear-gradient(180deg, rgba(214,255,0,.11), rgba(255,255,255,.04));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    #progressDashboard .dash-day.todo{
      border-color:rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
    }
    @media(max-width:1200px){
      #progressDashboard .dash-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media(max-width:760px){
      #progressDashboard .dash-grid{
        grid-template-columns:1fr;
      }
      #progressDashboard .dash-day{
        min-height:112px;
      }
      #progressDashboard .dash-day-top b{
        font-size:22px;
      }
    }

  
    /* v68: cleaner weekly cards without duplicate helper text */
    #progressDashboard .dash-day{
      grid-template-rows:auto 1fr;
      min-height:104px;
      align-content:center;
    }
    #progressDashboard .dash-day-icon{
      align-self:end;
    }
    #progressDashboard .dash-day-sub{
      display:none!important;
    }
    @media(max-width:760px){
      #progressDashboard .dash-day{
        min-height:96px;
      }
    }