.alarm-stage{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 25% 20%,#f359983b,transparent 65%),radial-gradient(ellipse at 80% 75%,#835bff60,transparent 65%),#101122ed;backdrop-filter:blur(14px);overflow:hidden}.alarm-stage[hidden]{display:none}.alarm-stage:before{content:'';position:absolute;inset:14px;border:2px solid #d8b5ff88;border-radius:28px;box-shadow:inset 0 0 70px #c65dff33,0 0 50px #ff6aa84d;animation:border-glow 3s ease-in-out infinite alternate;pointer-events:none}.alarm-message{position:relative;text-align:center;width:min(520px,100%);z-index:2}.alarm-kicker{color:#ffc992;font-size:13px;letter-spacing:5px;font-weight:800}.alarm-message h2{font-size:clamp(42px,9vw,80px);letter-spacing:-3px;margin:22px 0 12px;color:#fff;text-shadow:0 0 40px #e0a3ff99}.alarm-message p{color:#e0d3ec}.alarm-symbol{position:relative;width:150px;height:150px;margin:22px auto 34px;display:grid;place-items:center;font-size:66px;border-radius:50%;background:linear-gradient(135deg,#ffc47c,#f17caf 50%,#ad83ff);box-shadow:0 0 80px #df87ff66;animation:float-bell 2.5s ease-in-out infinite}.alarm-symbol:before,.alarm-symbol:after{content:'';position:absolute;inset:-24px;border:1px solid #f4bcff66;border-radius:50%;animation:ripple 3s ease-out infinite}.alarm-symbol:after{animation-delay:1.5s}.alarm-dismiss{margin-top:22px;background:linear-gradient(110deg,#ffcf91,#f5a7df,#c5b1ff);width:min(340px,100%);padding:19px 25px;border-radius:16px;color:#271834;font-size:18px;box-shadow:0 10px 45px #c072ed44}.alarm-dismiss:focus-visible{outline:3px solid white;outline-offset:5px}.alarm-shortcut{display:block;margin-top:15px;color:#af9ebd;font-size:12px}.spark{position:absolute;left:var(--x);top:110%;width:var(--size);height:var(--size);background:var(--color);border-radius:2px;opacity:0;animation:spark-rise var(--duration) linear var(--delay) infinite;pointer-events:none}.equalizer{display:flex;justify-content:center;gap:5px;height:26px;align-items:center;margin-top:22px}.equalizer i{width:4px;height:12px;border-radius:5px;background:#edbdff;animation:equalize 1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}body.alarm-active{overflow:hidden}@keyframes float-bell{50%{transform:translateY(-9px) rotate(8deg)}}@keyframes ripple{from{transform:scale(.85);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes border-glow{to{border-color:#ffbc8188;box-shadow:inset 0 0 100px #ff9d5522,0 0 70px #c68fff44}}@keyframes spark-rise{10%{opacity:.8}90%{opacity:.6}to{transform:translate3d(30px,-120vh,0) rotate(270deg);opacity:0}}@keyframes equalize{to{height:26px;opacity:.5}}@media(prefers-reduced-motion:reduce){.alarm-stage *,.alarm-stage:before{animation:none!important}.spark{display:none}}
