/* ANIME VOID 16.4 — compact, theme-aware ambience controls. */
#avAmbienceToggle{min-width:44px;min-height:44px;flex:0 0 44px;margin:0;cursor:pointer;font-size:20px}
#avAmbienceToggle.is-playing{border-color:var(--av-accent);box-shadow:0 0 16px rgba(var(--av-glow),.25);background:var(--av-tint)}
.av-ambience-panel{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--av-accent);border-radius:22px;background:var(--av-surface);color:var(--av-text);padding:24px;box-shadow:0 24px 90px #0008}
.av-ambience-panel::backdrop{background:#080610ba;backdrop-filter:blur(5px)}
.av-ambience-panel h2{font-size:24px;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em}
.av-ambience-panel p{font-size:14px;line-height:1.65;color:var(--av-muted)}
.av-ambience-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.av-ambience-panel select{width:100%;min-height:48px;border-radius:12px;padding:10px 12px;background:var(--av-raised);border:1px solid var(--av-line);color:var(--av-text);font:inherit;font-size:16px}
.av-ambience-volume-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.av-ambience-volume-heading output{font-size:14px;color:var(--av-accent);font-variant-numeric:tabular-nums}
.av-ambience-panel input[type="range"]{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--av-solid);cursor:pointer;touch-action:pan-y}
.av-ambience-panel .av-ambience-status{min-height:24px;color:var(--av-accent)}
.av-ambience-actions{display:flex;gap:10px;flex-wrap:wrap}.av-ambience-actions button{flex:1;min-height:46px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.av-ambience-panel .av-ambience-note{font-size:12px;margin:18px 0 0}
.av-ambience-panel button:disabled{cursor:wait;opacity:.65}
.decor-menu{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.decor-option{min-height:44px;flex-shrink:0}
@media(max-width:760px){.av-ambience-panel{padding:20px}.av-ambience-panel h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.decor-canvas{display:none!important}}

@media(max-width:760px){body.av-home header{grid-template-columns:minmax(0,1fr) 44px 44px 44px}.av-home header #avAmbienceToggle{grid-column:3;grid-row:1}.av-home header .av-menu-toggle{grid-column:4;grid-row:1}}

.av-audio-credits{display:inline-flex;align-items:center;min-height:44px;color:var(--av-accent);font-size:12px;line-height:1.5;text-underline-offset:3px}

.decor-canvas[data-av-scene$="eyes"],.decor-canvas[data-av-scene="qi-rings"],.decor-canvas[data-av-scene="deep-space"],.decor-canvas[data-av-scene="quiet-mist"],.decor-canvas[data-av-scene="night-city"]{z-index:0!important;pointer-events:none!important}.av-scene-host{position:relative;isolation:isolate;overflow:hidden}.av-scene-host>.decor-canvas[data-av-scene]{position:absolute;inset:0;width:100%;height:100%}.av-scene-host>.hero-content,.av-scene-host>.profile-top{position:relative;z-index:1}.av-ambience-panel{background:var(--vi-panel,#171020);color:var(--vi-text,#f7f1ff);border-color:var(--vi-line,#684880)}.av-ambience-panel select{background:var(--vi-panel,#171020);color:var(--vi-text,#f7f1ff)}.av-ambience-panel .av-ambience-intro,.av-ambience-panel .av-ambience-note{color:var(--vi-muted,#c1afd5)}

/* v24.1: the labelled music control gets its own real grid space, not a44px icon cell. */
@media(max-width:760px){
 body.av-home>header{grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:8px!important}
 body.av-home>header>.logo{grid-column:1!important;grid-row:1!important;min-width:0}
 body.av-home>header>#themeToggle{grid-column:2!important;grid-row:1!important}
 body.av-home>header>.av-menu-toggle{grid-column:3!important;grid-row:1!important}
 body.av-home>header>.search-wrap{grid-column:1!important;grid-row:2!important;min-width:0;max-width:100%!important;width:100%!important}
 body.av-home>header>#avAmbienceToggle{grid-column:2 / 4!important;grid-row:2!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;min-height:44px!important;padding:8px 6px!important}
 body.av-home>header>.av-header-panel{grid-column:1 / -1!important;grid-row:4!important}
 body.av-home>header>.m21-audio-quick{grid-column:2 / 4;grid-row:3;justify-self:end;margin:0;min-height:40px}
}