.glass-design{
 --bg:#070811;
 --panel:rgba(25,29,47,.64);
 --panel2:rgba(13,17,30,.56);
 --line:rgba(255,255,255,.13);
 --text:#fff;
 --muted:#aeb7ca;
 --yellow:#ffd84a;
}
.glass-design body{
 background:
  radial-gradient(circle at 8% 2%,rgba(121,82,255,.25),transparent 30%),
  radial-gradient(circle at 92% 18%,rgba(38,181,255,.17),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(255,190,46,.12),transparent 34%),
  linear-gradient(150deg,#070811 0%,#0b1020 48%,#090b14 100%);
 background-attachment:fixed;
}
.glass-design body::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
 background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 38%,rgba(255,255,255,.018));
}
.glass-design .app{max-width:1120px;padding:22px}
.glass-design h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.4px}
.glass-design h2{letter-spacing:-.55px}
.glass-design .card,
.glass-design .level-card,
.glass-design .stat,
.glass-design .exercise-item,
.glass-design .auto-mode,
.glass-design .field input,
.glass-design .field select,
.glass-design .day,
.glass-design .mode-test-box,
.glass-design .variant-test-box,
.glass-design .level-test-box{
 border-color:rgba(255,255,255,.13);
 background:linear-gradient(145deg,rgba(31,37,59,.72),rgba(13,17,29,.56));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 55px rgba(0,0,0,.24);
 backdrop-filter:blur(24px) saturate(140%);
 -webkit-backdrop-filter:blur(24px) saturate(140%);
}
.glass-design .card{border-radius:28px;padding:19px}
.glass-design .level-card{
 border-radius:28px;padding:20px 22px;
 background:
  radial-gradient(circle at 8% 50%,rgba(255,216,74,.22),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(121,82,255,.22),transparent 32%),
  linear-gradient(130deg,rgba(36,42,65,.82),rgba(13,18,31,.62));
}
.glass-design .level-ring{
 background:conic-gradient(var(--yellow) var(--level-progress),rgba(255,255,255,.14) 0);
 box-shadow:0 0 0 6px rgba(255,216,74,.08),0 0 34px rgba(255,216,74,.25);
}
.glass-design .level-ring::before{background:rgba(7,10,19,.92)}
.glass-design .level-card::after{
 border-color:rgba(255,255,255,.12);
 box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 42px rgba(121,82,255,.035);
}
.glass-design .stats{gap:12px}
.glass-design .stat{
 position:relative;overflow:hidden;padding:15px 16px;border-radius:20px;
 transition:transform .18s ease,border-color .18s ease;
}
.glass-design .stat::after{content:none}
.glass-design .stat-value{font-size:32px;letter-spacing:-1px}
.glass-design .primary,
.glass-design .round-select input:checked+label{
 color:#241c00;
 background:linear-gradient(135deg,#ffe66f 0%,#ffc928 52%,#ffb91e 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 30px rgba(255,196,31,.22);
}
.glass-design .dashboard-start{border-radius:20px}
.glass-design .secondary{
 border-color:rgba(255,255,255,.14);
 background:linear-gradient(145deg,rgba(55,65,94,.76),rgba(30,37,58,.68));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.glass-design .cycle-item{
 background:rgba(8,12,23,.52);border-color:rgba(255,255,255,.12);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.glass-design .xp-summary-item,
.glass-design .quest-card,
.glass-design .achievement-card{
 background:rgba(8,12,23,.52);border-color:rgba(255,255,255,.12);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.glass-design .cycle-item.active{
 border-color:rgba(255,216,74,.8);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 22px rgba(255,216,74,.11);
}
.glass-design .bottom-nav{
 left:50%;right:auto;bottom:14px;transform:translateX(-50%);
 width:min(680px,calc(100% - 28px));border:1px solid rgba(255,255,255,.14);
 border-radius:23px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
 background:rgba(13,17,29,.72);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.38);
 backdrop-filter:blur(28px) saturate(150%);
 -webkit-backdrop-filter:blur(28px) saturate(150%);
}
.glass-design .bottom-nav button{border-radius:15px;transition:background .18s ease,color .18s ease,transform .12s ease}
.glass-design .bottom-nav button.active{background:rgba(255,216,74,.11)}
.glass-design .exercise-item{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.12)}
.glass-design .exercise-variant-value,
.glass-design .variant-picker-value,
.glass-design .round-select label{
 background:rgba(7,11,21,.56);border-color:rgba(255,255,255,.12);
}
.glass-design .stage{
 background:
  radial-gradient(circle at 28% 65%,rgba(255,216,74,.09),transparent 32%),
  radial-gradient(circle at 78% 12%,rgba(121,82,255,.18),transparent 30%),
  linear-gradient(145deg,#080b16,#111a2a);
}
.glass-design .stage.transition-screen{
 background:
  radial-gradient(circle at 80% 12%,rgba(255,255,255,.38),transparent 30%),
  linear-gradient(145deg,#ffca29,#ffe783);
}
.glass-design button:hover{filter:brightness(1.08)}
@media (min-width:760px){
 .glass-design .stat:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)}
}
@media (max-width:700px){
 .glass-design .app{padding:14px}
 .glass-design .card{border-radius:23px;padding:15px}
 .glass-design .bottom-nav{bottom:8px;width:calc(100% - 18px)}
}
.glass-design #setup>.card,
.glass-design #exerciseLibraryView>.card{
 padding:0;border:0;background:transparent;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}

/* Navy: original dark blue and yellow in the new glass system */
.glass-design.glass-navy body{
 background:
  radial-gradient(circle at 10% 0%,rgba(36,104,190,.22),transparent 30%),
  radial-gradient(circle at 92% 18%,rgba(31,74,134,.17),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(255,210,31,.09),transparent 34%),
  linear-gradient(150deg,#050912 0%,#0b1626 48%,#070b13 100%);
}
.glass-design.glass-navy .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(255,210,31,.20),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(40,104,190,.20),transparent 32%),
  linear-gradient(130deg,rgba(29,47,73,.84),rgba(11,23,39,.66));
}
.glass-design.glass-navy .card,
.glass-design.glass-navy .stat,
.glass-design.glass-navy .exercise-item,
.glass-design.glass-navy .auto-mode,
.glass-design.glass-navy .field input,
.glass-design.glass-navy .field select,
.glass-design.glass-navy .day,
.glass-design.glass-navy .mode-test-box,
.glass-design.glass-navy .variant-test-box,
.glass-design.glass-navy .level-test-box{
 border-color:rgba(132,169,219,.16);
 background:linear-gradient(145deg,rgba(27,43,66,.74),rgba(10,20,35,.62));
 box-shadow:inset 0 1px 0 rgba(205,226,255,.065),0 22px 55px rgba(0,0,0,.26);
}
.glass-design.glass-navy .stat,
.glass-design.glass-navy .exercise-item{
 background:
  radial-gradient(circle at 100% 0%,rgba(50,112,196,.15),transparent 39%),
  linear-gradient(145deg,rgba(29,47,73,.82),rgba(11,22,38,.70));
}
.glass-design.glass-navy .secondary{
 border-color:rgba(132,169,219,.19);
 background:linear-gradient(145deg,rgba(48,70,101,.80),rgba(25,40,63,.74));
 box-shadow:inset 0 1px 0 rgba(205,226,255,.07);
}
.glass-design.glass-navy .exercise-variant-value,
.glass-design.glass-navy .variant-picker-value,
.glass-design.glass-navy .round-select label,
.glass-design.glass-navy .cycle-item{
 background:rgba(7,17,31,.64);
 border-color:rgba(132,169,219,.16);
}
.glass-design.glass-navy .bottom-nav{
 background:rgba(8,17,30,.78);
 border-color:rgba(132,169,219,.16);
}
.glass-design.glass-navy .bottom-nav button.active{background:rgba(255,210,31,.10)}
.glass-design.glass-navy .navbtn{
 background:rgba(22,40,65,.94);
 box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(205,226,255,.07);
}
.glass-design.glass-navy .stage{
 background:
  radial-gradient(circle at 28% 65%,rgba(255,210,31,.075),transparent 32%),
  radial-gradient(circle at 78% 12%,rgba(40,104,190,.15),transparent 30%),
  linear-gradient(145deg,#07101d,#11233a);
}
.glass-design.glass-navy .stage.transition-screen{
 color:#fff;
 background:
  radial-gradient(circle at 28% 65%,rgba(255,210,31,.10),transparent 32%),
  radial-gradient(circle at 78% 12%,rgba(40,104,190,.20),transparent 30%),
  linear-gradient(145deg,#07101d,#11233a);
}
.glass-design.glass-navy .stage.transition-screen .headline{color:#fff}
.glass-design.glass-navy .stage.transition-screen .kicker,
.glass-design.glass-navy .stage.transition-screen .next-variant-line{color:#b8c5d8}
.glass-design.glass-navy .stage .prep-title,
.glass-design.glass-navy .stage .variant-name,
.glass-design.glass-navy .stage.transition-screen .done-variant-line,
.glass-design.glass-navy .stage.transition-screen .rating-question,
.glass-design.glass-navy .stage.transition-screen .big-count{color:#fff}
.glass-design.glass-navy .stage .topline,
.glass-design.glass-navy .stage .workout-progress{color:#fff}
.glass-design.glass-navy .stage.transition-screen .variant-kicker{color:#b8c5d8}
.glass-design.glass-navy .stage.transition-screen .round-check.pending,
.glass-design.glass-navy .stage.transition-screen .round-check.skipped{
 color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.06);
}
.glass-design.glass-navy .stage.transition-screen .rest-clock{
 color:#fff;background:rgba(5,12,23,.68);border-color:var(--yellow);
}
.glass-design.glass-navy .modal{
 border:1px solid rgba(132,169,219,.18);
 background:linear-gradient(145deg,rgba(25,42,65,.96),rgba(9,19,33,.96));
 box-shadow:inset 0 1px 0 rgba(205,226,255,.07),0 30px 80px rgba(0,0,0,.5);
}
.glass-design.glass-navy .modal-backdrop{
 background:rgba(3,7,13,.76);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}

/* Ocean: calm, clean and technical */
.glass-design.glass-ocean{
 --yellow:#55e6ff;
}
.glass-design.glass-ocean body{
 background:
  radial-gradient(circle at 8% 2%,rgba(0,184,255,.27),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(32,111,255,.23),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(44,231,218,.12),transparent 34%),
  linear-gradient(150deg,#04101a 0%,#07172a 48%,#050d18 100%);
}
.glass-design.glass-ocean .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(85,230,255,.22),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(32,111,255,.24),transparent 32%),
  linear-gradient(130deg,rgba(21,51,72,.84),rgba(7,25,42,.66));
}
.glass-design.glass-ocean .level-ring{
 border-color:#55e6ff;
 box-shadow:0 0 0 6px rgba(85,230,255,.08),0 0 34px rgba(85,230,255,.25);
}
.glass-design.glass-ocean .primary,
.glass-design.glass-ocean .round-select input:checked+label{
 color:#021a20;
 background:linear-gradient(135deg,#90f4ff 0%,#55e6ff 52%,#25c9ef 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 30px rgba(37,201,239,.22);
}
.glass-design.glass-ocean .stat::after{background:rgba(0,184,255,.14)}
.glass-design.glass-ocean .stat:nth-child(2n)::after{background:rgba(44,231,218,.12)}

/* Ember: warm, energetic and premium */
.glass-design.glass-ember{
 --yellow:#ff9c63;
}
.glass-design.glass-ember body{
 background:
  radial-gradient(circle at 8% 2%,rgba(255,92,97,.24),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(178,67,255,.18),transparent 30%),
  radial-gradient(circle at 54% 96%,rgba(255,156,99,.14),transparent 34%),
  linear-gradient(150deg,#12080c 0%,#1b0d1c 48%,#0d0911 100%);
}
.glass-design.glass-ember .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(255,156,99,.24),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(178,67,255,.21),transparent 32%),
  linear-gradient(130deg,rgba(67,29,43,.84),rgba(27,13,28,.66));
}
.glass-design.glass-ember .level-ring{
 border-color:#ffae76;
 box-shadow:0 0 0 6px rgba(255,156,99,.08),0 0 34px rgba(255,92,97,.24);
}
.glass-design.glass-ember .primary,
.glass-design.glass-ember .round-select input:checked+label{
 color:#2d0b09;
 background:linear-gradient(135deg,#ffc08c 0%,#ff9565 50%,#ff686c 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 12px 30px rgba(255,104,108,.22);
}
.glass-design.glass-ember .card,
.glass-design.glass-ember .stat,
.glass-design.glass-ember .exercise-item,
.glass-design.glass-ember .auto-mode,
.glass-design.glass-ember .field input,
.glass-design.glass-ember .field select,
.glass-design.glass-ember .day,
.glass-design.glass-ember .mode-test-box,
.glass-design.glass-ember .variant-test-box,
.glass-design.glass-ember .level-test-box{
 border-color:rgba(255,151,120,.14);
 background:linear-gradient(145deg,rgba(45,33,39,.76),rgba(20,16,21,.64));
 box-shadow:inset 0 1px 0 rgba(255,215,199,.065),0 22px 55px rgba(0,0,0,.27);
}
.glass-design.glass-ember .stat{
 background:
  radial-gradient(circle at 100% 0%,rgba(255,104,108,.14),transparent 40%),
  linear-gradient(145deg,rgba(51,35,42,.82),rgba(22,16,21,.70));
}
.glass-design.glass-ember .exercise-item{
 border-color:rgba(255,151,120,.22);
 background:
  radial-gradient(circle at 100% 0%,rgba(255,104,108,.14),transparent 38%),
  linear-gradient(145deg,rgba(51,35,42,.82),rgba(22,16,21,.70));
 box-shadow:inset 0 1px 0 rgba(255,215,199,.075),0 12px 30px rgba(0,0,0,.20);
}
.glass-design.glass-ember .exercise-item:hover{
 border-color:rgba(255,151,120,.34);
 transform:translateY(-1px);
}
.glass-design.glass-ember .secondary{
 border-color:rgba(255,151,120,.17);
 background:linear-gradient(145deg,rgba(72,49,58,.82),rgba(39,28,35,.76));
 box-shadow:inset 0 1px 0 rgba(255,215,199,.075);
}
.glass-design.glass-ember .secondary:hover{border-color:rgba(255,151,120,.3)}
.glass-design.glass-ember .exercise-variant-value,
.glass-design.glass-ember .variant-picker-value,
.glass-design.glass-ember .round-select label{
 background:rgba(20,12,17,.68);
 border-color:rgba(255,151,120,.15);
}
.glass-design.glass-ember .cycle-item{
 background:rgba(20,12,17,.62);
 border-color:rgba(255,151,120,.13);
}
.glass-design.glass-ember .cycle-item.active{
 border-color:rgba(255,112,108,.78);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(255,104,108,.13);
}
.glass-design.glass-ember .bottom-nav{
 background:rgba(23,15,21,.78);
 border-color:rgba(255,151,120,.15);
}
.glass-design.glass-ember .bottom-nav button.active{background:rgba(255,104,108,.11)}
.glass-design.glass-ember .navbtn{
 background:rgba(47,29,38,.94);
 box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,215,199,.07);
}
.glass-design.glass-ember .stage{
 background:
  radial-gradient(circle at 28% 65%,rgba(255,156,99,.09),transparent 32%),
  radial-gradient(circle at 78% 12%,rgba(178,67,255,.11),transparent 30%),
  linear-gradient(145deg,#120a10,#25121e);
}
.glass-design.glass-ember .modal{
 border:1px solid rgba(255,151,120,.16);
 background:linear-gradient(145deg,rgba(47,32,40,.96),rgba(20,14,20,.96));
 box-shadow:inset 0 1px 0 rgba(255,215,199,.07),0 30px 80px rgba(0,0,0,.5);
}
.glass-design.glass-ember .modal-backdrop{
 background:rgba(7,3,7,.74);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}
.glass-design.glass-ember .modal-close{
 background:rgba(255,255,255,.07);
 border-color:rgba(255,151,120,.16);
}
.glass-design.glass-ember .library-counter,
.glass-design.glass-ember .mode-test-status{
 color:#ffc0a1;
}
.glass-design.glass-ember .calendar-grid .day:not(.empty):hover{
 border-color:rgba(255,151,120,.28);
 transform:translateY(-1px);
}
.glass-design.glass-ember .day.done{
 border-color:rgba(255,104,108,.72);
 box-shadow:inset 0 0 0 1px rgba(255,104,108,.12),0 0 20px rgba(255,104,108,.08);
}
.glass-design.glass-ember .danger-reset{
 border-color:rgba(255,91,103,.38);
 background:linear-gradient(145deg,rgba(86,33,45,.8),rgba(54,24,33,.82));
}
.glass-design.glass-ember input:focus,
.glass-design.glass-ember select:focus{
 outline:2px solid rgba(255,104,108,.42);
 outline-offset:1px;
}
.glass-design.glass-ember .stat::after{background:rgba(255,92,97,.14)}
.glass-design.glass-ember .stat:nth-child(2n)::after{background:rgba(178,67,255,.12)}

@media (min-width:701px){
 .glass-design.glass-ember .setup-grid>section:last-child .settings{
  position:sticky;top:22px;
 }
}

/* Volt: dark, sporty and high-energy */
.glass-design.glass-volt{
 --yellow:#bdf34d;
}
.glass-design.glass-volt body{
 background:
  radial-gradient(circle at 8% 2%,rgba(121,243,77,.19),transparent 30%),
  radial-gradient(circle at 92% 18%,rgba(34,211,153,.14),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(189,243,77,.10),transparent 34%),
  linear-gradient(150deg,#070b09 0%,#101713 48%,#080b0a 100%);
}
.glass-design.glass-volt .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(189,243,77,.20),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(34,211,153,.17),transparent 32%),
  linear-gradient(130deg,rgba(31,49,39,.84),rgba(12,23,18,.68));
}
.glass-design.glass-volt .level-ring{
 border-color:#bdf34d;
 box-shadow:0 0 0 6px rgba(189,243,77,.08),0 0 34px rgba(189,243,77,.23);
}
.glass-design.glass-volt .primary,
.glass-design.glass-volt .round-select input:checked+label{
 color:#142400;
 background:linear-gradient(135deg,#dbff83 0%,#bdf34d 52%,#8fdc36 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 30px rgba(143,220,54,.2);
}
.glass-design.glass-volt .card,
.glass-design.glass-volt .stat,
.glass-design.glass-volt .exercise-item,
.glass-design.glass-volt .auto-mode,
.glass-design.glass-volt .field input,
.glass-design.glass-volt .field select,
.glass-design.glass-volt .day,
.glass-design.glass-volt .mode-test-box,
.glass-design.glass-volt .variant-test-box,
.glass-design.glass-volt .level-test-box{
 border-color:rgba(255,255,255,.13);
 background:linear-gradient(145deg,rgba(38,40,43,.74),rgba(15,17,18,.62));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 22px 55px rgba(0,0,0,.26);
}
.glass-design.glass-volt .secondary{
 border-color:rgba(255,255,255,.15);
 background:linear-gradient(145deg,rgba(55,58,63,.78),rgba(29,31,34,.74));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
}
.glass-design.glass-volt .exercise-variant-value,
.glass-design.glass-volt .variant-picker-value,
.glass-design.glass-volt .round-select label{
 background:rgba(10,11,12,.68);
 border-color:rgba(255,255,255,.13);
}
.glass-design.glass-volt .cycle-item{
 background:rgba(10,11,12,.62);
 border-color:rgba(255,255,255,.13);
}
.glass-design.glass-volt .bottom-nav{
 background:rgba(12,13,14,.80);
 border-color:rgba(255,255,255,.14);
}
.glass-design.glass-volt .bottom-nav button.active{background:rgba(189,243,77,.10)}
.glass-design.glass-volt .navbtn{
 background:rgba(31,33,35,.94);
 box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07);
}
.glass-design.glass-volt .stage{
 background:
  radial-gradient(circle at 28% 65%,rgba(189,243,77,.075),transparent 32%),
  linear-gradient(145deg,#080909,#17191a);
}
.glass-design.glass-volt .stat{
 border-color:rgba(189,243,77,.22);
 background:
  radial-gradient(circle at 100% 0%,rgba(189,243,77,.13),transparent 38%),
  linear-gradient(145deg,rgba(39,43,38,.80),rgba(15,17,16,.68));
}
.glass-design.glass-volt .stat::after{background:rgba(189,243,77,.14)}
.glass-design.glass-volt .stat:nth-child(2n)::after{background:rgba(189,243,77,.10)}

/* Frost: neutral, restrained and very Apple-like */
.glass-design.glass-frost{
 --yellow:#dce8ff;
 --muted:#b5bfd0;
}
.glass-design.glass-frost body{
 background:
  radial-gradient(circle at 8% 2%,rgba(178,199,235,.19),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(113,143,196,.17),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(255,255,255,.08),transparent 34%),
  linear-gradient(150deg,#0a0d13 0%,#141a24 48%,#090c12 100%);
}
.glass-design.glass-frost .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(220,232,255,.17),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(113,143,196,.17),transparent 32%),
  linear-gradient(130deg,rgba(48,57,72,.82),rgba(17,22,31,.68));
}
.glass-design.glass-frost .level-ring{
 border-color:#dce8ff;
 box-shadow:0 0 0 6px rgba(220,232,255,.07),0 0 34px rgba(178,199,235,.2);
}
.glass-design.glass-frost .primary,
.glass-design.glass-frost .round-select input:checked+label{
 color:#111720;
 background:linear-gradient(135deg,#f7faff 0%,#dce8ff 52%,#b5c8ea 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 12px 30px rgba(178,199,235,.18);
}
.glass-design.glass-frost .stat::after{background:rgba(220,232,255,.1)}
.glass-design.glass-frost .stat:nth-child(2n)::after{background:rgba(113,143,196,.1)}

/* Royal: luxurious violet with electric pink */
.glass-design.glass-royal{
 --yellow:#ff70dc;
}
.glass-design.glass-royal body{
 background:
  radial-gradient(circle at 8% 2%,rgba(119,65,255,.3),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(255,65,190,.2),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(90,72,255,.15),transparent 34%),
  linear-gradient(150deg,#0c0717 0%,#160b2c 48%,#0c0715 100%);
}
.glass-design.glass-royal .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(255,112,220,.2),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(119,65,255,.27),transparent 32%),
  linear-gradient(130deg,rgba(55,31,87,.84),rgba(25,12,48,.68));
}
.glass-design.glass-royal .level-ring{
 border-color:#ff70dc;
 box-shadow:0 0 0 6px rgba(255,112,220,.08),0 0 34px rgba(255,65,190,.25);
}
.glass-design.glass-royal .primary,
.glass-design.glass-royal .round-select input:checked+label{
 color:#2b0825;
 background:linear-gradient(135deg,#ffb0ec 0%,#ff70dc 50%,#da4cff 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 30px rgba(255,65,190,.23);
}
.glass-design.glass-royal .stat::after{background:rgba(119,65,255,.16)}
.glass-design.glass-royal .stat:nth-child(2n)::after{background:rgba(255,65,190,.13)}

/* Arctic: bright glass with crisp blue accents */
.glass-design.glass-arctic{
 --bg:#edf3fb;
 --panel:rgba(255,255,255,.56);
 --panel2:rgba(239,246,255,.54);
 --line:rgba(39,68,105,.16);
 --text:#112039;
 --muted:#63748a;
 --yellow:#1677ff;
}
.glass-design.glass-arctic body{
 color:var(--text);
 background:
  radial-gradient(circle at 8% 2%,rgba(52,151,255,.24),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(112,97,255,.17),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(34,211,238,.13),transparent 34%),
  linear-gradient(150deg,#f7faff 0%,#e7f0fb 48%,#f4f7fc 100%);
}
.glass-design.glass-arctic .card,
.glass-design.glass-arctic .level-card,
.glass-design.glass-arctic .stat,
.glass-design.glass-arctic .exercise-item,
.glass-design.glass-arctic .auto-mode,
.glass-design.glass-arctic .field input,
.glass-design.glass-arctic .field select,
.glass-design.glass-arctic .day,
.glass-design.glass-arctic .mode-test-box,
.glass-design.glass-arctic .variant-test-box,
.glass-design.glass-arctic .level-test-box{
 color:var(--text);border-color:rgba(39,68,105,.16);
 background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,246,255,.5));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 22px 55px rgba(40,72,110,.12);
}
.glass-design.glass-arctic .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(22,119,255,.17),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(112,97,255,.14),transparent 32%),
  linear-gradient(130deg,rgba(255,255,255,.82),rgba(228,239,253,.65));
}
.glass-design.glass-arctic .level-ring{background:conic-gradient(var(--yellow) var(--level-progress),rgba(39,68,105,.14) 0);box-shadow:0 0 0 6px rgba(22,119,255,.07),0 0 34px rgba(22,119,255,.17)}
.glass-design.glass-arctic .level-ring::before{background:rgba(255,255,255,.92)}
.glass-design.glass-arctic .primary,
.glass-design.glass-arctic .round-select input:checked+label{
 color:#fff;background:linear-gradient(135deg,#42a5ff 0%,#1677ff 52%,#5558e8 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(22,119,255,.2);
}
.glass-design.glass-arctic .secondary{color:#18304f;background:rgba(255,255,255,.5);border-color:rgba(39,68,105,.17)}
.glass-design.glass-arctic .bottom-nav{background:rgba(250,253,255,.74);border-color:rgba(39,68,105,.15)}
.glass-design.glass-arctic .bottom-nav button{color:#65758b}
.glass-design.glass-arctic .bottom-nav button.active{color:#1677ff;background:rgba(22,119,255,.09)}
.glass-design.glass-arctic .exercise-variant-value,
.glass-design.glass-arctic .variant-picker-value,
.glass-design.glass-arctic .round-select label{color:#18304f;background:rgba(255,255,255,.48);border-color:rgba(39,68,105,.16)}
.glass-design.glass-arctic .stat::after{background:rgba(22,119,255,.1)}
.glass-design.glass-arctic .stat:nth-child(2n)::after{background:rgba(112,97,255,.09)}

/* Crimson: bold, athletic and competitive */
.glass-design.glass-crimson{
 --yellow:#ff405d;
}
.glass-design.glass-crimson body{
 background:
  radial-gradient(circle at 8% 2%,rgba(255,40,72,.25),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(255,103,51,.16),transparent 29%),
  radial-gradient(circle at 54% 96%,rgba(202,24,74,.12),transparent 34%),
  linear-gradient(150deg,#120609 0%,#210a11 48%,#0e0609 100%);
}
.glass-design.glass-crimson .level-card{
 background:
  radial-gradient(circle at 8% 50%,rgba(255,64,93,.22),transparent 28%),
  radial-gradient(circle at 95% 10%,rgba(255,103,51,.17),transparent 32%),
  linear-gradient(130deg,rgba(69,24,34,.84),rgba(31,10,16,.68));
}
.glass-design.glass-crimson .level-ring{
 border-color:#ff405d;
 box-shadow:0 0 0 6px rgba(255,64,93,.08),0 0 34px rgba(255,40,72,.25);
}
.glass-design.glass-crimson .primary,
.glass-design.glass-crimson .round-select input:checked+label{
 color:#fff;
 background:linear-gradient(135deg,#ff755f 0%,#ff405d 52%,#d8174f 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(255,40,72,.22);
}
.glass-design.glass-crimson .stat::after{background:rgba(255,40,72,.14)}
.glass-design.glass-crimson .stat:nth-child(2n)::after{background:rgba(255,103,51,.11)}

/* Optional Volt background studies */
.glass-design.glass-volt.glass-bg-graphite body{
 background:
  radial-gradient(circle at 12% 0%,rgba(189,243,77,.10),transparent 25%),
  radial-gradient(circle at 88% 22%,rgba(255,255,255,.055),transparent 28%),
  linear-gradient(150deg,#090b0c 0%,#151719 48%,#090a0b 100%);
}
.glass-design.glass-volt.glass-bg-midnight body{
 background:
  radial-gradient(circle at 10% 2%,rgba(189,243,77,.11),transparent 27%),
  radial-gradient(circle at 92% 18%,rgba(37,139,173,.16),transparent 30%),
  radial-gradient(circle at 54% 96%,rgba(44,93,128,.10),transparent 34%),
  linear-gradient(150deg,#050b12 0%,#0b1823 48%,#060a10 100%);
}
.glass-design.glass-volt.glass-bg-forest body{
 background:
  radial-gradient(circle at 8% 2%,rgba(189,243,77,.13),transparent 29%),
  radial-gradient(circle at 92% 18%,rgba(22,112,70,.17),transparent 31%),
  radial-gradient(circle at 54% 96%,rgba(41,91,57,.12),transparent 34%),
  linear-gradient(150deg,#050b07 0%,#0b1710 48%,#060a07 100%);
}
.glass-design.glass-volt.glass-bg-black body{
 background:
  radial-gradient(circle at 50% -12%,rgba(189,243,77,.085),transparent 27%),
  linear-gradient(145deg,#030404 0%,#090b0a 52%,#030404 100%);
}
.glass-design .day.today{
 border-color:var(--yellow);
 box-shadow:inset 0 0 0 2px var(--yellow),0 0 20px rgba(255,210,31,.16);
}