.nbell,.nbell-btn{position:relative;display:inline-flex}.nbell-btn{isolation:isolate;align-items:center;justify-content:center;min-height:2.5rem;min-width:2.25rem;border-radius:.5rem;color:var(--muted-foreground);transition:background-color .15s,color .15s}.nbell-btn:hover,.nbell-btn[aria-expanded=true]{background:var(--surface-muted);color:var(--foreground)}.nbell-badge{position:absolute;z-index:1;top:.25rem;right:.15rem;min-width:1.05rem;height:1.05rem;padding:0 .2rem;border-radius:999px;background:#d9534f;color:#fff;font-size:.6rem;font-weight:700;line-height:1.05rem;text-align:center;box-shadow:0 0 0 2px var(--background)}.nbell-layer{position:fixed;inset:0;z-index:30;pointer-events:none}.nbell-panel{position:fixed;top:var(--nbell-panel-top);right:var(--nbell-panel-right);width:min(360px,calc(100vw - 1.5rem));max-height:min(70dvh,30rem,calc(100dvh - var(--nbell-panel-top) - 12px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:.85rem;box-shadow:var(--shl);z-index:1;overflow:hidden;pointer-events:auto;transform-origin:top right;animation:nbell-in .14s ease-out}.nbell-panel:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}@media (max-width:479px){.nbell-panel{left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--nbell-panel-top) - 12px)}}@keyframes nbell-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nbell-panel{animation:none}}.nbell-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .9rem;border-bottom:1px solid var(--border)}.nbell-title{font-family:var(--fr);font-weight:700;color:var(--brand);font-size:1rem}.nbell-mark{font-size:.72rem;color:var(--muted-foreground);padding:.2rem .45rem;border-radius:.4rem;transition:background-color .15s,color .15s}.nbell-mark:hover:not(:disabled){background:var(--surface-muted);color:var(--foreground)}.nbell-mark:disabled{opacity:.45;cursor:default}.nbell-list{flex:1;overflow-y:auto;margin:0;padding:.35rem;list-style:none}.nbell-list>li{margin:0;padding:0}.nbell-empty{padding:2rem 1rem;text-align:center;font-size:.82rem;color:var(--muted-foreground)}.nbell-error{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--danger-tint);padding:.55rem .8rem;color:var(--danger);font-size:.7rem}.nbell-error button{min-height:36px;flex:none;border-radius:999px;padding-inline:.65rem;font-weight:700}.nbell-row{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem;border-radius:.6rem;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s}.nbell-row:hover{background:var(--surface-muted)}.nbell-row.unread{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.nbell-row.unread:hover{background:color-mix(in srgb,var(--brand) 13%,var(--surface))}.nbell-ic{flex:none;width:2rem;height:2rem;border-radius:.55rem;display:grid;place-items:center}.nbell-ic.tone-brand{background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand)}.nbell-ic.tone-accent{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.nbell-ic.tone-gold{background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold)}.nbell-ic.tone-warn{background:color-mix(in srgb,var(--fire) 16%,var(--surface));color:var(--fire)}.nbell-ic.tone-muted{background:var(--surface-muted);color:var(--muted-foreground)}.nbell-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.nbell-t{font-size:.82rem;font-weight:600;color:var(--foreground);line-height:1.35}.nbell-b{font-size:.74rem;color:var(--muted-foreground);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nbell-time{flex:none;font-size:.64rem;color:var(--faint);font-family:var(--fm);padding-top:.15rem;white-space:nowrap}.nbell-foot{display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.65rem;border-top:1px solid var(--border);font-size:.76rem;font-weight:600;color:var(--brand);text-decoration:none;transition:background-color .15s}.nbell-foot:hover{background:var(--surface-muted)}