.audio-consent { position: fixed; inset: 0; z-index: 2147483647; display: none; place-items: center; padding: 20px; background: rgba(54,30,44,.58); backdrop-filter: blur(7px); box-sizing: border-box; }
.audio-consent.is-open { display: grid; }
.audio-consent__panel { position: relative; width: min(520px,100%); padding: 44px 42px 38px; border: 2px solid rgba(190,93,133,.28); border-radius: 28px; background: linear-gradient(145deg,#fffafd,#ffeaf3); color: #573444; text-align: center; box-shadow: 0 24px 70px rgba(48,20,35,.3); box-sizing: border-box; animation: audioConsentIn .35s ease both; }
.audio-consent__panel::before,.audio-consent__panel::after { content: ""; position: absolute; width: 38px; height: 38px; background: url("../logo/school-badge.png") center / contain no-repeat; opacity: .78; }
.audio-consent__panel::before { top: 16px; left: 20px; }
.audio-consent__panel::after { right: 20px; bottom: 14px; transform: rotate(25deg); }
@keyframes audioConsentIn { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: none; } }
.audio-consent__title { margin: 0; color: #85264f; font-size: clamp(22px,4vw,30px); letter-spacing: .06em; }
.audio-consent__text { margin: 16px 0 28px; font-size: 15px; line-height: 1.9; }
.audio-consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.audio-consent__button { min-height: 50px; padding: 10px 16px; border: 1px solid #bd5c84; border-radius: 999px; font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: transform .2s ease,box-shadow .2s ease; }
.audio-consent__button:hover { transform: translateY(-2px); }
.audio-consent__button--on { background: #a92f63; color: #fff; box-shadow: 0 8px 18px rgba(169,47,99,.22); }
.audio-consent__button--off { background: #fff; color: #8b3c5d; }
.site-audio-toggle { position: fixed; left: 14px; bottom: 14px; z-index: 2147483645; display: none; align-items: center; gap: 7px; padding: 9px 13px; border: 1px solid rgba(169,47,99,.25); border-radius: 999px; background: rgba(255,250,253,.96); color: #8b3158; font-family: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 8px 18px rgba(65,25,44,.14); }
.site-audio-toggle.is-visible { display: inline-flex; }
@media (max-width:520px) { .audio-consent__panel { padding: 38px 22px 30px; } .audio-consent__actions { grid-template-columns: 1fr; } }