.bell-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;line-height:14px;position:absolute;top:1px;right:1px}.bell-panel{border:1px solid var(--color-border);background:var(--color-surface);width:min(420px,100vw - 2rem);max-height:min(640px,100dvh - 76px);color:var(--color-ink);text-align:left;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.bell-inbox-item{height:auto;min-height:32px}.bell-inbox-marker{background:0 0;border-radius:2px;flex-shrink:0;width:6px;height:6px;margin-top:5px}.bell-inbox-item[data-unread=true] .bell-inbox-marker{background:var(--color-accent)}.bell-inbox-item[data-unread=true]{font-weight:600}.bell-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.bell-panel-header h2{font-size:14px;font-weight:600;line-height:1.4}.bell-panel-header p{color:var(--color-ink-tertiary);margin-top:3px;font-size:11px}.bell-panel-list{overscroll-behavior:contain;min-height:0;padding:6px;overflow-y:auto}.bell-panel .bell-inbox-item,.bell-panel .bell-queue-item{white-space:normal;border-radius:6px;align-items:flex-start;height:auto;padding:12px 10px;line-height:1.45}.bell-message-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.bell-inbox-item[data-unread=true] .bell-message-title{font-weight:600}.bell-message-body{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--color-ink-secondary);-webkit-box-orient:vertical;margin-top:4px;font-size:11px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.bell-message-time{color:var(--color-ink-tertiary);flex-shrink:0;margin-top:2px;font-size:10px;font-weight:400}.bell-panel{transform-origin:100% 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s,visibility}.bell-panel[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.bell-panel[data-open=false]{opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s ease-in,opacity .14s ease-in,visibility 0s .18s;transform:translateY(-6px)scale(.88)}@media (prefers-reduced-motion:reduce){.bell-panel,.bell-panel[data-open=false]{transition:none;transform:none}}.bell-dismiss-row{grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.2,.8,.2,1) .12s;display:grid}.bell-dismiss-clip{min-height:0;overflow:hidden}.bell-dismiss-content{opacity:1;transition:opacity .16s,transform .2s;position:relative;transform:translate(0)}.bell-dismiss-content .bell-inbox-item{padding-right:32px}.bell-dismiss-button{opacity:0;width:26px;height:26px;padding:0;transition:opacity .12s;position:absolute;top:8px;right:2px}.bell-dismiss-row:hover .bell-dismiss-button,.bell-dismiss-row:focus-within .bell-dismiss-button{opacity:1}.bell-dismiss-row[data-leaving=true]{grid-template-rows:0fr}.bell-dismiss-row[data-leaving=true] .bell-dismiss-content{opacity:0;transform:translate(12px)}@media (hover:none){.bell-dismiss-button{opacity:1}}@media (prefers-reduced-motion:reduce){.bell-dismiss-row,.bell-dismiss-content{transition:none}}