.NotificationBox_notificationBox__ILPY8{position:fixed;top:80px;right:20px;background-color:hsla(0,0%,100%,.9);border:1px solid #ccc;border-radius:8px;padding:1rem;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:NotificationBox_pulse__y39zC 1s infinite;z-index:1000;display:flex;flex-direction:column;gap:1rem;max-height:80vh;overflow-y:auto}@keyframes NotificationBox_pulse__y39zC{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.NotificationBox_closeButton__tHuk2{background:none;border:none;cursor:pointer;font-size:16px;color:red;margin-top:10px}.NotificationBox_notification__itoWK{position:relative;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);gap:1rem;overflow:hidden;transition:all .3s ease;border-left:4px solid #4a90e2}.NotificationBox_notification__itoWK.NotificationBox_newUser__h03FW{border-left-color:#2ecc71;background:linear-gradient(90deg,rgba(46,204,113,.05),white)}.NotificationBox_notification__itoWK.NotificationBox_reminder__hOceJ{border-left-color:#e67e22;background:linear-gradient(90deg,rgba(230,126,34,.05),white)}.NotificationBox_notification__itoWK:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.NotificationBox_notificationContent__ZWmnP{padding:1rem}.NotificationBox_header__YohTt{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.NotificationBox_title__mcB1g{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50}.NotificationBox_body__mjBuy{margin:.5rem 0;color:#34495e;line-height:1.5}.NotificationBox_metadata__DmkBT{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.NotificationBox_badge__dvqcA{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.NotificationBox_newUser__h03FW .NotificationBox_badge__dvqcA{background-color:rgba(46,204,113,.1);color:#27ae60}.NotificationBox_reminder__hOceJ .NotificationBox_badge__dvqcA{background-color:rgba(230,126,34,.1);color:#d35400}.NotificationBox_importance__BPPti{font-size:.8rem;color:#7f8c8d;background-color:#f5f6fa;padding:.25rem .75rem;border-radius:12px}.NotificationBox_removeButton__Hdn6t{background:none;border:none;color:#95a5a6;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:all .2s ease;border-radius:8px;margin:-.25rem -.25rem 0 0}.NotificationBox_removeButton__Hdn6t:hover{background-color:rgba(0,0,0,.05);color:#e74c3c}.NotificationBox_enableSoundButton__iMwal{position:fixed;top:20px;right:20px;padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease;z-index:1001}.NotificationBox_enableSoundButton__iMwal:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.ConnectionButton_connectionButton__rwKx4{position:fixed;top:20px;right:20px;padding:12px 24px;background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;z-index:1001;min-width:200px}.ConnectionButton_connectionButton__rwKx4:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15);background:linear-gradient(135deg,#1c7b94,#5bb8cc)}.ConnectionButton_connectionButton__rwKx4:disabled{cursor:default;opacity:.9}.ConnectionButton_connectionButton__rwKx4.ConnectionButton_connected__xKcNy{background:linear-gradient(135deg,#43c6ac,#28a745)}.ConnectionButton_connectionButton__rwKx4.ConnectionButton_connected__xKcNy:hover{background:linear-gradient(135deg,#3bb39b,#239a3b)}.ConnectionButton_icon___zNCN{font-size:1.5rem;line-height:1}.ConnectionButton_text__J2RNM{flex:1 1;text-align:center;font-weight:500}.ConnectionButton_status__I0kGM{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 8px;background:hsla(0,0%,100%,.2);border-radius:8px}.ConnectionButton_statusDot__KvYjx{width:8px;height:8px;border-radius:50%;background-color:#fff;animation:ConnectionButton_pulse__xbMDg 2s infinite}@keyframes ConnectionButton_pulse__xbMDg{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}