body{isolation:isolate}.atmosphere-background{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;contain:strict}
.audio-toggle{position:relative}.audio-toggle[data-muted="true"]:after{content:'';position:absolute;width:22px;height:2px;transform:rotate(-45deg);background:#cf6b91;pointer-events:none}.audio-toggle[data-ready="false"]:not([data-muted="true"]):before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#f190b7;right:-1px;top:0}
.audio-guide{font-size:9px;color:#8a718a;margin:10px 2px 0;line-height:1.6}.audio-volume{width:118px;accent-color:var(--pink)}.setting.audio-range{gap:10px}.audio-settings-note{font-size:10px;color:#8d7d90;line-height:1.8;margin:-5px 0 18px}
@media(max-width:600px){.header-tools{gap:9px}.audio-toggle{font-size:18px}.audio-guide{font-size:9px}.audio-volume{width:105px}.setting{font-size:12px}}
.audio-control{position:relative;display:inline-flex;flex-shrink:0}.audio-hint{position:absolute;z-index:120;top:52px;right:-8px;width:264px;padding:15px 16px 12px;border:2.5px solid var(--ink);border-radius:15px;background:#fff2bc;box-shadow:4px 5px 0 var(--ink);text-align:left;white-space:normal}.audio-hint:before{content:'';position:absolute;top:-9px;right:17px;width:13px;height:13px;background:#fff2bc;border-left:2.5px solid var(--ink);border-top:2.5px solid var(--ink);transform:rotate(45deg)}.audio-hint>b{font-size:13px;display:block}.audio-hint p{font-size:12px;line-height:1.8;margin:8px 0 9px}.audio-hint>button{display:block;margin-left:auto;padding:6px 13px;border:1.5px solid var(--ink);border-radius:8px;background:white;font-size:11px;box-shadow:0 2px 0 var(--ink)}.audio-control:has(.audio-hint:not([hidden])){z-index:121}@media(max-width:600px){.audio-hint{width:230px;right:-35px;top:48px;padding:13px}.audio-hint:before{right:43px}.audio-hint p{font-size:11px}}@media(max-width:340px){.audio-hint{width:210px;right:-55px}.audio-hint:before{right:63px}}