:root{--accent-base:#277e9b;--accent-base-soft:#379cbe;--accent-base-deep:#195f76;--accent-base-glow:#5ac0e2;--noise-opacity-default:.03;--noise-opacity-strong:.06}
.material-cosmic,[data-material=cosmic]{isolation:isolate;background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--accent-base) 12%, transparent) 0%, transparent 60%), var(--surface-spectral-deep);color:var(--color-text-inverse);position:relative}.material-glass-heavy,[data-material=glass-heavy]{isolation:isolate;background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate));border:var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow);position:relative}.material-glass-light,[data-material=glass-light]{isolation:isolate;background:var(--surface-glass-light);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.12);box-shadow:var(--canon-shadow-card);border:1px solid #0f172a14;position:relative}.material-matte-elevated,[data-material=matte-elevated]{background:var(--surface-content);box-shadow:var(--surface-content-elevated-shadow);border:1px solid #0f172a0f}.material-matte,[data-material=matte]{background:var(--surface-content);color:var(--color-text)}