.s1-explorer-media{display:block;min-height:720px;background:radial-gradient(ellipse at 48% 40%,#444643 0%,#202220 49%,#131514 90%)}
.s1-explorer-label{position:absolute;inset:28px 30px auto;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2;font-size:10px;letter-spacing:.14em;color:#d3c3a7;pointer-events:none}
.s1-explorer-label span:last-child{font-size:9px;letter-spacing:.08em;display:flex;align-items:center;gap:7px;color:#b9c1b4}
.s1-explorer-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d4b581;box-shadow:0 0 12px #d4b58166}
#s1-viewer{position:absolute;inset:50px 0 170px;min-height:380px}
.s1-model{width:100%;height:100%;--poster-color:transparent;background:transparent;--progress-bar-color:#c5a467;--progress-bar-height:2px}
.s1-model:focus-visible{outline:1px solid #c5a467;outline-offset:-4px}
.s1-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px 50px;transition:opacity .5s;pointer-events:none}
#s1-viewer.is-loaded>.s1-poster{opacity:0}
.s1-toolbar{position:absolute;bottom:26px;left:25px;right:25px;padding:16px 18px 13px;border-radius:22px;border:1px solid #ffffff24;background:#f7f3e90f;backdrop-filter:blur(22px);color:#f0eade;box-shadow:0 12px 30px #0002}
.s1-primary-controls{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}
.s1-toolbar button{min-height:36px;padding:8px 11px;border-radius:20px;background:transparent;color:inherit;font-size:11px;transition:background .2s}
.s1-toolbar button:hover,.s1-toolbar button[aria-pressed="true"]{background:#d2b67c22;color:#e4c88e}
.s1-toolbar button:disabled{opacity:.35;cursor:wait}
.s1-light-control{display:flex;gap:11px;align-items:center;margin:12px 5px 0;padding-top:12px;border-top:1px solid #ffffff15;color:#bfb9aa;font-size:10px}
.s1-light-control input{flex:1;width:80px;min-width:40px;accent-color:#c5a467;cursor:pointer}
.s1-light-control output{min-width:32px;text-align:end}
.s1-instruction{position:absolute;left:20px;right:20px;bottom:150px;text-align:center;font-size:10px;letter-spacing:.02em;color:#a3a79d;pointer-events:none}
.s1-loading{position:absolute;inset:90px 20px auto;z-index:3;text-align:center;font-size:11px;color:#d5c7ac;pointer-events:none}
#s1-retry{display:block;margin:10px auto 0;padding:8px 16px;border-radius:20px;background:#e3d0a6;color:#222;pointer-events:auto}
#s1-retry[hidden]{display:none}
.universe-s1.has-model .card-face{background:radial-gradient(ellipse at 60% 45%,#363a38,#191c1a 65%,#111412)}
.universe-s1-host{position:absolute;inset:0 0 60px;pointer-events:none}
.universe-s1-host .s1-model{opacity:0;transition:opacity .5s}
.universe-s1-host.is-loaded .s1-model{opacity:1}
.universe-s1.has-model .audio-cover{opacity:0}
.universe-s1 .s1-card-wordmark,.universe-s1 .card-media-badge{z-index:2;pointer-events:none}
#audio-explorer{scroll-margin-top:115px}
@media(max-width:1050px){.audio-explorer{grid-template-columns:1fr}.s1-explorer-media{min-height:680px}.s1-toolbar{max-width:560px;margin-inline:auto}}
@media(max-width:800px){.s1-explorer-media{min-height:610px}.s1-explorer-label{inset:22px 20px auto;font-size:9px}#s1-viewer{inset:45px 0 170px;min-height:350px}.s1-toolbar{left:15px;right:15px;bottom:20px;padding:12px}.s1-toolbar button{font-size:10px;padding:7px 8px}.s1-poster{padding:12px 30px}.s1-instruction{bottom:151px;font-size:9px}.universe-s1-host{inset:45px 0 53px}.universe-s1 .s1-card-wordmark>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.s1-model,.s1-poster{transition:none}}