.topbar .music-menu{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px;border:1px solid #6b512c;border-radius:13px;background:linear-gradient(155deg,#2b190c,#100a06);color:#e6c078;flex:0 0 auto;box-shadow:inset 0 1px #ffffff0c}
.music-menu svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.music-menu[data-playing="true"]{border-color:#d1a751;color:#ffe0a0;box-shadow:0 0 14px #d19b3826}
.music-menu__label{font-size:.68rem;font-weight:700;letter-spacing:.02em}
.music-panel{box-sizing:border-box;width:min(94vw,490px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);margin:auto;padding:clamp(18px,5vw,28px);overflow:auto;color:#f5e6c5;background:linear-gradient(150deg,#24170e,#100b08 58%);border:1px solid #8e6c37;border-radius:24px;box-shadow:0 24px 90px #000b;font-family:var(--sans,system-ui,sans-serif)}
.music-panel::backdrop{background:#060402c9;backdrop-filter:blur(6px)}
.music-panel[open]{display:block}
.music-panel:not([open]){display:none}
.music-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.music-panel__header>div{min-width:0}
.music-panel .eyebrow{font-size:.63rem;color:#cea55e;letter-spacing:.2em;margin:0 0 7px}
.music-panel h2{font:700 clamp(26px,6vw,34px)/1.12 var(--serif,Georgia,serif);margin:0;overflow-wrap:anywhere}
.music-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #745931;border-radius:50%;background:#0e0906;color:#e9ca8e;font:26px/1 system-ui;cursor:pointer}
.music-now{padding:18px;border:1px solid #b489433d;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#88652a28,transparent 80%),#090705;margin-bottom:18px}
.music-now span{display:block;font-size:.7rem;letter-spacing:.05em;color:#c9a973;margin-bottom:7px}
.music-now strong{display:block;font:600 1.3rem/1.25 var(--serif,Georgia,serif);overflow-wrap:anywhere}
.music-now small{display:block;color:#a89a80;margin-top:7px;font-size:.74rem}
.music-panel .music-play{width:100%;min-height:48px;padding:12px;font-size:.92rem;margin:0 0 8px;white-space:normal}
.music-status{color:#c0ad8c;font-size:.76rem;line-height:1.5;min-height:2.3em;margin:0 0 16px}
.music-volume-label{display:flex;justify-content:space-between;gap:12px;font-size:.87rem;color:#e5ce9e}
.music-panel input[type="range"]{box-sizing:border-box;display:block;width:100%;height:44px;min-height:44px;padding:0;margin:3px 0 14px;border:0;box-shadow:none;background:transparent;accent-color:#dcb568;touch-action:pan-y}
.music-mode-label{display:block;font-size:.85rem;color:#e5ce9e;margin-bottom:7px}
.music-panel select{box-sizing:border-box;max-width:100%;width:100%;min-height:48px;border:1px solid #765b34;border-radius:11px;background:#100c09;color:#ecd9b7;font-size:.85rem;padding:10px}
.music-hint{font-size:.75rem;color:#a99b83;line-height:1.6;margin:12px 0 22px}
.music-credits{border-top:1px solid #c3964833;padding-top:16px;font-size:.78rem;color:#bfae8e;line-height:1.6}
.music-credits summary{cursor:pointer;color:#e5c98b;min-height:36px}
.music-credits a{color:#e6bb6c;text-underline-offset:3px;overflow-wrap:anywhere}
.music-credits ul{padding-left:18px}
.music-credits textarea{box-sizing:border-box;width:100%;min-height:115px;background:#0b0806;border:1px solid #6b512c;border-radius:10px;color:#cabb9e;resize:vertical;font:12px/1.5 system-ui;padding:12px;margin:6px 0 12px}
.music-credits button{min-height:44px;white-space:normal;font-size:.8rem}
.music-panel :focus-visible,.music-menu:focus-visible{outline:2px solid #f2ca73;outline-offset:4px}
@media(max-width:460px){.music-menu__label{display:none}.topbar{gap:8px;flex-wrap:wrap}.topbar .signals{gap:6px;flex-wrap:wrap;justify-content:flex-end}.topbar .brand{gap:8px}.topbar #installApp{font-size:.65rem;padding:6px;min-height:44px}}
@media(max-width:359px){.topbar{padding-left:12px;padding-right:12px}.topbar .brand-copy b{font-size:.83rem;letter-spacing:.12em}.topbar .brand-crest{width:38px;height:38px}.topbar .brand img{width:30px;height:30px}.topbar .signal{padding:0 8px;font-size:.49rem;min-height:32px;letter-spacing:.08em}.topbar .signals{gap:5px}}