/* Glass material reference: Jukebox 2501:47489; component geometry adapted for web. */
.bay-ui {
 color-scheme:dark;
 --bay-bg:#101211; --bay-surface:rgba(24,28,26,.38); --bay-raised:rgba(246,246,246,.06);
 --bay-text:#f6f6f6; --bay-muted:#bfc2bf; --bay-border:rgba(246,246,246,.26);
 --bay-accent:#f36b10; --bay-on-accent:#fff; --bay-focus:#ffb785; --bay-danger:#ffaaa3;
 --bay-radius:12px; --bay-panel-radius:26px; --bay-pill-radius:999px;
 --bay-glass-blur:blur(24px) saturate(155%); --bay-glass-solid:#242624;
 --bay-control:rgba(246,246,246,.09); --bay-control-hover:rgba(246,246,246,.17);
 --bay-glass-sheen:linear-gradient(135deg,#ffffff12,transparent 42%,#ffffff03);
 --bay-shadow:0 20px 64px #0004,inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08;
 --bay-font:"Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
 --bay-space-1:.25rem; --bay-space-2:.5rem; --bay-space-3:.75rem;
 --bay-space-4:1rem; --bay-space-6:1.5rem; --bay-space-8:2rem;
 font-family:var(--bay-font);color:var(--bay-text);
}
.bay-ui[data-theme="light"] {
 color-scheme:light;--bay-bg:#e4e8e3;--bay-surface:rgba(255,255,255,.48);--bay-raised:rgba(255,255,255,.42);
 --bay-text:#171c18;--bay-muted:#465047;--bay-border:rgba(30,48,33,.2);
 --bay-control:rgba(255,255,255,.46);--bay-control-hover:rgba(255,255,255,.7);
 --bay-glass-solid:#f6f8f5;--bay-focus:#974000;--bay-danger:#a62920;
}
.bay-ui :where(button,input,select,textarea){font:inherit}
.bay-ui :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--bay-focus);outline-offset:4px}
@supports not (backdrop-filter:blur(1px)) {.bay-ui{--bay-surface:var(--bay-glass-solid);--bay-glass-sheen:none;--bay-glass-blur:none}}
@media(prefers-reduced-transparency:reduce){.bay-ui{--bay-surface:var(--bay-glass-solid);--bay-glass-sheen:none;--bay-control:var(--bay-glass-solid);--bay-raised:var(--bay-glass-solid);--bay-glass-blur:none}}