:root{--edu-ambience-height:48px}
.edu-ambience-space{height:var(--edu-ambience-height);flex:none}
#edu-ambience-bar{position:fixed;inset:0 0 auto;z-index:45;color-scheme:light;height:var(--edu-ambience-height);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));background:#f1fbf7;color:#194637;border-bottom:1px solid #c9e9dc;font:12px/1.2 system-ui,-apple-system,sans-serif;box-shadow:0 1px 8px #173e3010}
.edu-ambience-name{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750;letter-spacing:1.4px;white-space:nowrap}
.edu-ambience-name i{width:6px;height:6px;border-radius:50%;background:#24b473;box-shadow:0 0 7px #24b47360}
.edu-ambience-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
#edu-ambience-bar button{margin:0;min-height:38px;padding:7px 12px;min-width:128px;border:1px solid #c3e0d3;border-radius:20px;background:white;color:#21543e;font:600 12px/1.2 system-ui,-apple-system,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:none;letter-spacing:0}
#edu-ambience-bar button[aria-pressed=true]{background:#dff5e9;border-color:#9dd5b8;color:#145131}
#edu-ambience-bar button:disabled{opacity:.62;cursor:default}
#edu-ambience-bar button:focus-visible,#edu-ambience-bar input:focus-visible{outline:3px solid #098b57;outline-offset:2px}
.edu-ambience-volume{display:flex;align-items:center;gap:6px;margin:0 0 0 6px;color:#426353;font:11px/1.2 system-ui,sans-serif}
#edu-ambience-bar input{width:70px;min-width:0;height:26px;padding:0;margin:0;accent-color:#1a9f65;cursor:pointer}
#edu-global-meteors{position:fixed;top:var(--edu-ambience-height);left:0;width:100%;height:calc(100% - var(--edu-ambience-height));z-index:8;pointer-events:none!important;contain:strict}
#edu-global-meteors[hidden]{display:none!important}
.edu-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-edu-motion] .top{top:var(--edu-ambience-height)}
html[data-edu-motion] .tc-meteors,html[data-edu-motion] .tc-motion{display:none!important}
html[data-edu-motion=off] *,html[data-edu-motion=off] *::before,html[data-edu-motion=off] *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}
@media(max-width:650px){.edu-ambience-name{display:none}#edu-ambience-bar{justify-content:center;padding-left:7px;padding-right:7px}.edu-ambience-actions{margin:auto;gap:5px}#edu-ambience-bar button{min-width:122px;padding:7px 9px;font-size:11px}.edu-ambience-volume{font-size:0;margin-left:2px}#edu-ambience-bar input{width:46px}}
@media(max-width:350px){#edu-ambience-bar button{min-width:114px;padding:7px;font-size:10.5px}#edu-ambience-bar input{width:35px}}
@media print{#edu-ambience-bar,#edu-global-meteors,.edu-ambience-space{display:none!important}html[data-edu-motion] .top{top:0}}