.bell{display:inline-flex;position:relative}.bell__btn{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.bell__btn:hover,.bell__btn[aria-expanded=true]{color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.bell__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bell__count{background:var(--lime);min-width:1.1rem;color:var(--lime-ink);text-align:center;box-shadow:0 0 0 2px var(--bg);border-radius:999px;padding:0 .28rem;font-size:.68rem;font-weight:800;line-height:1.1rem;position:absolute;top:.1rem;right:.05rem}.bell__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bell__panel{z-index:60;border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg-2);width:min(22rem,100vw - 2rem);max-height:min(70vh,32rem);color:var(--text);box-shadow:var(--lift);text-align:left;font-size:.9rem;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto}@media (max-width:480px){.bell{position:static}.bell__panel{width:auto;position:fixed;top:3.5rem;left:1rem;right:1rem}}.bell__head{border-bottom:1px solid var(--rule);background:var(--bg-2);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.bell__title{margin:0;font-weight:700}.bell__all{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem}.bell__list{margin:0;padding:.25rem 0;list-style:none}.bell__item{color:var(--muted);gap:.15rem;padding:.65rem 1rem .65rem 1.6rem;text-decoration:none;display:grid;position:relative}.bell__item:hover,.bell__item:focus-visible{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--text)}.bell__item--new{color:var(--text)}.bell__item--new:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:1.05rem;left:.75rem}.bell__time{color:var(--dim);font-size:.78rem}.bell__empty{color:var(--muted);margin:0;padding:1rem}@media (prefers-reduced-motion:no-preference){.bell__icon--ring{transform-origin:50% 15%;animation:bell-ring .7s var(--ease-out)}.bell__panel{animation:bell-in .18s var(--ease-out)}}@keyframes bell-ring{20%{transform:rotate(14deg)}40%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}@keyframes bell-in{0%{opacity:0;transform:translateY(-6px)}}
.mode-pill{background:var(--lime);color:var(--lime-ink);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:800;line-height:1.35rem;display:inline-block}.mode-switch__error{color:var(--danger);font-size:.8rem;display:block}
.account-invite{white-space:nowrap}.account-menu__invite{display:none}@media (max-width:760px){.topbar .topbar__nav .account-invite{display:none}.topbar .account-menu__invite{display:block}}.account-menu{position:relative}.account-menu__toggle{font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0}.account-menu__caret{margin-left:.15em;font-size:.8em;display:inline-block}.account-menu__icon{display:none}@media (max-width:480px){.account-menu button.account-menu__toggle{align-items:center;display:inline-flex}.account-menu__icon{display:block}.account-menu .account-menu__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.account-menu__list{z-index:30;border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--panel);min-width:14rem;box-shadow:var(--lift);margin:0;padding:.4rem;font-size:14px;list-style:none;display:grid;position:absolute;top:calc(100% + .75rem);right:0}.account-menu__list[hidden]{display:none}.account-menu__list a,.account-menu__list button{border-radius:calc(var(--radius) - 4px);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.55rem .75rem;text-decoration:none;display:block}.account-menu__list a:hover,.account-menu__list button:hover{background:var(--bg)}.account-menu__badge{background:var(--lime);color:var(--lime-ink);text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-left:.45rem;padding:0 .45rem;font-size:.7rem;font-weight:800;line-height:1.25rem;display:inline-block}.account-menu__list li:last-child{border-top:1px solid var(--rule);margin-top:.3rem;padding-top:.3rem}.account-menu__mode{border-bottom:1px solid var(--rule);gap:.45rem;margin-bottom:.3rem;padding:.45rem .75rem .7rem;display:grid}.account-menu__hi{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.account-menu__mode-now{color:var(--muted);white-space:nowrap;font-size:.8rem}.account-menu__list .account-menu__switch{border:1px solid var(--rule-2);text-align:center;border-radius:999px;padding:.45rem .75rem;font-weight:600}.account-menu__list .account-menu__switch:hover{border-color:var(--text)}.account-menu__list .account-menu__switch:disabled{cursor:progress;opacity:.7}