body > .music-entry {
    position: fixed !important; inset: 0; z-index: 5000 !important;
    box-sizing: border-box; width: 100%; max-width: none; height: 100%; max-height: none;
    margin: 0; padding: 24px; border: 0; color: #f1fff5;
    background: radial-gradient(ellipse at center, #103821 0, #061109 50%, #020704 100%);
    text-align: center; overflow: auto;
}
.music-entry:not([open]), .music-player[hidden] { display: none !important; }
.music-entry[open] { display: grid; place-items: center; }
.music-entry::backdrop { background: #020704; }
.music-entry__content { display: grid; justify-items: center; gap: 20px; max-width: 600px; }
.music-entry__content img { border-radius: 22px; border: 1px solid #4ce58066; box-shadow: 0 0 65px #4ce58033; }
.music-entry__brand { margin: 8px 0 0; font: 900 clamp(36px, 10vw, 68px)/1.2 var(--font-heading); letter-spacing: .12em; }
.music-entry h2 { margin: 0 0 14px; font-size: clamp(20px, 4vw, 28px); line-height: 1.4; }
.music-entry button { cursor: pointer; font: 700 16px/1.4 var(--font-ui); }
.music-entry__enter { padding: 17px 30px; border: 1px solid #80f5a5; border-radius: 14px; background: #4ce580; color: #041409; box-shadow: 0 12px 45px #4ce58022; }
.music-entry__enter span { margin-left: 12px; }
.music-entry__silent { padding: 12px; background: none; color: #b0cbbb; border: 0; text-decoration: underline; text-underline-offset: 4px; }
body.music-entry-open { overflow: hidden; }
body.music-entered .site-shell { animation: musicReveal .5s ease-out; }
body > .music-player {
    position: fixed !important; z-index: 1200 !important;
    left: max(16px, env(safe-area-inset-left)); bottom: max(16px, env(safe-area-inset-bottom));
    box-sizing: border-box; display: flex; align-items: center; gap: 10px;
    width: min(380px, calc(100vw - 32px)); padding: 10px; border: 1px solid #4ce58055;
    border-radius: 14px; background: #07150ef5; color: #f1fff5;
    box-shadow: 0 10px 35px #0008; font-family: var(--font-ui);
}
.music-player button { flex-shrink: 0; width: 38px; height: 38px; border: 0; border-radius: 9px; background: #163824; color: #80f5a5; font-size: 18px; cursor: pointer; }
.music-player__title { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.music-player input { width: 72px; accent-color: #4ce580; cursor: pointer; }
.music-player__status { position: absolute; bottom: calc(100% + 8px); left: 0; font-size: 14px; padding: 8px; border-radius: 8px; background: #07150e; }
.music-player__status:empty { display: none; }
.music-player button:focus-visible, .music-entry button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@keyframes musicReveal { from { opacity: .2; } to { opacity: 1; } }
@media(max-width: 850px) { body.music-entered > .latest-video-popup { bottom: calc(90px + env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion: reduce) { body.music-entered .site-shell { animation: none; } }

