:root{--av8-vault-height:84px;--av8-vault-void:#050308;--av8-vault-panel:#100b17;--av8-vault-ink:#f7f2ff;--av8-vault-cyan:#35f2ff;--av8-vault-violet:#a967ff;--av8-vault-pink:#ff2fb2;--av8-vault-gold:#ffd866}
body.av8-vault-host{padding-bottom:calc(var(--av8-vault-height) + env(safe-area-inset-bottom))!important}
#av8-play-vault{position:fixed;z-index:2147483000;left:0;right:0;bottom:0;min-height:var(--av8-vault-height);display:grid;grid-template-columns:auto auto auto minmax(150px,1fr) minmax(90px,150px) auto;align-items:center;gap:12px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));color:var(--av8-vault-ink);background:linear-gradient(180deg,rgba(19,12,28,.97),rgba(5,3,8,.995));border-top:1px solid rgba(53,242,255,.38);box-shadow:0 -12px 42px rgba(0,0,0,.56),0 -1px 18px rgba(53,242,255,.12);font-family:"Segoe UI",Arial,sans-serif;isolation:isolate}
#av8-play-vault:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(169,103,255,.12),transparent 28%,transparent 70%,rgba(255,47,178,.1));pointer-events:none}
#av8-play-vault button{font:inherit;color:inherit;cursor:pointer}
.av8-vault-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,216,102,.42);border-radius:50%;color:var(--av8-vault-gold);font-size:1.55rem;text-shadow:0 0 18px rgba(255,216,102,.65);box-shadow:inset 0 0 20px rgba(255,216,102,.07)}
.av8-vault-name{display:grid;gap:0;border:0;background:transparent;text-align:left;letter-spacing:.14em;font-size:.66rem;font-weight:900}.av8-vault-name strong{color:var(--av8-vault-cyan);font-size:1rem;line-height:1;text-shadow:0 0 14px rgba(53,242,255,.55)}
.av8-vault-controls{display:flex;gap:6px;align-items:center}.av8-vault-controls button,.av8-vault-expand{min-width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);font-weight:900}.av8-vault-controls button:hover,.av8-vault-controls button:focus-visible,.av8-vault-expand:hover,.av8-vault-expand:focus-visible{border-color:var(--av8-vault-cyan);outline:0;box-shadow:0 0 18px rgba(53,242,255,.18)}.av8-vault-controls .av8-vault-toggle{width:46px;height:46px;color:#071014;background:linear-gradient(135deg,var(--av8-vault-cyan),#a8ffcf);border:0;border-radius:50%;box-shadow:0 0 20px rgba(53,242,255,.24)}
.av8-vault-signal{min-width:0;display:grid;gap:6px}.av8-vault-ticker{position:relative;min-width:0;overflow:hidden;white-space:nowrap;border-left:2px solid var(--av8-vault-pink);padding-left:10px;font-size:.78rem;font-weight:900;letter-spacing:.075em;color:var(--av8-vault-ink)}.av8-vault-ticker span{display:inline-block;min-width:max-content}.av8-vault-ticker.is-moving span{animation:av8-vault-ticker 18s linear infinite}.av8-vault-ticker:hover span{animation-play-state:paused}
.av8-vault-progress-row{display:grid;grid-template-columns:34px minmax(80px,1fr) 34px;align-items:center;gap:7px;color:#b9aec8;font-size:.66rem}.av8-vault-progress-row input,.av8-vault-volume input{width:100%;height:4px;accent-color:var(--av8-vault-pink);cursor:pointer}
.av8-vault-volume{display:grid;grid-template-columns:auto minmax(60px,1fr);align-items:center;gap:7px;color:#b9aec8;font-size:.61rem;font-weight:900;letter-spacing:.1em}.av8-vault-expand{padding:0 12px;color:var(--av8-vault-gold);font-size:.68rem;letter-spacing:.1em}
#av8-play-vault audio{display:none!important}
#av8-page-flow{position:fixed;z-index:2147482000;left:0;right:0;top:0;bottom:calc(var(--av8-vault-height) + env(safe-area-inset-bottom));width:100%;height:calc(100dvh - var(--av8-vault-height) - env(safe-area-inset-bottom));border:0;background:var(--av8-vault-void)}
body.av8-flow-active{overflow:hidden!important;padding-bottom:0!important}
@keyframes av8-vault-ticker{0%,10%{transform:translateX(0)}90%,100%{transform:translateX(min(0px,calc(-100% + 240px)))}}
@media(max-width:760px){:root{--av8-vault-height:104px}#av8-play-vault{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"mark name signal open" "controls controls controls volume";gap:7px 9px;padding-top:7px}.av8-vault-mark{grid-area:mark;width:37px;height:37px;font-size:1.15rem}.av8-vault-name{grid-area:name}.av8-vault-controls{grid-area:controls}.av8-vault-controls button{height:34px}.av8-vault-controls .av8-vault-toggle{width:38px;height:38px}.av8-vault-signal{grid-area:signal}.av8-vault-volume{grid-area:volume}.av8-vault-expand{grid-area:open;min-width:52px;padding:0 8px}.av8-vault-progress-row{grid-template-columns:30px minmax(50px,1fr) 30px}.av8-vault-ticker{font-size:.68rem}}
@media(max-width:470px){:root{--av8-vault-height:96px}.av8-vault-mark,.av8-vault-name,.av8-vault-volume{display:none!important}#av8-play-vault{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"controls signal open";gap:8px}.av8-vault-controls button:not(.av8-vault-toggle){min-width:31px;font-size:.65rem}.av8-vault-expand{font-size:.58rem}.av8-vault-ticker{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.av8-vault-ticker.is-moving span{animation:none}}