.notifications-panel{inset:auto;left:clamp(16px,var(--notifications-left,16px),max(16px,calc(100vw - 436px)));top:var(--notifications-top,76px);width:420px;max-width:calc(100vw - 32px);max-height:min(640px,calc(100dvh - var(--notifications-top,76px) - 16px));border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);box-shadow:0 16px 48px var(--overlay-backdrop);border-radius:12px;margin:0;padding:0;position:fixed;overflow:hidden}.notifications-panel:popover-open{flex-direction:column;display:flex}.notifications-panel::backdrop{background:0 0}.notifications-panel>header,.notifications-panel>header+div{flex-shrink:0}.notifications-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}@media (max-width:767px){.notifications-panel{width:100%;max-width:none;height:100dvh;max-height:none;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;inset:0}.notifications-panel>header{padding-top:max(20px,env(safe-area-inset-top))}.notifications-list{flex:1}}