.kv-notification-bell{position:relative;width:42px;height:42px;border:1px solid rgba(101,225,255,.3);border-radius:14px;display:grid;place-items:center;color:#b9f3ff;background:rgba(10,24,45,.76)}.kv-notification-bell svg{width:20px}.kv-notification-bell span{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:#ff4f8b;color:#fff;font:700 10px/1 system-ui;box-shadow:0 0 18px rgba(255,79,139,.6)}
.kv-notify-shell{display:grid;gap:20px}.kv-notify-toolbar,.kv-notify-toolbar>div,.kv-notify-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kv-notify-toolbar form,.kv-notify-actions form{display:flex;align-items:center;gap:8px;margin:0}.kv-notify-toolbar select,.kv-notify-panel input,.kv-notify-panel select,.kv-notify-panel textarea{border:1px solid rgba(123,229,255,.22);border-radius:12px;background:#091529;color:#eafaff;padding:11px 13px}.kv-notify-list{display:grid;gap:10px}.kv-notify-card,.kv-notify-detail,.kv-notify-panel{position:relative;border:1px solid rgba(121,221,255,.16);border-radius:20px;background:linear-gradient(145deg,rgba(13,29,52,.94),rgba(7,16,33,.94));box-shadow:0 22px 60px rgba(0,0,0,.22);padding:20px;color:#eafaff}.kv-notify-card{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:16px;align-items:center;text-decoration:none}.kv-notify-card:hover{transform:translateY(-2px);border-color:rgba(117,233,255,.45)}.kv-notify-card h2,.kv-notify-detail h2,.kv-notify-panel h2{margin:.3rem 0 .45rem;font-size:1.2rem}.kv-notify-card p,.kv-notify-detail p,.kv-notify-panel p{margin:0;color:#9fb2c9}.kv-notify-card time,.kv-notify-detail time{color:#7f96ae;font-size:.78rem}.kv-notify-dot{width:8px;height:8px;border-radius:50%;background:#526a81}.kv-notify-card.is-unread .kv-notify-dot{background:#66ecff;box-shadow:0 0 14px #43d9ff}.kv-notify-card.is-unread{border-color:rgba(102,236,255,.3)}.kv-notify-category{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:#6feaff}.kv-notify-empty{text-align:center;padding:50px 20px;border:1px dashed rgba(117,220,255,.2);border-radius:20px;color:#9fb2c9}.kv-notify-empty svg{width:42px}.kv-pagination{display:flex;gap:8px;justify-content:center}.kv-pagination a{padding:8px 12px;border:1px solid rgba(120,220,255,.2);border-radius:10px}.kv-pagination a[aria-current]{background:#68e6ff;color:#06101d}.kv-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kv-notify-panel form{display:grid;gap:12px}.kv-switch,.kv-privacy-choice{display:flex;align-items:center;gap:10px;padding:10px 0}.kv-switch input,.kv-privacy-choice input{width:auto}.kv-device-list{display:grid;gap:10px;margin:16px 0}.kv-device-list article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(120,220,255,.15);border-radius:14px}.kv-device-list article span{margin-right:auto;color:#91a8c0}.kv-ios-note,.kv-notify-panel small{color:#839bb5}.kv-live-list{display:grid;gap:10px}.kv-live-list article{display:grid;grid-template-columns:8px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(16,37,62,.72)}.kv-live-list p{margin:.15rem 0}.kv-live-list time{font-size:.75rem;color:#829ab4}.kv-aggregate{margin-top:16px!important;padding:14px;border-left:3px solid #63e9ff;background:rgba(76,218,255,.08)}.kv-live-widget{margin:22px 0;padding:24px;border:1px solid rgba(118,227,255,.17);border-radius:22px;background:rgba(7,18,34,.82)}.kv-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kv-live-grid article{display:grid;gap:5px;padding:14px;border-radius:16px;background:rgba(25,48,73,.65)}.kv-live-grid small,.kv-live-grid article span{color:#9fb2c9}.kv-activity li span small{display:block;color:#8199b4;margin-top:3px}
@media(max-width:800px){.kv-settings-grid,.kv-live-grid{grid-template-columns:1fr}.kv-notify-card{grid-template-columns:8px 1fr}.kv-notify-card time{grid-column:2}.kv-device-list article{align-items:flex-start;flex-direction:column}.kv-device-list article span{margin:0}.kv-notification-bell{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.kv-notify-card{transition:none!important}.kv-notify-card:hover{transform:none}}