.alerts-only{margin:0;min-height:100vh;overflow:hidden;background:transparent!important;color:#f3f5ff;font-family:Barlow,system-ui,sans-serif}
.alerts-root{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.alerts-layer{position:absolute;inset:clamp(0px,var(--alert-inset,36px),max(0px,calc((100vw - 240px)/2)));display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:flex-start}
.alerts-layer[data-position^="top-left"]{align-items:flex-start}.alerts-layer[data-position^="top-right"]{align-items:flex-end}
.alerts-layer[data-position="center"]{justify-content:center}.alerts-layer[data-position^="bottom"]{justify-content:flex-end}
.alerts-layer[data-position="bottom-left"]{align-items:flex-start}.alerts-layer[data-position="bottom-right"]{align-items:flex-end}
.alert-card{box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;min-height:108px;max-width:calc(100vw - 16px);overflow:hidden;position:relative;isolation:isolate;box-shadow:0 16px 42px #0008,inset 0 1px #ffffff22}
.alert-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--alert-surface);opacity:.94}
.alert-card[data-gradient-frame="true"]::before,.alert-card[data-gradient-surface="true"]::before{display:none}
.alert-icon{width:36px;height:36px;grid-column:1;grid-row:1;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.alert-content{grid-column:2;grid-row:1;min-width:0}.alert-title{font-size:16px;font-weight:700;line-height:1.2}.alert-event-label{font-size:14px;opacity:.82;margin-top:2px}.alert-message{margin:8px 0 0;overflow-wrap:anywhere;line-height:1.4}.alert-name-chip{display:inline-block;padding:0 .3em;border-radius:4px;font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--alert-accent),transparent 60%)}.alert-detail{font-size:20px;line-height:1.35;margin:8px 0 0;max-height:4.1em;overflow:hidden;overflow-wrap:anywhere;border-left:2px solid var(--alert-accent);padding-left:10px}
.alert-card[data-shape="speech"]{border-radius:18px}.alert-card[data-shape="speech"]::after{content:"";position:absolute;bottom:-9px;left:32px;width:16px;height:16px;transform:rotate(45deg);background:var(--alert-surface);border-right:inherit;border-bottom:inherit}
.alert-card[data-shape="slash"]{clip-path:polygon(0 0,100% 0,100% 84%,96% 100%,0 100%)}.alert-card[data-shape="ticket"]{border-radius:10px;border-style:dashed!important}
.alert-card[data-motion="fade"]{animation:alert-fade-in 220ms ease-out both}.alert-card[data-motion="slide"]{animation:alert-slide-in 220ms ease-out both}.alert-card[data-motion="pop"]{animation:alert-pop-in 240ms cubic-bezier(.2,.8,.2,1) both}.alert-card[data-motion="step"]{animation:alert-step-in 160ms steps(2,end) both}
.alert-card.is-exiting{animation:alert-exit 180ms ease-in both}.alert-card[data-motion="step"].is-exiting{animation-duration:160ms;animation-timing-function:steps(2,end)}
.alert-card[data-reduced-motion="true"],.alert-card[data-reduced-motion="true"].is-exiting{animation:none!important;transition:none!important}
@keyframes alert-fade-in{from{opacity:0}to{opacity:1}}@keyframes alert-slide-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-pop-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes alert-step-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-exit{to{opacity:0}}
.alerts-layer[data-position^="bottom"] .alert-card[data-motion="slide"]{animation-name:alert-slide-up}.alerts-layer[data-position^="bottom"] .alert-card[data-motion="step"]{animation-name:alert-step-up}@keyframes alert-slide-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-step-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.alert-card,.alert-card.is-exiting{animation:none!important;transition:none!important}}
.alert-preview-stage{position:relative;min-height:280px;display:grid;place-items:center;overflow:hidden;background-color:#101528;background-image:linear-gradient(45deg,#ffffff09 25%,transparent 25%),linear-gradient(-45deg,#ffffff09 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff09 75%),linear-gradient(-45deg,transparent 75%,#ffffff09 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.alerts-editor-layer{position:absolute;inset:8px;display:grid;place-items:center;overflow:hidden}
.alert-editor-card{position:relative!important;inset:auto!important;width:min(480px,calc(100% - 12px))!important;max-width:100%;max-height:calc(100% - 16px)}
.alerts-editor{display:grid;gap:12px;margin-block:18px;padding:18px;background:var(--panel,#1b2640);border:1px solid #8cece055;border-radius:12px;color:var(--ink,#f3f5ff)}
.alerts-editor h2,.alerts-editor p{margin:0}.alerts-editor>p,.alerts-note,.alerts-status,.alerts-editor small{font-size:.9rem;line-height:1.5;color:#c0c9dc}
.alerts-actions,.alerts-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.alerts-editor button,.alerts-editor select,.alerts-editor input{font:inherit}.alerts-editor button{padding:9px 12px;border:1px solid #8cece077;border-radius:7px;background:#101528;color:#f3f5ff;cursor:pointer}.alerts-editor button:hover{border-color:#8cece0}.alerts-editor button:focus-visible,.alerts-editor input:focus-visible,.alerts-editor select:focus-visible{outline:2px solid #8cece0;outline-offset:2px}.alerts-editor button:disabled{opacity:.5;cursor:not-allowed}
.alerts-editor>label,.alerts-options label,.alerts-type label{display:flex;align-items:center;gap:8px}.alerts-options label{padding:8px;background:#10152888;border-radius:6px}.alerts-options input[type=range]{width:100px}.alerts-editor output{font-variant-numeric:tabular-nums;color:#8cece0}.alerts-type-list{display:grid;gap:7px}.alerts-type{padding:10px 12px;background:#10152888;border:1px solid #ffffff18;border-radius:8px}.alerts-type summary{font-weight:700;cursor:pointer}.alerts-type summary input{margin-right:8px;accent-color:#8cece0}.alerts-type[open] summary{margin-bottom:10px}.alerts-type>label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:7px 0}.alerts-type input[type=text]{flex:1;min-width:160px;padding:8px;color:#f3f5ff;background:#101528;border:1px solid #64718a;border-radius:5px}.alerts-type input[type=number],.alerts-type select{padding:7px;color:#f3f5ff;background:#101528;border:1px solid #64718a;border-radius:5px}.alerts-type input[aria-invalid=true]{border-color:#ff8c83}.alerts-type [data-template-error]{display:block;color:#ffb3a8}.alerts-type [data-template-error][hidden]{display:none}.alerts-preview-stage{min-height:270px;border:1px solid #8cece044;border-radius:8px}.alerts-editor-layer{inset:8px}
.alerts-advanced{padding:10px 12px;border:1px solid #ffffff18;border-radius:8px;background:#10152855}.alerts-advanced summary{font-weight:700;cursor:pointer}.alerts-advanced label{display:flex;align-items:center;gap:8px;margin:9px 0}.alerts-advanced input[type=number]{width:88px;padding:6px;background:#101528;color:#f3f5ff;border:1px solid #64718a;border-radius:5px}