.cp.ap .ap-stage .ap-notify{display:grid;gap:14px;width:min(100%,640px);margin-inline:auto;color:var(--ap-text);container-type:inline-size}.cp.ap .ap-stage .ap-notify [hidden]{display:none!important}.cp.ap .ap-stage .ap-notify__app{min-height:540px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);background:var(--ap-surface);box-shadow:var(--ap-shadow-md)}.cp.ap .ap-stage .ap-notify__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 10px 18px;border-bottom:1px solid var(--ap-border)}.cp.ap .ap-stage .ap-notify__brand{display:flex;align-items:center;gap:10px;margin:0;font-weight:650}.cp.ap .ap-stage .ap-notify__logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--ap-accent),var(--ap-accent-soft))}.cp.ap .ap-stage .ap-notify__tools{position:relative;display:flex;align-items:center;gap:8px}.cp.ap .ap-stage .ap-notify__bell{position:relative;display:grid;place-items:center;width:var(--ap-target);height:var(--ap-target);padding:0;border:0;border-radius:var(--ap-radius-full);background:transparent;color:var(--ap-text-2);cursor:pointer}.cp.ap .ap-stage .ap-notify__bell:hover,.cp.ap .ap-stage .ap-notify__bell[aria-expanded=true]{background:var(--ap-surface-2);color:var(--ap-text)}.cp.ap .ap-stage .ap-notify__bell:focus-visible{outline:2px solid var(--ap-focus);outline-offset:0}.cp.ap .ap-stage .ap-notify__bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-notify__badge{position:absolute;top:4px;right:2px;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--ap-surface);border-radius:var(--ap-radius-full);background:var(--ap-accent);color:var(--ap-on-accent);font-size:.6875rem;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;animation:ap-notify-pop .32s var(--ap-ease)}.cp.ap .ap-stage .ap-notify__me{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--ap-radius-full);background:var(--ap-surface-3);font-size:.75rem;font-weight:700}.cp.ap .ap-stage .ap-notify__page{display:grid;gap:12px;padding:26px 24px}.cp.ap .ap-stage .ap-notify__bone{height:12px;width:78%;border-radius:var(--ap-radius-full);background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__bone--h{width:42%;height:18px;margin-bottom:6px;background:var(--ap-surface-3)}.cp.ap .ap-stage .ap-notify__bone--s{width:56%}.cp.ap .ap-stage .ap-notify__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0}.cp.ap .ap-stage .ap-notify__tiles span{height:92px;border:1px solid var(--ap-border);border-radius:var(--ap-radius);background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__rows{display:grid;gap:8px}.cp.ap .ap-stage .ap-notify__rows span{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm)}.cp.ap .ap-stage .ap-notify__rows span:before{content:"";flex-shrink:0;width:22px;height:22px;border-radius:var(--ap-radius-full);background:var(--ap-surface-3)}.cp.ap .ap-stage .ap-notify__rows span:after{content:"";width:48%;height:10px;border-radius:var(--ap-radius-full);background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__rows span:nth-child(2n):after{width:34%}.cp.ap .ap-stage .ap-notify__panel{position:absolute;inset:calc(100% + 8px) 0 auto auto;z-index:20;display:none;width:min(380px,calc(100cqi - 24px));max-width:none;max-height:none;margin:0;padding:0;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);background:var(--ap-surface);color:var(--ap-text);box-shadow:var(--ap-shadow-lg);overflow:hidden}.cp.ap .ap-stage .ap-notify__panel[open]{display:block;animation:ap-notify-in .18s var(--ap-ease)}.cp.ap .ap-stage .ap-notify__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 10px 18px}.cp.ap .ap-stage .ap-notify__name{margin:0;font-size:1.0625rem;font-weight:650}.cp.ap .ap-stage .ap-notify__name:focus-visible{outline:2px solid var(--ap-focus);outline-offset:3px;border-radius:4px}.cp.ap .ap-stage .ap-notify__all{min-height:36px;padding:0 10px;border:0;border-radius:var(--ap-radius-sm);background:transparent;color:var(--ap-accent-text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.cp.ap .ap-stage .ap-notify__all:hover{background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__all:focus-visible{outline:2px solid var(--ap-focus);outline-offset:0}.cp.ap .ap-stage .ap-notify__filter{display:flex;gap:2px;margin:0 14px 8px;padding:3px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__opt{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 8px;border-radius:6px;color:var(--ap-text-2);font-size:.875rem;font-weight:500;cursor:pointer}.cp.ap .ap-stage .ap-notify__opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cp.ap .ap-stage .ap-notify__opt:has(input:checked){background:var(--ap-surface);color:var(--ap-text);font-weight:650;box-shadow:var(--ap-shadow-sm),0 0 0 1px var(--ap-border)}.cp.ap .ap-stage .ap-notify__opt:has(input:focus-visible){outline:2px solid var(--ap-focus);outline-offset:1px}.cp.ap .ap-stage .ap-notify__n{min-width:20px;padding:0 6px;border-radius:var(--ap-radius-full);background:var(--ap-surface-3);color:var(--ap-text);font-size:.75rem;font-weight:650;line-height:20px;text-align:center}.cp.ap .ap-stage .ap-notify__list{max-height:360px;margin:0;padding:0 6px 6px;overflow-y:auto;list-style:none;scrollbar-width:thin}.cp.ap .ap-stage .ap-notify__item{display:grid;grid-template-columns:8px 36px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 8px 12px 6px;border-radius:var(--ap-radius);animation:ap-notify-in .22s var(--ap-ease)}.cp.ap .ap-stage .ap-notify__item+.ap-notify__item{margin-top:2px}.cp.ap .ap-stage .ap-notify__item[data-unread]{background:var(--ap-surface-2)}.cp.ap .ap-stage .ap-notify__dot{width:8px;height:8px;margin-top:14px;border-radius:var(--ap-radius-full);background:var(--ap-accent);visibility:hidden}.cp.ap .ap-stage .ap-notify__item[data-unread] .ap-notify__dot{visibility:visible}.cp.ap .ap-stage .ap-notify__avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--ap-radius-full);background:var(--ap-surface-3);font-size:.75rem;font-weight:700}.cp.ap .ap-stage .ap-notify__avatar--sys{border-radius:var(--ap-radius-sm);background:var(--ap-accent-soft);color:var(--ap-accent-soft-text)}.cp.ap .ap-stage .ap-notify__body{min-width:0}.cp.ap .ap-stage .ap-notify__text{margin:0;color:var(--ap-text-2);font-size:.9375rem;line-height:1.45}.cp.ap .ap-stage .ap-notify__text strong{font-weight:600}.cp.ap .ap-stage .ap-notify__item[data-unread] .ap-notify__text{color:var(--ap-text)}.cp.ap .ap-stage .ap-notify__item[data-unread] .ap-notify__text strong{font-weight:700}.cp.ap .ap-stage .ap-notify__meta{margin:3px 0 0;color:var(--ap-text-3);font-size:.8125rem}.cp.ap .ap-stage .ap-notify__mark{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--ap-radius-sm);background:transparent;color:var(--ap-text-3);cursor:pointer}.cp.ap .ap-stage .ap-notify__mark:hover{background:var(--ap-surface-3);color:var(--ap-text)}.cp.ap .ap-stage .ap-notify__mark:focus-visible{outline:2px solid var(--ap-focus);outline-offset:0}.cp.ap .ap-stage .ap-notify__item[data-unread] .ap-notify__mark{color:var(--ap-accent-text)}.cp.ap .ap-stage .ap-notify__mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-notify__item:not([data-unread]) .ap-notify__mark svg path{display:none}.cp.ap .ap-stage .ap-notify__tip{position:absolute;top:50%;right:calc(100% + 6px);padding:4px 8px;border-radius:6px;background:var(--ap-text);color:var(--ap-surface);font-size:.75rem;font-weight:600;white-space:nowrap;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-notify__mark:hover .ap-notify__tip,.cp.ap .ap-stage .ap-notify__mark:focus-visible .ap-notify__tip{opacity:1}.cp.ap .ap-stage .ap-notify__empty{margin:0;padding:28px 20px 34px;color:var(--ap-text-3);text-align:center}.cp.ap .ap-stage .ap-notify__sim{position:relative;display:flex;align-items:center;justify-self:center;gap:10px;min-height:var(--ap-target);color:var(--ap-text-2);font-size:.875rem;cursor:pointer}.cp.ap .ap-stage .ap-notify__sim input{position:absolute;left:0;width:40px;height:24px;margin:0;opacity:0;cursor:pointer}.cp.ap .ap-stage .ap-notify__track{position:relative;flex-shrink:0;width:40px;height:24px;border:1px solid var(--ap-border-strong);border-radius:var(--ap-radius-full);background:var(--ap-surface-3);transition:background-color var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-notify__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--ap-radius-full);background:var(--ap-surface);box-shadow:var(--ap-shadow-sm);transition:translate var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-notify__sim input:checked+.ap-notify__track{border-color:var(--ap-accent);background:var(--ap-accent)}.cp.ap .ap-stage .ap-notify__sim input:checked+.ap-notify__track:after{translate:16px 0}.cp.ap .ap-stage .ap-notify__sim input:focus-visible+.ap-notify__track{outline:2px solid var(--ap-focus);outline-offset:2px}.cp.ap .ap-stage .ap-notify__vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cp.ap .ap-stage legend.ap-notify__vh{float:left}@keyframes ap-notify-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes ap-notify-pop{50%{transform:scale(1.18)}}@container (max-width: 460px){.cp.ap .ap-stage .ap-notify__app{min-height:560px}.cp.ap .ap-stage .ap-notify__panel{right:-6px}.cp.ap .ap-stage .ap-notify__tiles{grid-template-columns:repeat(2,1fr)}.cp.ap .ap-stage .ap-notify__tiles span:last-child{display:none}.cp.ap .ap-stage .ap-notify__item{grid-template-columns:8px 32px minmax(0,1fr) auto;gap:8px}.cp.ap .ap-stage .ap-notify__avatar{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.cp.ap .ap-stage .ap-notify__panel[open],.cp.ap .ap-stage .ap-notify__item,.cp.ap .ap-stage .ap-notify__badge{animation:none}.cp.ap .ap-stage .ap-notify__track,.cp.ap .ap-stage .ap-notify__track:after,.cp.ap .ap-stage .ap-notify__tip{transition:none}}@media(forced-colors:active){.cp.ap .ap-stage .ap-notify__dot{background:CanvasText}.cp.ap .ap-stage .ap-notify__track:after{background:CanvasText}}