:root{font:16px/1.5 system-ui,sans-serif;color:#f1eee5;background:#091b25;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}
.music-shell-head,.music-console-bar,.music-console-actions,.music-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.music-shell-head{padding:12px clamp(14px,4vw,48px);border-bottom:1px solid #806b45}
a{color:#ecd099;text-underline-offset:4px}
main{width:min(1450px,100%);margin:auto;padding:12px}
.music-console{background:#0e2531;border:1px solid #806b45;border-radius:8px;position:relative}
.music-console-bar,.music-console-actions,.music-help,.music-nav{padding:10px 14px}
.music-console-bar{justify-content:space-between}
h1{font:25px Georgia,serif;margin:0;color:#efd393}
button{font:inherit;color:#fff;background:#173747;border:1px solid #92794c;border-radius:4px;padding:6px 10px;cursor:pointer}
iframe{display:block;width:100%;border:0}
#receiver-frame{height:clamp(355px,48vw,720px);background:#091319}
#portal-frame{height:76vh;min-height:440px;background:white}
.music-help{font-size:13px;margin:0}
.music-console.is-compact{position:sticky;top:0;z-index:2}
.music-console.is-compact #receiver-frame{position:absolute;width:1px;height:1px;clip-path:inset(50%);pointer-events:none}
.music-console.is-compact .music-help{display:none}
:focus-visible{outline:2px solid #ebc56b;outline-offset:3px}
#music-compact{background:#ebc675;color:#172b33;border-color:#f2d69a;font-weight:750}
#music-compact:hover{background:#ffe0a0}
.music-console.is-compact{border-color:#a8864e;background:#0d2c39}
