.message-container{position:fixed;top:28px;left:50%;transform:translateX(-50%);z-index:9999;flex-direction:column;gap:10px;pointer-events:none;max-width:480px;padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.message-container,.message-item{display:flex;align-items:center;width:100%}.message-item{pointer-events:auto;gap:14px;padding:12px 20px 12px 22px;background:hsla(0,0%,100%,.72);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:80px;box-shadow:0 20px 40px -12px rgba(0,20,30,.2),0 4px 18px rgba(0,0,0,.04),inset 0 0 0 1px hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.3);font-size:.95rem;font-weight:470;letter-spacing:-.01em;color:#0b1a2a;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:top center}.message-item:hover{box-shadow:0 24px 48px -16px rgba(0,20,30,.25),0 4px 20px rgba(0,0,0,.06);background:hsla(0,0%,100%,.82)}.message-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:hsla(0,0%,100%,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.message-icon svg{display:block;width:20px;height:20px}.message-content{flex:1;line-height:1.5;word-break:break-word;padding:2px 0}.message-close-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,.04);color:rgba(0,0,0,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:4px;padding:0}.message-close-btn:hover{background:rgba(0,0,0,.08);color:rgba(0,0,0,.7);transform:scale(1.05)}.message-close-btn:active{transform:scale(.92)}.message-enter{animation:slideDown .4s cubic-bezier(.22,1,.36,1) forwards}.message-exit{animation:slideUp .3s cubic-bezier(.22,.8,.36,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px) scale(.94) rotateX(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}to{opacity:0;transform:translateY(-20px) scale(.94) rotateX(-4deg)}}.msg-success{background:rgba(236,252,242,.82);border-color:rgba(52,211,153,.25);color:#0a5c3e}.msg-success .message-icon{color:#0b8a5e;background:rgba(52,211,153,.18)}.msg-error{background:hsla(0,86%,97%,.82);border-color:rgba(239,68,68,.2);color:#a12424}.msg-error .message-icon{color:#d63a3a;background:rgba(239,68,68,.14)}.msg-warning{background:rgba(255,248,235,.82);border-color:rgba(251,191,36,.25);color:#8e6316}.msg-warning .message-icon{color:#c98b1b;background:rgba(251,191,36,.16)}.msg-info{background:rgba(239,246,255,.82);border-color:rgba(96,165,250,.2);color:#1a4a7a}.msg-info .message-icon{color:#3b82f6;background:rgba(96,165,250,.14)}@media (prefers-color-scheme:dark){.message-item{background:rgba(28,35,48,.78);border-color:hsla(0,0%,100%,.06);color:#e8edf5;box-shadow:0 20px 40px -12px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.05)}.message-item:hover{background:rgba(38,46,60,.85);box-shadow:0 24px 48px -16px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.08)}.message-close-btn{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.3)}.message-close-btn:hover{background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.7)}.msg-success{background:rgba(20,60,45,.78);color:#7ee8b0}.msg-success .message-icon{background:rgba(52,211,153,.2);color:#5ee0a0}.msg-error{background:rgba(80,28,28,.78);color:#f8a0a0}.msg-error .message-icon{background:rgba(239,68,68,.2);color:#f87171}.msg-warning{background:rgba(75,52,18,.78);color:#f5c542}.msg-warning .message-icon{background:rgba(251,191,36,.2);color:#fbbf24}.msg-info{background:rgba(28,55,85,.78);color:#9ac2f5}.msg-info .message-icon{background:rgba(96,165,250,.2);color:#6b9ff5}}