.room-music{position:fixed;right:max(30px,env(safe-area-inset-right));top:74px;z-index:32;color:#dce9ff;font:13px/1.5 "Avenir Next","PingFang SC",sans-serif}
.site-utilities .music-launcher{position:relative;display:grid;place-items:center;width:45px;min-width:45px;height:38px;min-height:38px;padding:0;border-radius:3px;box-shadow:none}.music-launcher[hidden]{display:none}.music-launcher>span:not(.music-note){display:none}.music-note{font-size:21px;line-height:1;color:#ffad70}.music-launcher i{position:absolute;right:5px;top:5px;width:4px;height:4px;background:transparent;border-radius:50%}.music-launcher[data-playing=true] i{background:#ff9c54;box-shadow:0 0 6px #ed8037}
.music-panel{position:absolute;top:0;right:0;width:min(380px,calc(100vw - 28px));max-height:min(740px,calc(100dvh - 96px));overflow:auto;overscroll-behavior:contain;border:1px solid #5d7eae;border-radius:12px;background:#101f36;box-shadow:0 24px 80px #0008;padding:20px;scrollbar-width:thin;scrollbar-color:#567498 transparent}
.music-panel[hidden]{display:none}.music-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.music-panel header small{color:#96afd1;font:9px/1.5 monospace;letter-spacing:1px}.music-panel h2{font-size:21px;color:#f4e5d0;letter-spacing:-.3px}.music-panel header>button{background:transparent;color:#bdcee6;font-size:26px;width:40px;height:40px;border:1px solid #415a7d;border-radius:5px}
.music-cassette{height:85px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#da8248;border:5px solid #ec9d60;border-radius:8px;box-shadow:inset 0 -9px #a24e2929;overflow:hidden}
.music-reel{width:43px;height:43px;flex:none;border:7px solid #344d70;outline:2px solid #152947;border-radius:50%;background:conic-gradient(#ced8db 0deg 28deg,#102339 28deg 92deg,#ced8db 92deg 120deg,#102339 120deg 212deg,#ced8db 212deg 240deg,#102339 240deg);animation:music-spin 4s linear infinite;animation-play-state:paused}
.room-music[data-playing=true] .music-reel{animation-play-state:running}.music-tape{color:#122744;font:600 9px/1.8 monospace;letter-spacing:.3px;text-align:center}.music-now{display:flex;flex-direction:column;gap:3px;margin:18px 0 12px;min-width:0}.music-now strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere;color:#f6ebd7}.music-now>span{font-size:11px;color:#9cb1cd;overflow-wrap:anywhere}
.music-transport{display:flex;align-items:center;gap:7px}.music-transport button{width:42px;height:44px;border:1px solid #425d82;border-radius:5px;background:#193354;color:#dfebff;font-size:18px}.music-transport [data-music=toggle]{background:#ed914f;color:#11253f;border-color:#ffae73;width:52px}.music-volume{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;color:#9eb5d2}.music-volume input{width:72px;min-width:0;accent-color:#ed914f}.music-progress{display:flex;align-items:center;gap:9px;margin:9px 0 0;color:#91a9c8;font:10px monospace}.music-progress input{flex:1;min-width:0;accent-color:#ed914f;min-height:24px}.music-status{color:#aebed4;font-size:11px;min-height:18px;margin:7px 0 8px;overflow-wrap:anywhere}.music-source{display:block;color:#ffb276;font-size:12px;margin:0 0 12px}.music-source[hidden]{display:none}
.music-list-label{display:flex;gap:8px;align-items:center;border-top:1px solid #365174;padding-top:12px;margin-top:8px;color:#91aacc;font-size:11px}.music-list-label>span{flex:none}.music-list-label select{flex:1;min-width:0;width:0;color:#dce9ff;background:#172e4e;border:1px solid #3f5c85;border-radius:4px;padding:6px;min-height:38px;font-size:13px}.music-list-label button{width:30px;min-height:38px;background:transparent;border:1px solid #3f5c85;border-radius:4px;color:#aac0dd}.music-list-label button:disabled{cursor:default;opacity:.35}
.music-tracks{list-style:none;padding:0;margin:10px 0;max-height:150px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4e719e transparent}.music-tracks button{display:flex;gap:11px;text-align:left;width:100%;min-height:46px;padding:9px 8px;background:transparent;color:#c6d7ef;border-radius:4px}.music-tracks button[aria-pressed=true]{background:#28476a;color:#ffc18e}.music-track-number{font:10px/1.9 monospace;color:#92accd;flex:none}.music-tracks button>span:last-child{min-width:0}.music-tracks strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.music-tracks small{display:block;font-size:10px;color:#8da7c9;overflow-wrap:anywhere}.music-tracks button:hover{background:#233e5e}
.music-import{border-top:1px solid #365174;padding-top:10px;margin-top:12px}.music-import summary{cursor:pointer;color:#ffb276;min-height:38px;padding:7px 0;font-weight:500}.music-import p{font-size:11px;color:#9fb2ce;line-height:1.65;margin:8px 0}.music-import form>label{font-size:11px;color:#bacbe3}.music-import form>div{display:flex;gap:8px;margin-top:6px}.music-import input[type=text]{flex:1;min-width:0;border:1px solid #49678f;background:#0c1a2d;color:#dce9ff;padding:10px;border-radius:5px;font-size:13px}.music-import form button{flex:none;padding:9px 12px;border-radius:5px;background:#dc874b;color:#0c203b}.music-file{display:block;position:relative;overflow:hidden;cursor:pointer;text-align:center;padding:10px;margin-top:11px;background:#213e60;color:#d5e3f7;border:1px solid #49678f;border-radius:5px}.music-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.music-import [data-music=example]{background:transparent;border-bottom:1px solid #6684ab;color:#becfe5;padding:5px 0;font-size:11px}.music-import .music-import-status{color:#ffc18e}
.room-music button:focus-visible,.room-music input:focus-visible,.room-music select:focus-visible,.music-file:focus-within{outline:2px solid #ffb278;outline-offset:3px}
body.site-open .room-music,.room-music[data-suspended=true]{display:none}
@keyframes music-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.room-music{right:14px;top:calc(68px + env(safe-area-inset-top))}.site-utilities .music-launcher{height:44px;min-height:44px;width:44px;min-width:44px}.music-panel{width:min(380px,calc(100vw - 24px));top:0;max-height:calc(100dvh - 88px - env(safe-area-inset-top));padding:17px}.music-panel button,.music-list-label select{min-height:44px}.music-list-label select,.music-import input[type=text]{font-size:16px}.music-volume input{width:60px}.music-tracks{max-height:138px}.music-cassette{height:75px}.music-panel header{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.music-reel{animation:none}}