.notify-root{display:inline-flex;position:relative}.notify-trigger{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--paper-edge);width:2.35rem;height:2.35rem;color:var(--ink-muted);cursor:pointer;transition:color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s var(--ease-out);place-items:center;display:grid;position:relative}.notify-trigger:hover{color:var(--flame-ink);border-color:var(--flame-line);background:var(--flame-soft);transform:translateY(-1px)}.notify-trigger:focus-visible{outline:2px solid var(--flame-line);outline-offset:2px}.notify-trigger svg{width:1.2rem;height:1.2rem}.notify-badge{border-radius:var(--radius-full);border:2px solid var(--paper-edge);color:#fff;background:var(--flame);min-width:1.2rem;height:1.2rem;font-family:var(--f-mono);letter-spacing:.01em;place-items:center;padding:0 .28rem;font-size:.62rem;font-weight:700;display:grid;position:absolute;top:-.34rem;right:-.34rem}.notify-dropdown{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper-2);width:min(92vw,390px);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:100% 0;max-height:min(70vh,560px);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility .2s;z-index:10000;grid-template-rows:auto auto 1fr auto;display:grid;position:absolute;top:calc(100% + .7rem);right:0;transform:translateY(-6px)scale(.985)}.notify-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.notify-dropdown-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem .75rem;display:flex}.notify-dropdown-header h3{font-family:var(--f-display);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.02rem;font-weight:550}.notify-dropdown-header span{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:.12rem;font-size:.64rem;font-weight:700;display:block}.notify-dropdown-header button{color:var(--flame-ink);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:none;padding:.2rem;font-size:.78rem;font-weight:700;transition:color .18s,opacity .18s}.notify-dropdown-header button:hover:not(:disabled){color:var(--flame)}.notify-dropdown-header button:focus-visible{outline:2px solid var(--flame-line);outline-offset:1px}.notify-dropdown-header button:disabled{opacity:.4;cursor:default}.notify-filters{border-bottom:1px solid var(--line-soft);align-items:center;padding:.6rem 1rem;display:flex}.notify-list{scrollbar-width:thin;padding:.5rem;overflow-y:auto}.notify-item{text-align:left;border:1px solid var(--line);border-left-width:3px;border-left-color:var(--line-2);border-radius:var(--radius-md);background:var(--paper-2);cursor:pointer;width:100%;transition:background-color .18s ease, border-color .18s ease, transform .18s var(--ease-out), box-shadow .18s ease;margin-bottom:.5rem;padding:.75rem .8rem;position:relative}.notify-item:hover{background:var(--paper-edge);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.notify-item:focus-visible{outline:2px solid var(--flame-line);outline-offset:1px}.notify-item.is-unread{background:var(--flame-soft);border-color:var(--flame-line)}.notify-item.is-unread:hover{background:var(--flame-tint)}.notify-item.is-read{background:var(--paper-2)}.notify-item.priority-high{border-left-color:var(--cat-red)}.notify-item.priority-normal{border-left-color:var(--cat-azure)}.notify-item.priority-low{border-left-color:var(--cat-slate)}.notify-item.priority-unknown{border-left-color:var(--line-2)}.notify-item-head{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.34rem;display:flex}.notify-item-head h4{letter-spacing:-.01em;min-width:0;color:var(--ink);align-items:center;gap:.45rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.notify-item__dot{border-radius:var(--radius-full);background:var(--flame);width:8px;height:8px;animation:notifyDotPulse 2s var(--ease-smooth) infinite;flex:none}@keyframes notifyDotPulse{0%,to{opacity:1}50%{opacity:.35}}.notify-item-head time{color:var(--ink-faint);font-family:var(--f-mono);white-space:nowrap;flex:none;font-size:.68rem;font-weight:700}.notify-item p{color:var(--ink-muted);margin:0 0 .5rem;font-size:.84rem;line-height:1.5}.notify-priority-chip{border-radius:var(--radius-full);border:1px solid var(--cat-slate-line);background:var(--cat-slate-soft);color:var(--cat-slate);font-family:var(--f-mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;padding:.14rem .52rem;font-size:.62rem;font-weight:700;display:inline-flex}.notify-item.priority-high .notify-priority-chip{border-color:var(--cat-red-line);background:var(--cat-red-soft);color:var(--cat-red)}.notify-item.priority-normal .notify-priority-chip{border-color:var(--cat-azure-line);background:var(--cat-azure-soft);color:var(--cat-azure)}.notify-skeleton{gap:.5rem;padding:.25rem .3rem;display:grid}.notify-skeleton__row{border:1px solid var(--line-soft);border-radius:var(--radius-md);gap:.5rem;padding:.75rem .8rem;display:grid}.notify-empty-state{text-align:center;align-content:center;justify-items:center;gap:.3rem;min-height:128px;padding:1.2rem;display:grid}.notify-empty-state p{font-family:var(--f-display);color:var(--ink);margin:0;font-size:.98rem;font-weight:550}.notify-empty-state span{color:var(--ink-muted);font-size:.84rem;line-height:1.5}.notify-error-state{border:1px solid var(--cat-red-line);border-radius:var(--radius-md);background:var(--cat-red-soft);color:var(--danger);text-align:center;justify-items:center;gap:.6rem;margin:.35rem .3rem .7rem;padding:.85rem .75rem;font-size:.8rem;font-weight:600;line-height:1.45;display:grid}.notify-dropdown-footer{border-top:1px solid var(--line);padding:.7rem 1rem .85rem}.notify-dropdown-footer button{color:var(--flame-ink);font:inherit;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:.15rem 0;font-size:.72rem;font-weight:700;transition:color .18s}.notify-dropdown-footer button:hover{color:var(--flame)}.notify-dropdown-footer button:focus-visible{outline:2px solid var(--flame-line);outline-offset:2px}@media (width<=760px){.notify-root{position:static}.notify-dropdown{transform-origin:top;width:auto;max-height:min(74vh,620px);position:fixed;top:4.4rem;left:.7rem;right:.7rem}}