.warning-popup{--warning-accent:#ffbf65;position:fixed;z-index:7;box-sizing:border-box;padding:16px 18px 12px;border:1px solid #417eb5;border-radius:12px;background:linear-gradient(125deg,#153c62f5,#0c2341f5);color:#dceeff;box-shadow:0 12px 38px #020e2366;backdrop-filter:blur(18px);pointer-events:auto;overflow:hidden;animation:warning-glow 2.4s ease-in-out infinite}.warning-popup[hidden]{display:none!important}.warning-popup[data-level=danger]{--warning-accent:#ff8395}.warning-popup[data-level=info]{--warning-accent:#7db9ff}.warning-popup header{position:relative;display:flex;align-items:center;gap:10px}.warning-popup-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:1px solid color-mix(in srgb,var(--warning-accent) 40%,transparent);border-radius:10px;color:var(--warning-accent);background:color-mix(in srgb,var(--warning-accent) 10%,transparent)}.warning-popup-icon svg{width:23px;height:23px}.warning-popup header small{display:block;color:#95b9df;font-size:10px;letter-spacing:2px}.warning-popup h3{margin:3px 0 0;color:var(--warning-accent);font-size:16px;line-height:1.25}.warning-popup-close{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;padding:0;border:1px solid #4e7da94d;border-radius:7px;color:#aacbec;background:#244a711a;cursor:pointer}.warning-popup-close svg{width:17px;height:17px}.warning-popup-close:hover{color:#fff;background:#2d6198;border-color:#73b2ed}.warning-popup-close:focus-visible{outline:2px solid #8ac5ff;outline-offset:3px}.warning-popup-message{position:relative;margin:14px 0 13px;min-height:44px;font-size:13px;font-weight:500;line-height:1.75;letter-spacing:.3px;color:#e0eeff}.warning-popup footer{display:flex;align-items:center;gap:8px;font-size:10px;color:#749ac3}.warning-popup footer b{color:#a7cfff;font-size:11px;font-variant-numeric:tabular-nums}.warning-popup footer small{margin-left:auto;font-size:10px}.warning-popup-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#335a8055}.warning-popup-progress i{display:block;height:100%;background:linear-gradient(90deg,#488cff,var(--warning-accent));transform-origin:left}.warning-popup.is-changing .warning-popup-progress i{animation:warning-countdown 5s linear both}.warning-popup.is-changing .warning-popup-message{animation:warning-enter .35s ease-out both}.warning-popup-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--warning-accent) 11%,transparent),transparent 70%)}.warning-popup.is-paused,.warning-popup.is-paused *{animation-play-state:paused!important}@keyframes warning-glow{0%,100%{border-color:#427dab;box-shadow:0 12px 38px #020e2366,0 0 5px #468fff12}50%{border-color:#83bfff;box-shadow:0 12px 38px #020e2366,0 0 22px #468fff55,inset 0 0 14px #3689fc10}}@keyframes warning-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes warning-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.warning-popup,.warning-popup *{animation:none!important}}@media(max-width:600px){.warning-popup{padding:12px 14px}.warning-popup-message{margin:10px 0;font-size:12px}.warning-popup h3{font-size:14px}}/* Visible warning pulses follow each severity without obscuring the message. */
.warning-popup{animation:warning-glow-strong 1.8s ease-in-out infinite;border-width:2px}
.warning-popup::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(110deg,transparent 15%,color-mix(in srgb,var(--warning-accent) 24%,transparent) 48%,transparent 78%);transform:translateX(-120%);animation:warning-light-sweep 3.2s ease-in-out infinite}
.warning-popup-icon{animation:warning-icon-pulse 1.8s ease-in-out infinite}
.warning-popup-glow{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--warning-accent) 23%,transparent),transparent 75%);animation:warning-inner-pulse 1.8s ease-in-out infinite}
.warning-popup footer{position:relative}
@keyframes warning-glow-strong{0%,100%{border-color:color-mix(in srgb,var(--warning-accent) 48%,#427dab);box-shadow:0 12px 38px #020e2366,0 0 10px color-mix(in srgb,var(--warning-accent) 20%,transparent),inset 0 0 10px color-mix(in srgb,var(--warning-accent) 5%,transparent)}50%{border-color:var(--warning-accent);box-shadow:0 12px 38px #020e2366,0 0 24px color-mix(in srgb,var(--warning-accent) 60%,transparent),0 0 46px color-mix(in srgb,var(--warning-accent) 24%,transparent),inset 0 0 22px color-mix(in srgb,var(--warning-accent) 14%,transparent)}}
@keyframes warning-icon-pulse{0%,100%{box-shadow:0 0 0 0 transparent;filter:brightness(1)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--warning-accent) 55%,transparent);filter:brightness(1.35)}}
@keyframes warning-inner-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes warning-light-sweep{0%,15%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.warning-popup,.warning-popup::before,.warning-popup *{animation:none!important}.warning-popup{border-color:var(--warning-accent);box-shadow:0 0 20px color-mix(in srgb,var(--warning-accent) 35%,transparent)}}