@keyframes notifDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notifSlideIn{0%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes notifSlideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.notif-sheet-modal{max-height:85vh;display:flex;flex-direction:column;overflow:hidden;color:var(--ui-text)}.notif-sheet-modal .notif-modal-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.notif-sheet-modal .notif-modal-content{flex:1;overflow-y:auto}.notif-modal-overlay{position:fixed;top:0;left:84px;right:0;bottom:0;background:transparent;z-index:9998}.notif-modal-container{position:fixed;top:10px;bottom:20px;left:84px;z-index:15000;animation:notifSlideIn .3s ease;pointer-events:auto;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.notif-modal{width:375px;min-width:375px;height:100%;max-height:100%;background:linear-gradient(180deg,#568de90f,#568de908);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid oklch(65% .15 260 / .08);border-left:none;border-radius:0 10px 10px 0;display:flex;flex-direction:column;overflow:hidden;color:var(--ui-text)}@media(min-width:769px)and (max-width:1024px){.notif-modal-container{left:24px}.notif-modal{width:420px;min-width:420px}}@keyframes notifOverlayIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.notif-modal-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#568de914,#568de90a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.notif-modal-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.notif-modal-content::-webkit-scrollbar{width:2px}.notif-modal-content::-webkit-scrollbar-track{background:transparent}.notif-modal-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.notif-modal-content:hover::-webkit-scrollbar-thumb{background:#ffffff26}.notif-dropdown{width:380px;max-height:calc(100vh - 80px);background:linear-gradient(180deg,#568de90f,#568de908);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff08 inset;color:var(--ui-text)}.notif-dropdown .notif-modal-header{border-radius:12px 12px 0 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.notif-dropdown .notif-modal-content{max-height:calc(100vh - 140px)}[data-theme=light] .notif-dropdown{background:linear-gradient(180deg,#fffffff2,#fffffffa);border-color:#00000014;box-shadow:0 10px 24px #0000001f}[data-theme=light] .notif-dropdown .notif-modal-header{background:transparent;border-bottom-color:#0000000f}[data-theme=light] .notif-modal{background:linear-gradient(180deg,#fffffff2,#fffffffa);border-color:#0000001a}[data-theme=light] .notif-modal-header{background:transparent;border-bottom-color:#0000000f}[data-theme=light] .notif-modal-content::-webkit-scrollbar-thumb{background:#00000014}[data-theme=light] .notif-modal-content:hover::-webkit-scrollbar-thumb{background:#00000026}