.fb-message-container{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--z-nav) + 10);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:1024px;margin:0 auto}.fb-message-notification{pointer-events:auto;animation:.3s ease-out messageSlideUp;width:auto;max-width:90vw}.fb-message-content{border:1px solid var(--message-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;min-width:20rem;max-width:90vw;font-weight:500;padding:var(--space-3) var(--space-4);color:var(--message-color)}.fb-message-text{flex:1;margin-right:var(--space-3);font-size:var(--text-lg);line-height:1.4}.fb-message-close{background:0 0;border:none;color:var(--message-color);font-size:var(--text-lg);font-weight:700;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);flex-shrink:0}.fb-message-close:hover{background-color:rgba(0,0,0,.1)}.fb-message-info{--message-bg:#049bff41;--message-color:#1e40af;--message-border:#bae6fd}.fb-message-success{--message-bg:#00ff5931;--message-color:#04ff64;--message-border:#bbf7d0}.fb-message-warning{--message-bg:#fed7aa;--message-color:#ffbb00;--message-border:#fed7aa}.fb-message-error{--message-bg:#ff00002c;--message-color:#ff0000;--message-border:#fecaca}.fb-message-neutral{--message-bg:var(--surface);--message-color:var(--text);--message-border:var(--border)}[data-theme=dark] .fb-message-info{--message-bg:#1e3a8a;--message-color:#93c5fd;--message-border:#1e40af}[data-theme=dark] .fb-message-success{--message-bg:#064e3b;--message-color:#6ee7b7;--message-border:#065f46}[data-theme=dark] .fb-message-warning{--message-bg:#78350f;--message-color:#fcd34d;--message-border:#92400e}[data-theme=dark] .fb-message-error{--message-bg:#7f1d1d;--message-color:#fca5a5;--message-border:#991b1b}[data-theme=dark] .fb-message-neutral{--message-bg:var(--surface);--message-color:var(--text);--message-border:var(--border)}[data-theme=dark] .fb-message-close:hover{background-color:rgba(255,255,255,.1)}@keyframes messageSlideUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}