/* A soft, uniform frosted material shared by the floating surfaces. */
:root{--hud-fill:rgba(235,232,217,.25);--hud-edge:rgba(255,255,255,.25);--hud-highlight:rgba(255,255,255,.18);--hud-shadow:rgba(20,24,17,.17);--hud-control:rgba(255,255,255,.14);--hud-control-hover:rgba(255,255,255,.25);--hud-field:rgba(255,255,255,.16);--hud-ink:#30372c}
html[data-theme=dark]{--hud-fill:rgba(94,99,83,.20);--hud-edge:rgba(255,255,255,.15);--hud-highlight:rgba(255,255,255,.10);--hud-shadow:rgba(0,0,0,.28);--hud-control:rgba(255,255,255,.07);--hud-control-hover:rgba(255,255,255,.14);--hud-field:rgba(255,255,255,.055);--hud-ink:#f1f2e8}
html :is(#music-widget,#bank-shell,#promo-panel,#project-viewer,#qr-viewer){background:var(--hud-fill);background-clip:padding-box;border:1px solid var(--hud-edge);box-shadow:inset 0 .5px 0 var(--hud-highlight),0 10px 30px var(--hud-shadow);backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);color:var(--hud-ink)}
/* Project color washes are retained beneath the same neutral frost. */
html #project-viewer{background:color-mix(in srgb,var(--gallery-tint) 15%,var(--hud-fill));border-color:color-mix(in srgb,var(--gallery-tint) 12%,var(--hud-edge));box-shadow:inset 0 .5px 0 var(--hud-highlight),0 12px 36px var(--hud-shadow);transition:--gallery-tint .8s cubic-bezier(.22,1,.36,1),border-color .8s ease,box-shadow .8s ease}
html #bank-shell .bank-panel{background:none;box-shadow:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--hud-ink)}
html :is(#project-viewer,#qr-viewer)::backdrop{background:rgba(15,19,15,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html :is(#music-widget,#bank-shell,#promo-panel,#project-viewer,#qr-viewer) :is(.bank-actions a,.bank-actions button,.bank-close,.promo-open,.promo-heading button,.viewer-close,.viewer-navigation button,.qr-viewer-head button){background:var(--hud-control);border:1px solid var(--hud-edge);box-shadow:none;color:var(--hud-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
html :is(#music-widget,#bank-shell,#promo-panel,#project-viewer,#qr-viewer) :is(.bank-actions a,.bank-actions button,.bank-close,.promo-open,.promo-heading button,.viewer-close,.viewer-navigation button,.qr-viewer-head button):hover{background:var(--hud-control-hover)}
html #music-widget .music-controls button{color:var(--hud-ink);background:transparent;box-shadow:none;border:0}html #music-widget #music-play{background:var(--hud-control)}html #music-widget .music-controls button:hover{background:var(--hud-control-hover)}
html #promo-panel input{background:var(--hud-field);border:1px solid var(--hud-edge);box-shadow:inset 0 1px 2px #10181008;color:var(--hud-ink)}html #promo-panel input:focus{border-color:#9bb578a0;box-shadow:0 0 0 2px #a9bd7d18}
html #bank-shell .bank-trigger{background:none;box-shadow:none;border:0;color:var(--hud-ink)}html[data-theme=dark] #bank-shell .bank-trigger{color:#fff}
html :is(.theme-toggle,.language-toggle){background:var(--hud-fill);border:1px solid var(--hud-edge);box-shadow:inset 0 .5px 0 var(--hud-highlight),0 3px 12px #1820150c;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);color:var(--hud-ink)}html :is(.theme-knob,.language-knob){background:rgba(255,255,255,.32);box-shadow:inset 0 .5px 0 #ffffff38,0 2px 5px #10181012}html[data-theme=dark] :is(.theme-knob,.language-knob){background:rgba(255,255,255,.12);box-shadow:inset 0 .5px 0 #ffffff22,0 2px 5px #0002}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--hud-fill:rgba(239,237,226,.94)}html[data-theme=dark]{--hud-fill:rgba(40,46,38,.96)}}
@media(prefers-reduced-motion:reduce){html #project-viewer{transition:none}}