.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 2rem)}.notification{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgb(var(--fg-rgb) / .1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;border:1px solid rgb(var(--fg-rgb) / .08);box-shadow:0 4px 20px #0006;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{flex-shrink:0;width:20px;height:20px}.notification-icon svg{width:100%;height:100%}.notification-message{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-tertiary);transition:color .2s}@media(hover:hover){.notification-close:hover{color:var(--text-primary)}}.notification-close svg{width:16px;height:16px}.notification-success{border-color:var(--accent);background:linear-gradient(90deg,rgba(212,160,83,.15) 0%,var(--dk-1a1a1a) 100%)}.notification-success .notification-icon{color:var(--accent-ink)}.notification-error{border-color:var(--error);background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,var(--dk-1a1a1a) 100%)}.notification-error .notification-icon{color:var(--tx-c75d5d)}.notification-info{border-color:#3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.15) 0%,var(--dk-1a1a1a) 100%)}.notification-info .notification-icon{color:var(--tx-3b82f6)}.notification-warning{border-color:#f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.15) 0%,var(--dk-1a1a1a) 100%)}.notification-warning .notification-icon{color:var(--tx-f59e0b)}@media(max-width:480px){.notification-container{top:auto;bottom:5rem;left:.5rem;right:.5rem;width:auto;max-width:none}.notification{padding:.5rem .75rem;gap:.5rem}.notification-message{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-icon{width:16px;height:16px}.notification-close svg{width:14px;height:14px}}.notification-history-overlay{position:fixed;inset:0;background:#00000080;z-index:1500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-history-sidebar{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--dk-0d0d0d);border-left:1px solid var(--dk-222222);z-index:1501;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notification-history-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--dk-222222)}.notification-history-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.notification-history-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-tertiary);transition:color .2s;border-radius:8px}@media(hover:hover){.notification-history-close:hover{color:var(--text-primary);background:rgb(var(--fg-rgb) / .1)}}.notification-history-close svg{width:20px;height:20px;display:block}.notification-history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);padding:2rem;text-align:center}.notification-history-empty svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.notification-history-empty p{font-size:.9rem}.notification-history-actions{padding:.75rem 1rem;border-bottom:1px solid var(--dk-222222)}.clear-history-btn{background:none;border:1px solid var(--dk-333333);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}@media(hover:hover){.clear-history-btn:hover{border-color:var(--error);color:var(--tx-c75d5d)}}.notification-history-list{flex:1;overflow-y:auto;padding:.5rem}.notification-history-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:8px;margin-bottom:.5rem;background:rgb(var(--fg-rgb) / .1);border:1px solid rgb(var(--fg-rgb) / .08)}.notification-history-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}.notification-history-icon svg{width:100%;height:100%}.notification-history-content{flex:1;min-width:0}.notification-history-message{display:block;font-size:.875rem;color:var(--gy-dddddd);line-height:1.4;word-break:break-word}.notification-history-time{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.notification-history-success .notification-history-icon{color:var(--accent-ink)}.notification-history-error .notification-history-icon{color:var(--tx-c75d5d)}.notification-history-info .notification-history-icon{color:var(--tx-3b82f6)}.notification-history-warning .notification-history-icon{color:var(--tx-f59e0b)}.notification-history-server .notification-history-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--dk-333333);display:flex;align-items:center;justify-content:center}.notification-history-server .notification-history-avatar img{width:100%;height:100%;object-fit:cover}.notification-history-server .notification-history-avatar svg{width:20px;height:20px;color:var(--gy-888888)}.notification-history-item.unread{background:#3b82f614}.notification-history-divider{height:1px;background:var(--dk-333333);margin:.5rem 1rem}.notification-history-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gy-888888);padding:.5rem 1rem .25rem}@media(max-width:480px){.notification-history-sidebar{width:100%}}
