.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.notification-bell{position:relative}.notification-badge{background:var(--tt-brand-signal);min-width:15px;height:15px;color:var(--white);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--panel);pointer-events:none;border-radius:8px;padding-inline:4px;font-size:9px;font-weight:700;line-height:15px;position:absolute;inset-block-start:2px;inset-inline-end:1px}.notification-popover{color:var(--text);box-shadow:0 18px 48px color-mix(in srgb, var(--black) 28%, transparent);overflow:hidden;border:1px solid var(--border-strong)!important;background:var(--panel)!important;border-radius:10px!important;padding:0!important}.platform-dialog.notification-drawer{border-radius:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;inset-inline:auto 0}.platform-dialog.notification-drawer>header{border-bottom:1px solid var(--border);padding:10px 8px}.notification-drawer .notification-header h2{display:none}.notification-list{min-width:0;color:var(--text);flex-direction:column;display:flex}.notification-list.is-panel{max-height:min(640px,100vh - 48px)}.notification-drawer .notification-list.is-panel{height:calc(100dvh - 52px);max-height:none}.notification-header{justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.notification-header h1,.notification-header h2{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.notification-list.is-page .notification-header h1{font-size:22px}.notification-header :focus-visible{outline:2px solid var(--mantine-primary-color-filled,var(--accent));outline-offset:2px;border-radius:4px}.notification-header-actions{align-items:center;gap:2px;display:flex}.notification-header-actions .text-button{padding:var(--ui-control-padding);color:var(--text-secondary);border-radius:6px;font-size:12px}.notification-header-actions .text-button:hover:not(:disabled){background:var(--raised);color:var(--text)}.notification-header-actions .text-button:disabled{opacity:.45}.notification-filters{scrollbar-width:none;border-bottom:1px solid var(--border);gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.notification-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;line-height:18px}.notification-chip:hover{border-color:var(--border-strong);color:var(--text)}.notification-chip[aria-checked=true]{background:var(--text);border-color:var(--text);color:var(--ground);font-weight:600}.notification-chip:focus-visible,.notification-open:focus-visible,.notification-more:focus-visible{outline:2px solid var(--mantine-primary-color-filled,var(--accent));outline-offset:1px}.notification-status{color:var(--muted);margin:8px 14px 0;font-size:12px}.notification-feed{overscroll-behavior:contain;flex:1;min-height:120px;overflow-y:auto}.notification-list.is-page .notification-feed{overflow:visible}.notification-group-heading{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--panel);margin:0;padding:8px 8px 4px;font-size:11px;font-weight:600;position:sticky;inset-block-start:0}.notification-list.is-page .notification-group-heading{background:var(--ground)}.notification-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 8px;display:grid;position:relative}.notification-row:hover{background:color-mix(in srgb, var(--raised) 70%, transparent)}.notification-row[data-unread]{background:color-mix(in srgb, var(--mantine-primary-color-light,var(--raised)) 55%, transparent)}.notification-row[data-unavailable] .notification-title{color:var(--muted);font-style:italic}.notification-open{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;gap:2px;padding:0;display:flex}.notification-open:disabled{cursor:default}.notification-title{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.notification-row[data-unread] .notification-title{font-weight:600}.notification-body{color:var(--text-secondary);font-size:12px;line-height:1.4}.notification-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.notification-dot{background:var(--tt-brand-signal);border-radius:50%;width:6px;height:6px;position:absolute;inset-block-start:22px;inset-inline-start:5px}.notification-more{width:var(--ui-control-height);height:var(--ui-control-height);opacity:.7}.notification-row:hover .notification-more,.notification-more[aria-expanded=true],.notification-more:focus-visible{opacity:1}.notification-avatars{width:36px;height:32px;display:flex;position:relative}.notification-avatar{width:28px;height:28px;color:var(--tt-brand-ink);background:hsl(var(--avatar-hue) 62% 78%);box-shadow:0 0 0 2px var(--panel);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.notification-avatar+.notification-avatar{width:24px;height:24px;font-size:10px;position:absolute;inset-block-start:6px;inset-inline-start:10px}.notification-icon{background:var(--raised);width:30px;height:30px;color:var(--text-secondary);border-radius:8px;place-items:center;display:grid}.notification-icon.category-Purchases,.notification-icon.category-Security{background:color-mix(in srgb, var(--tt-brand-mint) 30%, var(--raised));color:var(--text)}.notification-icon.category-Updates,.notification-icon.category-Developer{background:color-mix(in srgb, var(--tt-brand-lilac) 30%, var(--raised));color:var(--text)}.notification-empty{padding:36px 16px}.notification-skeleton{gap:10px;padding:14px;display:grid}.notification-skeleton span{background:linear-gradient(90deg, var(--raised), var(--panel), var(--raised));background-size:200% 100%;border-radius:8px;height:40px;animation:1.2s ease-in-out infinite notification-shimmer}@keyframes notification-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.notification-skeleton span{animation:none}}.notification-more-row{justify-content:center;padding:10px;display:flex}.notification-footer{border-top:1px solid var(--border);text-align:center;padding:8px 14px;font-size:12px}.notification-footer a{color:var(--text-secondary)}.notifications-page{background:var(--ground);max-width:720px;min-height:100vh;color:var(--text);margin:0 auto;padding:16px}.notifications-page-nav{margin-bottom:8px;font-size:13px}.notifications-page-nav a{color:var(--text-secondary)}.notification-list.is-page{border:1px solid var(--border);background:var(--panel);border-radius:10px;overflow:hidden}.notification-settings{gap:12px;display:grid}.notification-settings .preferences-card{margin-bottom:0}.notification-callout{border:1px solid var(--border);background:var(--raised);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.notification-callout[data-tone=warning]{border-color:color-mix(in srgb, var(--tt-brand-signal) 50%, var(--border))}.notification-matrix{gap:4px;display:grid}.notification-matrix-category{border:0;min-width:0;margin:0 0 8px;padding:0}.notification-matrix-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:minmax(0,1fr) repeat(3,64px);align-items:center;gap:4px;padding:8px 4px;scroll-margin-block-start:80px;display:grid}.notification-matrix-row:target{background:color-mix(in srgb, var(--mantine-primary-color-light,var(--raised)) 70%, transparent);border-radius:6px}.notification-matrix-head{border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.notification-matrix-head>strong,.notification-matrix-head strong{color:var(--text);padding:0;font-size:13px;font-weight:600}.notification-matrix-cell{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.notification-matrix-cell input{width:16px;height:16px;accent-color:var(--mantine-primary-color-filled,var(--accent))}.notification-matrix-cell .cell-label{display:none}.notification-matrix-label strong{font-size:13px;font-weight:500;display:block}.notification-matrix-label small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.notification-required{background:var(--raised);color:var(--text-secondary);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-inline-start:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.notification-planned{color:var(--muted);margin:6px 0 0;font-size:12px}.notification-delivery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.notification-delivery-grid fieldset{border:1px solid var(--border);border-radius:8px;min-width:0;margin:0;padding:10px 8px}.notification-delivery-grid legend{padding:0 4px;font-size:13px;font-weight:600}.notification-segmented{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.notification-segmented button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:1;padding:6px 4px;font-size:12px}.notification-segmented button+button{border-inline-start:1px solid var(--border)}.notification-segmented button[aria-pressed=true]{background:var(--text);color:var(--ground);font-weight:600}.notification-hint{color:var(--muted);margin:6px 0 0;font-size:12px}.notification-quiet{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.notification-quiet input[type=time]{font:inherit;border:1px solid var(--border);background:var(--ground);color:var(--text);border-radius:6px;padding:3px 6px}.notification-device{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:grid}.notification-device small{color:var(--muted);font-size:12px;display:block}.notification-actions{gap:var(--ui-gap);flex-wrap:wrap;margin-top:10px;display:flex}.notification-follow-list{margin:0;padding:0;list-style:none}.notification-follow-list li{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.notification-follow-list code{color:var(--text-secondary);font-size:12px}@media (width<=600px){.notification-matrix-row{grid-template-columns:minmax(0,1fr) repeat(3,44px)}.notification-matrix-head .notification-matrix-cell{font-size:10px}}@media (width<=420px){.notification-matrix-row:not(.notification-matrix-head){grid-template-columns:1fr}.notification-matrix-row:not(.notification-matrix-head) .notification-matrix-cells{gap:16px;display:flex}.notification-matrix-row:not(.notification-matrix-head) .notification-matrix-cell{flex-direction:row;gap:6px}.notification-matrix-row:not(.notification-matrix-head) .cell-label{display:inline}.notification-matrix-head .notification-matrix-cells{display:none}.notification-matrix-head{grid-template-columns:1fr}}.notification-matrix-cells{display:contents}.follow-toggle{border:1px solid var(--border-strong);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.follow-toggle[aria-pressed=true]{background:var(--text);color:var(--ground);border-color:var(--text)}.follow-toggle:disabled{opacity:.6;cursor:progress}.follow-toggle.is-compact{padding:5px}.language-picker label{flex-direction:column;gap:4px;font-size:13px;display:flex}.language-picker select{font:inherit;border:1px solid var(--border);background:var(--ground);color:var(--text);border-radius:6px;max-width:320px;padding:6px 8px}.language-picker.is-compact label{color:var(--text-secondary);flex-direction:row;align-items:center;gap:6px}.language-picker.is-compact select{padding:3px 6px;font-size:12px}.language-picker-note{color:var(--muted);margin:6px 0 0;font-size:12px}.auth-language{justify-content:center;margin-top:14px;display:flex}
