.notification-utility{position:fixed;z-index:700;top:max(9.5rem,calc(env(safe-area-inset-top) + 8.5rem));right:max(.75rem,env(safe-area-inset-right));width:44px;height:44px;pointer-events:none}.notification-bell{position:relative;display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(145,126,225,.38);border-radius:14px;background:linear-gradient(145deg,rgba(25,32,52,.97),rgba(7,13,26,.98));box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.3);color:#c9eaff;pointer-events:auto}.notification-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-bell__indicator{position:absolute;top:-5px;right:-5px;z-index:1}.notification-bell__indicator.is-badge{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border:2px solid #0b1220;border-radius:999px;background:linear-gradient(145deg,#bd62f1,#e078b7);color:#fff;font-size:10px;font-weight:850;line-height:1}.notification-bell__indicator.is-dot{width:11px;height:11px;border:2px solid #0b1220;border-radius:50%;background:linear-gradient(145deg,#62d9f1,#9a78ed);box-shadow:0 0 10px rgba(98,217,241,.45)}.notification-bell.has-arrival::after{position:absolute;inset:-6px;border:1px solid rgba(150,116,238,.75);border-radius:18px;content:"";animation:notification-arrival .82s ease-out both}@keyframes notification-arrival{0%{opacity:.9;transform:scale(.74)}100%{opacity:0;transform:scale(1.35)}}
.notification-sheet-backdrop{position:fixed;z-index:900;inset:0;padding:max(.7rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:rgba(2,6,17,.64);overscroll-behavior:none}.notification-sheet{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,32rem);max-height:min(72dvh,40rem);margin:0 0 0 auto;overflow:hidden;border:1px solid rgba(159,132,235,.34);border-radius:1.2rem;background:radial-gradient(circle at 100% 0,rgba(90,191,231,.09),transparent 38%),linear-gradient(155deg,#151e32,#070d1b);box-shadow:0 24px 64px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);color:#edf5ff}.notification-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .9rem;border-bottom:1px solid rgba(151,139,194,.14)}.notification-sheet__header h2{margin:0;font-size:1.08rem}.notification-sheet__close,.notification-sheet__retry{min-height:40px;padding:.5rem .75rem;border:1px solid rgba(137,192,221,.22);border-radius:.75rem;background:rgba(48,78,111,.18);color:#dff5ff}.notification-sheet__body{min-height:7rem;overflow:auto;padding:.75rem;overscroll-behavior:contain}.notification-sheet__state,.notification-sheet__empty{display:grid;min-height:9rem;place-content:center;gap:.35rem;margin:0;color:#a9b7ca;text-align:center}.notification-sheet__empty strong{color:#edf5ff}.notification-sheet__empty p{max-width:18rem;margin:0;color:#91a0b5;font-size:.76rem;line-height:1.45}.notification-sheet__retry{display:block;margin:.5rem auto}.notification-group+.notification-group{margin-top:.9rem}.notification-group h3{margin:0 0 .45rem;color:#9ba8bc;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.notification-list{display:grid;gap:.48rem}.notification-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:.62rem;align-items:center;width:100%;min-width:0;padding:.68rem;border:1px solid rgba(153,139,203,.15);border-radius:.9rem;background:rgba(4,10,22,.48);color:inherit;text-align:left}.notification-item:is(button){cursor:pointer}.notification-item.is-recent_resolved{opacity:.68}.notification-item__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(105,207,239,.18);border-radius:.75rem;background:linear-gradient(145deg,rgba(56,189,248,.08),rgba(124,58,237,.08));color:#9edff3}.notification-item__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.notification-item__copy{display:block;min-width:0}.notification-item__copy strong,.notification-item__copy small{display:block}.notification-item__copy strong{color:#eff5ff;font-size:.78rem}.notification-item__copy small{margin-top:.18rem;color:#9daabc;font-size:.65rem;line-height:1.38}.notification-item__chip{display:inline-flex;margin-top:.38rem;padding:.2rem .42rem;border-radius:999px;background:rgba(104,89,180,.15);color:#bfb2ec;font-size:.53rem}.notification-item__chip.is-action_required{background:rgba(209,160,69,.13);color:#efd48f}.notification-item__chip.is-status{background:rgba(74,179,208,.12);color:#9bdaea}.notification-item__chip.is-opportunity{background:rgba(137,92,209,.14);color:#ccb0f2}.notification-item__chevron{color:#a89be9;font-size:1.25rem}.notification-center-open{overflow:hidden;overscroll-behavior:none}.achievement-experience~.notification-utility,body:has(.achievement-experience) .notification-utility{visibility:hidden;pointer-events:none}
@media(max-width:340px){.notification-utility{top:max(9.5rem,calc(env(safe-area-inset-top) + 8.5rem));right:max(.5rem,env(safe-area-inset-right))}.notification-sheet-backdrop{padding-inline:max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-left))}.notification-sheet{max-height:70dvh}.notification-sheet__body{padding:.58rem}.notification-item{grid-template-columns:34px minmax(0,1fr) auto;padding:.58rem;gap:.5rem}.notification-item__icon{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.notification-bell.has-arrival::after{display:none!important;animation:none!important}}
.notification-sheet__notice{margin:0 0 .55rem;padding:.5rem .6rem;border:1px solid rgba(226,151,112,.18);border-radius:.7rem;background:rgba(132,72,55,.12);color:#e7b7a4;font-size:.65rem;line-height:1.4}
.home-notification-anchor{display:flex;width:100%;height:48px;gap:.38rem;align-items:flex-start;justify-content:flex-end;margin:0 0 .45rem}
.home-notification-anchor>#home-notification-mount{display:flex}
.home-notification-anchor .notification-utility{position:relative;top:auto;right:auto}
.home-notification-anchor .notification-utility{margin-right:0}
@media(max-width:340px){.home-notification-anchor .notification-utility{top:auto;right:auto}}