.bo-bell{position:relative;display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.bo-bell__toggle,.bo-bell__more{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0 6px;border:1px solid var(--line-strong);border-radius:var(--radius-pill, 999px);background:var(--bg-elev);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.bo-bell__more{min-width:24px;padding:0 4px}.bo-bell__toggle:hover,.bo-bell__more:hover{color:var(--fg);border-color:var(--fg)}.bo-bell__toggle:focus-visible,.bo-bell__more:focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 3px rgba(14, 165, 164, .4))}.bo-bell__toggle[aria-pressed=true]{background:var(--brand-primary-fill);border-color:var(--brand-primary-fill);color:var(--brand-primary-fill-contrast)}.bo-bell__icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bo-bell__panel{position:absolute;z-index:40;top:calc(100% + 6px);right:0;width:260px;max-width:calc(100vw - 32px);padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm, 8px);background:var(--card);color:var(--fg);box-shadow:var(--shadow);font-size:13px;line-height:1.4;text-align:left}.bo-bell__panel--start{right:auto;left:0}.bo-bell__panel[hidden]{display:none}.bo-bell__panel label{display:flex;gap:8px;align-items:center;margin:4px 0;cursor:pointer}.bo-bell__note{margin:8px 0 0;color:var(--muted);font-size:12px}.bo-toasts{position:fixed;z-index:1000;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;width:320px;max-width:calc(100vw - 32px);pointer-events:none}.bo-toast{pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border:1px solid var(--line-strong);border-left:4px solid var(--ok);border-radius:var(--radius-sm, 8px);background:var(--card);color:var(--fg);box-shadow:var(--shadow);font-size:13px;line-height:1.4}.bo-toast[data-kind=failed]{border-left-color:var(--bad)}.bo-toast[data-kind=waiting]{border-left-color:var(--warn)}.bo-toast__title{font-weight:600}.bo-toast__body{grid-column:1;color:var(--muted);overflow-wrap:anywhere}.bo-toast__close{grid-row:1 / span 2;grid-column:2;align-self:start;border:0;background:transparent;color:var(--muted);font:inherit;font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}.bo-toast__demo{display:inline-block;margin-right:6px;padding:0 6px;border-radius:var(--radius-pill, 999px);background:var(--slate-fill);color:var(--fg);font-size:11px;font-weight:600;letter-spacing:.04em}@media (prefers-reduced-motion: no-preference){.bo-toast{animation:bo-toast-in .16s ease-out}@keyframes bo-toast-in{0%{opacity:0;transform:translateY(6px)}}}