[data-fragment=NotificationCenter]{font-family:var(--font-sans);display:inline-flex;position:relative}[data-fragment=NotificationCenter] [class$=-trigger]{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary,currentColor);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid;position:relative}[data-fragment=NotificationCenter] [class$=-trigger]:hover{background:var(--bg-secondary,transparent);color:var(--text-primary,currentColor)}[data-fragment=NotificationCenter] [class$=-trigger].open{background:var(--bg-secondary,transparent);color:var(--brand,currentColor)}[data-fragment=NotificationCenter] [class$=-trigger]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=NotificationCenter] [class$=-badge]{background:var(--error,transparent);min-width:16px;height:16px;color:var(--ink-text-on-brand);border-radius:var(--radius-full);place-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:4px;right:4px}[data-fragment=NotificationCenter] [class$=-panel]{z-index:50;background:var(--bg-primary,transparent);border:1px solid var(--ui-line-strong,transparent);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-soft,0 8px 24px #00000014);animation:nc-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes nc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-fragment=NotificationCenter] [class$=-header]{border-bottom:1px solid var(--ui-line,transparent);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}[data-fragment=NotificationCenter] [class$=-header] :is(h1,h2,h3){color:var(--text-primary,currentColor);text-wrap:balance;margin:0;font-size:13.5px;font-weight:700}[data-fragment=NotificationCenter] [class$=-clear-all]{color:var(--brand,currentColor);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-family:inherit;font-size:11.5px;font-weight:600}[data-fragment=NotificationCenter] [class$=-clear-all]:hover{text-decoration:underline}[data-fragment=NotificationCenter] [class$=-clear-all]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=NotificationCenter] [class$=-empty]{color:var(--text-tertiary,var(--text-secondary,currentColor));text-align:center;margin:0;padding:28px 14px;font-size:12.5px}[data-fragment=NotificationCenter] [class$=-list]{flex-direction:column;max-height:380px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}[data-fragment=NotificationCenter] [class$=-item]{border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:flex-start;gap:10px;padding:10px 12px;display:grid}[data-fragment=NotificationCenter] [class$=-item]:hover{background:var(--bg-secondary,transparent)}[data-fragment=NotificationCenter] [class$=-item].unread{background:rgba(var(--brand-rgb), .04)}[data-fragment=NotificationCenter] [class$=-item-icon]{background:var(--bg-secondary,transparent);width:24px;height:24px;color:var(--text-secondary,currentColor);border-radius:50%;place-items:center;display:inline-grid}[data-fragment=NotificationCenter] [class*=-success] [class$=-item-icon]{background:rgba(var(--success-rgb), .12);color:var(--success,currentColor)}[data-fragment=NotificationCenter] [class*=-error] [class$=-item-icon]{background:rgba(var(--error-rgb), .12);color:var(--error,currentColor)}[data-fragment=NotificationCenter] [class*=-warning] [class$=-item-icon]{background:rgba(var(--warning-rgb), .12);color:var(--warning,currentColor)}[data-fragment=NotificationCenter] [class*=-info] [class$=-item-icon]{background:rgba(var(--info-rgb), .12);color:var(--info,currentColor)}[data-fragment=NotificationCenter] [class$=-item-body]{flex-direction:column;gap:2px;min-width:0;display:flex}[data-fragment=NotificationCenter] [class$=-item-title]{color:var(--text-primary,currentColor);font-size:12.5px;font-weight:700}[data-fragment=NotificationCenter] [class$=-item-message]{color:var(--text-secondary,currentColor);font-size:12px;line-height:1.45}[data-fragment=NotificationCenter] [class$=-item-time]{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-tertiary,var(--text-secondary,currentColor));margin-top:2px;font-size:10.5px}[data-fragment=NotificationCenter] [class$=-item-read]{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary,var(--text-secondary,currentColor));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=NotificationCenter] [class$=-item-read]:hover{background:var(--bg-primary,transparent);color:var(--success,currentColor)}[data-fragment=NotificationCenter] [class$=-item-read]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-fragment=NotificationCenter] [class$=-panel]{animation:none}}