.tt-notice-page{width:100%;max-width:760px;margin:0 auto;padding:16px}.tt-notice-inbox,.tt-notice-bell,.tt-notice-actions{color:var(--notice-text);box-sizing:border-box;font-family:inherit}.tt-notice-inbox *,.tt-notice-bell *,.tt-notice-actions *{box-sizing:border-box}.tt-notice-inbox button,.tt-notice-actions button,.tt-notice-bell button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tt-notice-inbox button:disabled,.tt-notice-actions button:disabled{cursor:default}.tt-notice-inbox :focus-visible,.tt-notice-bell :focus-visible,.tt-notice-actions :focus-visible{outline:2px solid var(--notice-gold);outline-offset:2px}.tt-notice-inbox{background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:20px;overflow:hidden}.tt-notice-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px;display:flex}.tt-notice-heading h2{letter-spacing:-.4px;font-size:21px;font-weight:650;line-height:1.4;margin:0!important}.tt-notice-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.tt-notice-actions .tt-notice-icon{min-width:44px;min-height:44px;color:var(--notice-muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tt-notice-icon:hover:not(:disabled){background:var(--notice-hover);color:var(--notice-text)}.tt-notice-icon:disabled{opacity:.35}.tt-notice-filters{justify-content:space-between;align-items:center;gap:12px;padding:4px 24px 20px;display:flex}.tt-notice-segments{background:var(--notice-surface);border-radius:11px;align-items:center;gap:3px;padding:3px;display:flex}.tt-notice-segments button{min-height:44px;color:var(--notice-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-weight:600;display:flex}.tt-notice-segments button[aria-pressed=true]{background:var(--notice-hover);border-color:var(--notice-border);color:var(--notice-text)}.tt-notice-segments button:hover:not(:disabled){color:var(--notice-text)}.tt-notice-count{background:var(--notice-soft);color:var(--notice-gold);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 5px;font-size:12px;line-height:18px}.tt-notice-inbox .tt-notice-read-all{min-height:44px;color:var(--notice-gold);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 4px;font-size:14px;display:inline-flex}.tt-notice-read-all:hover:not(:disabled){text-decoration:underline}.tt-notice-read-all:disabled{color:var(--notice-muted);opacity:.5}.tt-notice-list{margin:0;padding:0;list-style:none}.tt-notice-list li+li{border-top:1px solid var(--notice-border)}.tt-notice-inbox .tt-notice-row{text-align:left;width:100%;color:var(--notice-text);opacity:1;background:0 0;border:0;align-items:flex-start;gap:14px;padding:24px;display:flex}.tt-notice-row:hover:not(:disabled){background:var(--notice-surface)}.tt-notice-avatar{background:var(--notice-surface);width:44px;height:44px;color:var(--notice-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tt-notice-row[data-unread=true] .tt-notice-avatar{background:var(--notice-soft);color:var(--notice-gold)}.tt-notice-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tt-notice-title{font-size:16px;font-weight:600;line-height:1.5}.tt-notice-meta{color:var(--notice-muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:12px;line-height:1.5;display:flex}.tt-notice-meta time{text-align:right;flex-shrink:0;margin-left:auto}.tt-notice-body{color:var(--notice-muted);white-space:pre-wrap;font-size:14px;line-height:1.7}.tt-notice-unread{background:var(--notice-gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:9px}.tt-notice-empty{text-align:center;color:var(--notice-muted);flex-direction:column;align-items:center;gap:12px;padding:58px 24px 64px;display:flex}.tt-notice-empty strong{color:var(--notice-text);font-size:16px;font-weight:500}.tt-notice-empty p{margin:0;font-size:14px;line-height:1.6}.tt-notice-error{color:var(--notice-error);justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;font-size:14px;display:flex}.tt-notice-error button{min-height:44px;color:var(--notice-gold);background:0 0;border:0}.tt-notice-inbox .tt-notice-more,.tt-notice-inbox .tt-notice-footer{border:0;border-top:1px solid var(--notice-border);width:100%;min-height:52px;color:var(--notice-gold);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.tt-notice-more:hover:not(:disabled),.tt-notice-footer:hover{background:var(--notice-surface)}.tt-notice-bell{flex-shrink:0;display:flex}.tt-notice-bell .tt-notice-trigger{width:44px;height:44px;color:var(--notice-muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.tt-notice-trigger:hover,.tt-notice-trigger[aria-expanded=true]{background:var(--notice-surface);color:var(--notice-text)}.tt-notice-bell-dot{background:var(--notice-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.tt-notice-popover{border:1px solid var(--notice-border);background:var(--notice-bg);width:460px;max-width:calc(100vw - 24px);color:var(--notice-text);border-radius:20px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden;box-shadow:0 20px 60px #0006}.tt-notice-popover:popover-open{animation:.16s ease-out tt-notice-reveal;display:flex}.tt-notice-popover:not(:popover-open){display:none}.tt-notice-popover::backdrop{background:0 0}.tt-notice-popover .tt-notice-inbox{width:100%;max-height:inherit;border:0;border-radius:0;flex-direction:column;display:flex}.tt-notice-popover .tt-notice-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--notice-border) transparent;min-height:0;overflow-y:auto}.tt-notice-popover .tt-notice-heading,.tt-notice-popover .tt-notice-filters,.tt-notice-popover .tt-notice-footer{flex-shrink:0}.tt-notice-popover .tt-notice-row{padding:20px 24px}@keyframes tt-notice-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.tt-notice-page{padding:8px 12px 20px}.tt-notice-page .tt-notice-inbox{border:0;border-radius:0}.tt-notice-heading{padding:12px 16px 8px}.tt-notice-heading h2{font-size:19px}.tt-notice-filters{gap:8px;padding:8px 4px 16px}.tt-notice-segments button{padding:0 12px}.tt-notice-inbox .tt-notice-row{gap:12px;padding:20px 4px}.tt-notice-popover .tt-notice-filters{padding:4px 16px 14px}.tt-notice-popover .tt-notice-row{padding:20px 16px}.tt-notice-empty{padding:44px 16px}}@media (prefers-reduced-motion:reduce){.tt-notice-popover:popover-open{animation:none}}