.noti-row{align-items:start;column-gap:var(--l-space-3);width:100%;min-height:64px;padding:var(--l-space-3);border-radius:var(--l-radius-lg);color:inherit;text-align:left;cursor:pointer;transition:background-color var(--l-dur-base) var(--l-ease-out);background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;display:grid}.noti-row:hover{background:var(--l-surface-sunken)}.noti-row:focus-visible{outline:2px solid var(--l-focus-ring);outline-offset:2px;border-radius:var(--l-radius-lg)}.noti-row__lead{display:block}.noti-row__body{gap:var(--l-space-0);min-width:0;padding-top:1px;display:grid}.noti-row__title{font:500 14px/1.4 var(--l-font-body);color:var(--l-text);overflow-wrap:anywhere}.noti-row__subtitle{text-overflow:ellipsis;white-space:nowrap;font:var(--l-type-body-sm);color:var(--l-text-muted);overflow:hidden}.noti-row__end{flex-direction:column;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.noti-row__end time{font:var(--l-type-label);color:var(--l-text-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.noti-row.is-unread .noti-row__title{font-weight:700}.noti-row.is-unread .noti-row__end time{color:var(--l-accent);font-weight:650}.noti-row.is-read .noti-row__title{color:var(--l-text-muted)}
.noti__group:last-of-type{padding-bottom:var(--l-space-4)}.noti__group-title{top:calc(var(--l-tap-min) + var(--l-space-5));z-index:1;padding:var(--l-space-4) var(--l-space-4) var(--l-space-1);font:650 13px/1.3 var(--l-font-display);letter-spacing:.01em;color:var(--l-text-muted);background:var(--l-bg);position:sticky}.noti__list{gap:var(--l-space-0);padding:0 var(--l-space-2);flex-direction:column;display:flex}.noti__card{padding-bottom:var(--l-space-2);border-radius:var(--l-radius-lg)}.noti__card:hover>.noti-row{background:var(--l-surface-sunken)}.noti__lines{margin:calc(-1 * var(--l-space-1)) var(--l-space-3) 0 calc(var(--l-space-3) + 40px + var(--l-space-3) - var(--l-space-2));padding:0 0 0 var(--l-space-2);border-left:2px solid var(--l-border);flex-direction:column;display:flex}.noti__line,.noti__expand{width:100%;min-height:var(--l-tap-min);border-radius:var(--l-radius-sm);text-align:left;cursor:pointer;transition:background-color var(--l-dur-base) var(--l-ease-out);background:0 0;border:0;align-items:center;display:flex}.noti__line{justify-content:space-between;gap:var(--l-space-3);padding:0 var(--l-space-2) 0 var(--l-space-3);font:var(--l-type-body-sm);color:var(--l-text-muted)}.noti__line:hover,.noti__expand:hover{background:var(--l-surface-sunken)}.noti__line.is-unread{color:var(--l-text);font-weight:650}.noti__line-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.noti__line time{font:var(--l-type-label);color:var(--l-text-subtle);font-variant-numeric:tabular-nums;flex:none}.noti__expand{padding:0 var(--l-space-3);font:var(--l-type-label);color:var(--l-accent);gap:4px;font-weight:650}.noti__skeleton{align-items:center;gap:var(--l-space-3);padding:var(--l-space-3);grid-template-columns:40px minmax(0,1fr);display:grid}.noti__skeleton-lines{gap:8px;display:grid}.noti__more{justify-content:center;align-items:center;gap:var(--l-space-2);padding:var(--l-space-2) var(--l-space-4) var(--l-space-4);color:var(--l-text-subtle);flex-wrap:wrap;display:flex}.noti__more p{margin:0}.noti__sentinel{flex-shrink:0;height:1px}.noti__actions{gap:var(--l-space-2);padding:0 var(--l-space-3) var(--l-space-3) calc(var(--l-space-3) + 40px + var(--l-space-3));flex-wrap:wrap;display:flex}.noti__answer{padding:0 var(--l-space-3) var(--l-space-3) calc(var(--l-space-3) + 40px + var(--l-space-3));font:var(--l-type-body-sm);color:var(--l-success);margin:0}