/* Zoomie glass v363 (restored): transparent shell + separate reading surface.
   CSS models translucent/frosted edges, not physical backdrop refraction. */
[data-brand="catus"] {
  --zoomie-glass-radius: 28px;
  --zoomie-glass-blur: blur(24px) saturate(115%);
  --zoomie-glass-background: color-mix(in srgb, var(--c-surface) 22%, transparent);
  --zoomie-glass-reading: linear-gradient(145deg,
    color-mix(in srgb, var(--c-surface) 78%, transparent),
    color-mix(in srgb, var(--c-surface) 68%, transparent) 48%,
    color-mix(in srgb, var(--c-surface) 74%, transparent));
  --zoomie-glass-reflection: linear-gradient(135deg,
    var(--c-surface) 0%, color-mix(in srgb, var(--c-surface) 88%, transparent) 18%,
    color-mix(in srgb, var(--c-purple-400) 20%, transparent) 46%,
    color-mix(in srgb, var(--c-surface) 30%, transparent) 65%,
    var(--c-surface) 86%, color-mix(in srgb, var(--c-purple-300) 28%, transparent));
  --zoomie-glass-shadow:
    inset 0 1px 1px var(--c-surface),
    inset 2px 0 3px color-mix(in srgb, var(--c-surface) 38%, transparent),
    inset -2px -3px 5px color-mix(in srgb, var(--c-purple-700) 10%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--c-surface) 80%, transparent),
    0 0 0 0.5px color-mix(in srgb, var(--c-neutral-600) 18%, transparent),
    0 4px 8px -4px color-mix(in srgb, var(--c-neutral-950) 10%, transparent),
    0 16px 32px -20px color-mix(in srgb, var(--c-purple-900) 16%, transparent);
  --zoomie-glass-outline: none;
  --zoomie-glass-detail-display: block;
}
[data-brand="catus"] .zoomie-glass-card {
  background: var(--zoomie-glass-background);
  border: 0;
  border-radius: var(--zoomie-glass-radius);
  -webkit-backdrop-filter: var(--zoomie-glass-blur);
  backdrop-filter: var(--zoomie-glass-blur);
  box-shadow: var(--zoomie-glass-shadow);
  outline: var(--zoomie-glass-outline);
  outline-offset: -1px;
}
:is([data-brand="catus"] .zoomie-glass-card,
  #version-a14[data-brand="catus"] :is(.rhythm-main .energy-section .energy-card,
  .rhythm-main .a12-daily-card.a12-approved-overview,
  .a14-settings-page[data-settings-view="home"] .settings-card)) { position: relative; isolation: isolate; }
:is([data-brand="catus"] .zoomie-glass-card,
  #version-a14[data-brand="catus"] :is(.rhythm-main .energy-section .energy-card,
  .rhythm-main .a12-daily-card.a12-approved-overview,
  .a14-settings-page[data-settings-view="home"] .settings-card))::before {
  content: ""; display: var(--zoomie-glass-detail-display);
  position: absolute; inset: 6px; z-index: -1; pointer-events: none;
  border-radius: calc(var(--zoomie-glass-radius) - 6px);
  background: var(--zoomie-glass-reading);
  filter: blur(3px);
  box-shadow: 0 0 4px 2px color-mix(in srgb, var(--c-surface) 28%, transparent);
}
/* A masked perimeter keeps reflections off text, charts and focus indicators. */
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
:is([data-brand="catus"] .zoomie-glass-card,
  #version-a14[data-brand="catus"] :is(.rhythm-main .energy-section .energy-card,
  .rhythm-main .a12-daily-card.a12-approved-overview,
  .a14-settings-page[data-settings-view="home"] .settings-card))::after {
    content: ""; display: var(--zoomie-glass-detail-display);
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    border-radius: inherit; padding: 1.5px;
    background: var(--zoomie-glass-reflection);
    -webkit-mask: linear-gradient(var(--c-surface) 0 0) content-box, linear-gradient(var(--c-surface) 0 0);
    mask: linear-gradient(var(--c-surface) 0 0) content-box, linear-gradient(var(--c-surface) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-brand="catus"] {
    --zoomie-glass-background: var(--c-surface);
    --zoomie-glass-blur: none;
    --zoomie-glass-detail-display: none;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  [data-brand="catus"] {
    --zoomie-glass-background: var(--c-surface);
    --zoomie-glass-blur: none;
    --zoomie-glass-shadow: none;
    --zoomie-glass-outline: 1px solid var(--c-control-edge);
    --zoomie-glass-detail-display: none;
  }
}