.music-dialog{font-family:var(--sans);color:#fff5e7;background:radial-gradient(ellipse at 100% 0,#63364b,#26172e 65%);width:min(520px,calc(100% - 20px));max-height:94dvh;overflow:auto;padding:22px;border:1px solid #bf9558;border-radius:22px;box-shadow:0 24px 80px #0008}.music-dialog::backdrop{background:#120b17b3}.music-header{display:flex;gap:10px;align-items:center;font:600 10px var(--mono);letter-spacing:.13em}.music-header .btn{margin-left:auto;font:600 12px var(--sans);letter-spacing:0}.music-record{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:repeating-radial-gradient(#25142e 0 4px,#634556 5px 6px);color:#f2b544;border:1px solid #b88c50;font-size:20px}.music-dialog h2{font:800 29px/1.1 var(--disp);letter-spacing:-.03em;margin:22px 0 12px}.music-dialog h3{font-size:17px}.music-note{font-size:12px;line-height:1.6;color:#dfcad9}.music-dialog label{display:block;font-size:13px;font-weight:700;margin:15px 0}.music-dialog select{display:block;width:100%;min-height:46px;margin-top:7px;border:1px solid #a08495;border-radius:10px;padding:8px;color:#2e1d2c;background:#fff4dc;font:inherit}.music-dialog input[type=range]{display:block;width:100%;min-height:36px;accent-color:#f2b544}.music-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.music-controls .btn{background:#f2b544;color:#24170c;border-color:#f2b544;min-height:48px}.music-local{padding:4px 14px 14px;border:1px solid #8d6b805e;border-radius:16px;background:#ffffff05}.music-local input{width:100%;font:12px var(--sans);margin:8px 0 16px;min-height:44px}.music-local input::file-selector-button{padding:12px;border:1px solid #c2996d;border-radius:8px;background:#fff0d5;color:#30202a;margin-right:8px;font:inherit}.music-status{min-height:1.5em;color:#ffdc91;font-size:13px}.music-dialog summary{min-height:44px;font-size:12px;padding:12px 0;cursor:pointer}.music-dialog :focus-visible{outline:3px solid #f2b544;outline-offset:3px}.gr-top .music-open{color:#ffdda5;font:600 11px var(--sans);padding:8px;min-height:44px}.gr-top{flex-wrap:wrap}.gr-top strong{margin-right:auto}.music-open{min-height:44px}.music-dialog .btn:disabled{opacity:.5}@media(max-width:400px){.music-dialog{padding:16px}.music-header{flex-wrap:wrap}.music-header .btn{font-size:11px}.gr-top strong{max-width:100%;width:100%}.music-dialog h2{font-size:26px}}