.notification-trigger{border:1px solid #736384;background:#302140;border-radius:10px;color:#f3eafa;padding:10px 12px;font-size:12px;cursor:pointer}.notification-panel{position:fixed;right:20px;top:80px;width:min(430px,calc(100vw - 32px));max-height:75vh;overflow:auto;z-index:120;background:#1f192e;border:1px solid #8a68ac;border-radius:17px;padding:20px;box-shadow:0 24px 90px #000b;color:#f8f4ff}.notification-panel[hidden],.notification-toast[hidden]{display:none}.notification-panel h2{margin:0 0 15px;font-size:21px}.notification-panel button{border:1px solid #6e587d;background:#3b294a;border-radius:7px;padding:8px;color:#eee;cursor:pointer}.notification-actions{display:flex;justify-content:space-between;gap:10px}.notification-panel article{padding:16px 12px;border-bottom:1px solid #483753;border-left:3px solid transparent;overflow-wrap:anywhere}.notification-panel article.unread{background:#9f6bef15;border-left-color:#cba0ff}.notification-panel article strong{font-size:14px}.notification-panel article p{font-size:12px;line-height:1.6;color:#d2bfdc;margin:6px 0}.notification-panel time{color:#9f90ad;font-size:11px}.notification-toast{position:fixed;right:22px;bottom:90px;z-index:140;max-width:min(440px,calc(100vw - 44px));background:#3b2753;color:#fff;border:1px solid #c490f2;border-radius:14px;padding:18px;box-shadow:0 10px 40px #0008;font-size:13px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:650px){.notification-trigger{padding:8px;font-size:11px}.notification-panel{top:68px;right:16px}}