/* ===== Hope glass theme (light) — shared base: backdrop, tiers, theme button, loader, credits ===== */
html.glass{
  --g-ink:#000000;
  --g-muted:#3d3d3d;
  --g-line:rgba(255,255,255,.75);          /* crisp frosted edge */
  --g-hair:rgba(17,17,40,.10);             /* hairline so edges read on white */
  --g-t1:rgba(255,255,255,.58);
  --g-t2:rgba(255,255,255,.42);
  --g-t3:rgba(255,255,255,.28);
  --g-light:linear-gradient(135deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.18) 40%,rgba(255,255,255,0) 65%);
  --g-edge:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(17,17,40,.04),0 0 0 1px var(--g-hair);
  --g-shadow:0 8px 32px 0 rgba(31,38,90,.14);
  color-scheme:light;
}
/* white base with soft colour glows for the blur to pick up */
html.glass body{
  background-color:#fbfbfd !important;
  background-image:
    radial-gradient(36vmax 36vmax at 6% 4%,rgba(242,164,0,.26),transparent 62%),
    radial-gradient(34vmax 34vmax at 94% 10%,rgba(124,58,237,.18),transparent 62%),
    radial-gradient(40vmax 40vmax at 78% 92%,rgba(14,165,233,.18),transparent 62%),
    radial-gradient(30vmax 30vmax at 14% 82%,rgba(236,72,153,.12),transparent 62%) !important;
  background-attachment:fixed !important;
  color:var(--g-ink) !important;
}
/* tier recipes */
html.glass .gl-1{background:var(--g-light),var(--g-t1) !important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--g-line) !important;box-shadow:var(--g-shadow),var(--g-edge) !important}
html.glass .gl-2{background:var(--g-light),var(--g-t2) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge) !important}
html.glass .gl-3{background:var(--g-t3) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--g-line) !important;box-shadow:var(--g-edge) !important}

/* theme button */
#themeBtn{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:80;font:600 13px/1 "IBM Plex Sans",system-ui,sans-serif;padding:10px 14px;border-radius:999px;cursor:pointer;background:#fff;color:#000;border:1.5px solid #000}
html.glass #themeBtn{background:var(--g-light),var(--g-t1);border:1px solid var(--g-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--g-shadow),var(--g-edge)}
#themeBtn:focus-visible{outline:3px solid #000;outline-offset:2px}
@media (max-width:620px){#themeBtn{font-size:12px;padding:8px 12px;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px))}}

/* loader keeps the soft backdrop */
html.glass #loader{background-color:#fbfbfd !important;background-image:radial-gradient(34vmax 34vmax at 25% 25%,rgba(242,164,0,.24),transparent 60%),radial-gradient(34vmax 34vmax at 75% 75%,rgba(124,58,237,.16),transparent 60%) !important}

/* founder credits */
.credits{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.5}
.credits b{font-weight:700}
.credits .handle{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600}