/* Glass layer: softer, more transparent surfaces over a gentle gradient backdrop. Loaded last so it only
   adjusts opacity, blur and the page background; colours still come from the theme tokens. */
:root{--glass:color-mix(in srgb,var(--panel) 54%,transparent);--glass-strong:color-mix(in srgb,var(--panel) 72%,transparent);--glass-line:color-mix(in srgb,var(--line) 70%,transparent)}
:root[data-theme="light"]{--glass:color-mix(in srgb,var(--panel) 62%,transparent);--glass-strong:color-mix(in srgb,var(--panel) 80%,transparent)}
body{background:
  radial-gradient(1300px 700px at 92% -10%,color-mix(in srgb,var(--b1) 22%,transparent),transparent 64%),
  radial-gradient(1000px 640px at -10% 4%,color-mix(in srgb,var(--c3) 16%,transparent),transparent 62%),
  radial-gradient(900px 600px at 55% 112%,color-mix(in srgb,var(--c2) 12%,transparent),transparent 60%),
  var(--bg);background-attachment:fixed}
.board,.card,.code,.net,.mk-topic,.mk-score,.mk-opt,.tile,.demo,.band,.prob,.note,.drill-card,.drill-option,.solve-card,.solve-prompt,.solve-work,.solve-result,.case-row,.account-stat,.c-index,.c-detail,.c-ex,.ai-topic,.ai-bar,.ai-turn,.ai-report,.prog-meter,.account-plan,.rm-week,.learn-meta span,.learn-tabs label,.learn-pager a,.learn-jump a,.learn-grid a,.activity-panel,.sd-modules,.sd-detail,.start,.steps li .start{
  background:var(--glass);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);border-color:var(--glass-line)}
header.top{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--glass-line)}
.navdd-menu,.account-dialog{background:var(--glass-strong);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.pill,.btn,#p-pat,.p-search,.wrapseg button,.seg button,.solve-language select,#q,.inputs input{background:color-mix(in srgb,var(--panel) 45%,transparent)}
#stage{background-color:color-mix(in srgb,var(--stage) 55%,transparent)}
@supports not (backdrop-filter:blur(1px)){.board,.card,.tile,.c-detail,.prob{background:var(--glass-strong)}}
@media (prefers-reduced-transparency:reduce){:root{--glass:var(--panel);--glass-strong:var(--panel)}header.top{background:var(--bg)}}