.notice-row{border-bottom:1px solid var(--line);background:var(--panel);align-items:flex-start;min-width:0;display:flex}.notice-row:last-child{border-bottom:0}.notice-row.is-unread{background:color-mix(in srgb, var(--accent) 4%, var(--panel));box-shadow:inset 3px 0 var(--accent)}.notice-row-main{min-width:0;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;padding:14px 12px 14px 16px;display:flex}.notice-row-main:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}.notice-kind-icon{border:1px solid var(--line);background:var(--panel-soft);width:32px;height:32px;color:var(--muted);border-radius:10px;flex:0 0 32px;place-items:center;display:grid}.is-unread .notice-kind-icon{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent) 15%, var(--panel));color:var(--heading)}.notice-row-content{flex:1;gap:5px;min-width:0;display:grid}.notice-row-title{align-items:center;gap:8px;min-width:0;display:flex}.notice-row-title strong{min-width:0;color:var(--heading);overflow-wrap:anywhere;flex:1;font-size:13px;font-weight:650;line-height:1.4}.notice-new-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 15%, transparent);border-radius:50%;flex:0 0 7px}.notice-row-message{color:var(--ink);overflow-wrap:anywhere;white-space:pre-line;font-size:12px;line-height:1.5}.notice-row-message.is-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notice-row-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px 7px;font-size:10.5px;line-height:1.4;display:flex}.notice-row-meta span{overflow-wrap:anywhere}.notice-row-meta span:before{content:"·";margin-right:7px}.notice-row-meta time{white-space:nowrap}.notice-row-actions{flex:none;align-items:center;padding:8px 8px 0 0;display:flex}.notice-icon-action{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notice-icon-action:hover{color:var(--heading);background:var(--panel-soft)}.is-compact .notice-row-actions{flex-direction:column;padding-right:6px}.notice-empty{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:32px 20px;display:grid}.notice-empty-icon{background:color-mix(in srgb, var(--accent) 12%, var(--panel));width:46px;height:46px;color:var(--heading);border-radius:14px;place-items:center;display:grid}.notice-empty strong{color:var(--heading);font-size:13px;font-weight:650}.notice-empty p{max-width:240px;margin:0;font-size:12px;line-height:1.5}.notice-tabs{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;gap:3px;width:fit-content;padding:3px;display:flex}.notice-tabs button{min-height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:650;display:inline-flex}.notice-tabs button[aria-pressed=true]{color:var(--heading);background:var(--panel);box-shadow:var(--shadow)}.notice-tabs button span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.notice-icon-action:focus-visible,.notice-row-main:focus-visible,.notice-tabs button:focus-visible,.notification-center button:focus-visible,.notification-center a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notification-center.notification-popover{z-index:1000;border:1px solid var(--line);background:var(--panel);width:392px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg,0 18px 50px #0002);border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.notice-center-header{flex-shrink:0;align-items:center;gap:10px;padding:14px 14px 10px 16px;display:flex}.notice-center-heading{flex:1;min-width:0}.notice-center-heading h2{color:var(--heading);margin:0;font-size:16px;font-weight:700;line-height:1.4}.notice-center-heading p{color:var(--muted);margin:2px 0 0;font-size:11px}.notice-center-heading p strong{color:var(--heading);font-weight:650}.notice-center-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 10px 16px;display:flex}.notice-center-bulk{gap:3px;display:flex}.notice-center-bulk button{min-height:32px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;font-weight:600;display:inline-flex}.notice-center-bulk button:hover{color:var(--heading);background:var(--panel-soft)}.notice-center-bulk button:disabled,.notice-icon-action:disabled,.notice-row-main:disabled{opacity:.45;cursor:default}.notice-center-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.notice-center-list .notice-row{border-bottom:1px solid var(--line)}.notice-center-list>div:last-child .notice-row{border-bottom:0}.notice-center-group{color:var(--muted);background:var(--panel);margin:0;padding:8px 16px 5px;font-size:10px;font-weight:650}.notice-center-error{background:var(--danger-bg);color:var(--danger);flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.notice-center-error span{overflow-wrap:anywhere;flex:1}.notice-center-error button{color:inherit;cursor:pointer;background:0 0;border:0;padding:6px;text-decoration:underline}.notice-center-footer{border-top:1px solid var(--line);min-height:44px;color:var(--heading);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:11.5px;font-weight:650;text-decoration:none;display:flex}.notice-center-footer:hover{background:var(--panel-soft)}.notice-center-footer span{color:var(--muted);font-size:10px;font-weight:400}@media (max-width:620px),(pointer:coarse){.notice-icon-action{width:44px;height:44px}.notice-tabs button{min-width:44px;min-height:44px}.notice-center-bulk button{min-height:44px}.notice-center-toolbar{gap:4px}.notice-row-main{gap:8px;padding-left:12px}.notice-row-actions{flex-direction:column;padding:6px 4px 0 0}.notice-center-error button{min-height:44px}}@media (prefers-reduced-motion:no-preference){.notification-center{animation:.15s ease-out notice-appear}@keyframes notice-appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}}