.notice{--notice-color:#4a9eff;--notice-fill:#2e2f42;--notice-border:color-mix(in srgb,var(--notice-color)42%,#3a3b4e);--notice-glow:color-mix(in srgb,var(--notice-color)38%,transparent);--notice-flash:color-mix(in srgb,var(--notice-color)16%,var(--notice-fill));color:#f0f0f5;background:var(--notice-fill);border:1px solid var(--notice-border)}.notice[data-kind=success]{--notice-color:#4cc38a}.notice[data-kind=info]{--notice-color:#4a9eff}.notice[data-kind=warning]{--notice-color:#e9b44c}.notice[data-kind=error]{--notice-color:#f06a6a}.notice-icon{color:var(--notice-color);flex:none}.notice-chip{border-radius:999px;align-items:center;gap:6px;max-width:55%;height:20px;padding:0 10px 0 4px;animation:.22s cubic-bezier(.2,.8,.2,1) notice-enter,1.1s ease-out notice-glow;display:inline-flex}.notice-toast{--notice-fill:#252638;pointer-events:auto;border-radius:8px;align-items:center;gap:10px;max-width:min(560px,100%);min-height:40px;padding:6px 6px 6px 12px;font-size:13px;line-height:18px;animation:.22s cubic-bezier(.2,.8,.2,1) notice-enter,1.1s ease-out notice-toast-glow;display:flex;box-shadow:0 12px 32px #08091480,0 2px 6px #08091459}.notice-toast__text{min-width:0;padding:3px 0}.notice-toast__action{color:#4a9eff;background:#4a9eff1a;border:1px solid #4a9effb3;border-radius:6px;flex:none;padding:4px 10px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s}.notice-toast__action:hover{background:#4a9eff2e;border-color:#4a9eff}.notice-toast__close{color:#88a;border-radius:6px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .15s,color .15s;display:flex}.notice-toast__close:hover{color:#e0e0e0;background:#3a3b4e}.notice-toast__action:focus-visible,.notice-toast__close:focus-visible{outline-offset:1px;outline:2px solid #4a9eff}@keyframes notice-enter{0%{opacity:0;transform:translateY(6px)}}@keyframes notice-glow{0%,25%{background:var(--notice-flash);box-shadow:0 0 0 3px var(--notice-glow),0 0 14px var(--notice-glow)}}@keyframes notice-toast-glow{0%,25%{background:var(--notice-flash);box-shadow:0 0 0 3px var(--notice-glow),0 0 18px var(--notice-glow),0 12px 32px #08091480}}@media (prefers-reduced-motion:reduce){.notice-chip{animation:1.1s ease-out notice-glow;animation-duration:1.1s!important}.notice-toast{animation:1.1s ease-out notice-toast-glow;animation-duration:1.1s!important}}