/* Pattern 25: sparse magical embers. No canvas or JavaScript render loop. */
body{isolation:isolate}
#ambient-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
#ambient-particles i{position:absolute;left:var(--x);bottom:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#b5f5ff;box-shadow:0 0 9px 3px #30c6ed88;opacity:0;animation:devsepa-ember-rise var(--duration) linear var(--delay) infinite}
@keyframes devsepa-ember-rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.85}72%{opacity:.65}100%{transform:translate3d(var(--drift),-105vh,0);opacity:0}}
html.ambient-paused #ambient-particles i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html:not(.ambient-enabled) #ambient-particles{display:none}}
#ambient-particles i::after{content:"";position:absolute;left:25%;top:60%;width:50%;height:13px;border-radius:50%;background:linear-gradient(#7ce8ff88,transparent)}
html.ambient-disabled #ambient-particles{display:none}
html.ambient-disabled #ambient-particles i{animation-play-state:paused}
#ambient-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:15px;color:#e4edf7;background:transparent;border:0;cursor:pointer;font:inherit}
#ambient-toggle>span{display:grid;gap:6px}.ambient-setting-note{color:#a9bed2;font-size:12px;line-height:1.5}.ambient-switch-state{padding:6px 13px;border-radius:20px;background:#263b4d;color:#bccbd8;font-size:12px}#ambient-toggle[aria-checked="true"] .ambient-switch-state{background:#075e71;color:#89f0ff}#ambient-toggle:focus-visible{outline:2px solid #30cdf5;outline-offset:-3px}