.audio-controls{position:fixed;right:20px;bottom:16px;z-index:10;width:190px;color:#cbdce7;background:#0a2033f2;border:1px solid #4c6a7d;border-radius:10px;padding:10px 13px;box-shadow:0 5px 20px #0003;font:12px/1.5 'Malgun Gothic',sans-serif;backdrop-filter:blur(8px)}.audio-controls summary{cursor:pointer;color:#d9c6a3;font-weight:700;font-size:12px}.audio-controls label{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:12px}.audio-controls output{color:#9ebed3;font-variant-numeric:tabular-nums}.audio-controls input{grid-column:1/-1;width:100%;margin:3px 0 2px;accent-color:#75cbe1;cursor:pointer;height:16px}.audio-controls input:focus-visible{outline:2px solid #d3ba8a;outline-offset:3px}.audio-controls input:disabled{opacity:.4}.console:fullscreen .audio-controls,.console.is-expanded .audio-controls{bottom:18px;right:18px}.audio-controls:not([open]){width:auto;min-width:108px}
@media(max-width:1150px){.audio-controls{right:12px;bottom:10px}.audio-controls[open]{width:180px}.page-footer{padding-bottom:64px}}
@media(max-height:600px){.audio-controls{bottom:8px}.audio-controls label{margin-top:7px}}
.audio-controls:not([open]){width:46px;min-width:46px;height:46px;padding:0;border-radius:50%}.audio-controls summary{list-style:none;display:flex;justify-content:flex-end;align-items:center;min-height:24px}.audio-controls summary::-webkit-details-marker{display:none}.audio-controls:not([open]) summary{width:44px;height:44px;justify-content:center}.audio-controls summary svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.audio-controls summary:focus-visible{outline:2px solid #d3ba8a;outline-offset:3px;border-radius:6px}.audio-controls[open] summary::before{content:'음량 조절';margin-right:auto;font-size:12px}