.notif-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.notif-head h1{margin:0}.notif-count{background:var(--color-tomato);color:#fff;font:600 .85rem var(--font-body,Inter,system-ui);vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 10px;display:inline-block}.notif-btn{border:1px solid var(--color-moss);min-height:44px;color:var(--color-moss);cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-weight:600}.notif-btn:hover:not(:disabled){background:var(--color-moss);color:#fff}.notif-btn:disabled{opacity:.5;cursor:default}.notif-btn:focus-visible,.notif-item a:focus-visible{outline:3px solid var(--color-moss);outline-offset:2px}.notif-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notif-item{border-radius:var(--radius,14px);box-shadow:var(--shadow,0 1px 3px #3a2e2614);background:#fff;border-left:4px solid #0000;align-items:center;gap:12px;padding:14px;display:flex}.notif-item.unread{border-left-color:var(--color-tomato);background:#fffdf8}.notif-text{min-width:0;color:var(--color-soil);flex:1}.notif-text a{color:var(--color-moss);font-weight:600;text-decoration:none}.notif-text a:hover{text-decoration:underline}.notif-time{opacity:.7;margin-top:2px;font-size:.8rem;display:block}.notif-icon{flex:none;font-size:1.3rem}.notif-icon.like{color:var(--color-tomato)}.notif-icon.comment,.notif-icon.follow{color:var(--color-moss)}