.bell-toggle{--bt-clip:0px;--bt-color:#f5f5f5;--bt-bg:#27272a;--bt-on-color:#18181b;--bt-on-bg:#f5f5f5;--bt-badge:#ef4444;--bt-badge-ink:#fff;--bt-radius:22px;--bt-fade:.2s;--bt-pivot:16%;--bt-h:44px;--bt-fs:13.5px;--bt-icon:16px;--bt-px:19px;--bt-gap:9px;--bt-press:.97;--bt-ease-out:cubic-bezier(.23, 1, .32, 1);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .16s var(--bt-ease-out);grid-template-columns:max-content;display:inline-grid;position:relative}.bell-toggle[data-pressed]{transform:scale(var(--bt-press))}.bell-toggle[data-disabled]{opacity:.55}.bell-toggle[data-disabled][data-pressed]{transform:none}.bell-toggle__button{align-items:center;gap:var(--bt-gap);height:var(--bt-h);padding:0 var(--bt-px);border-radius:var(--bt-radius);background:var(--bt-bg);color:var(--bt-color);font:inherit;font-size:var(--bt-fs);letter-spacing:.01em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;clip-path:inset(0 var(--bt-clip) 0 0 round var(--bt-radius));transition:background-color var(--bt-fade) ease, color var(--bt-fade) ease;border:0;outline:none;grid-area:1/1;margin:0;font-weight:500;line-height:1;display:inline-flex}.bell-toggle__button:disabled{cursor:default}.bell-toggle[data-on=true] .bell-toggle__button{background:var(--bt-on-bg);color:var(--bt-on-color)}@media (hover:hover) and (pointer:fine){.bell-toggle__button:enabled:hover{background:color-mix(in srgb, var(--bt-color) 6%, var(--bt-bg))}.bell-toggle[data-on=true] .bell-toggle__button:enabled:hover{background:color-mix(in srgb, var(--bt-on-color) 6%, var(--bt-on-bg))}}.bell-toggle__bell{width:var(--bt-icon);height:var(--bt-icon);flex:none;display:inline-grid;position:relative}.bell-toggle__glyph{width:var(--bt-icon);height:var(--bt-icon);transform-origin:50% var(--bt-pivot);grid-area:1/1;place-items:center;display:inline-grid}.bell-toggle__glyph svg{width:100%;height:100%}.bell-toggle__clapper{transform-origin:50% var(--bt-pivot);pointer-events:none;position:absolute;inset:0}.bell-toggle__clapper svg{width:100%;height:100%;display:block}.bell-toggle__wave{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:0;pointer-events:none;width:14px;height:14px;position:absolute;top:-3px}.bell-toggle__wave--left{transform-origin:100% 100%;right:calc(100% - 2px)}.bell-toggle__wave--right{transform-origin:0 100%;left:calc(100% - 2px)}.bell-toggle__badge{box-sizing:border-box;background:var(--bt-badge);min-width:14px;height:14px;color:var(--bt-badge-ink);opacity:0;pointer-events:none;transition:transform .18s var(--bt-ease-out), opacity .14s ease;border-radius:7px;place-items:center;padding:0 3px;font-size:9.5px;font-weight:600;line-height:1;display:grid;position:absolute;top:-6px;right:-7px;transform:translateY(5px)scale(.6)}.bell-toggle__badge[data-show]{opacity:1;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .12s;transform:translateY(0)scale(1)}.bell-toggle__digit{opacity:1;transition:opacity .2s ease, transform .2s var(--bt-ease-out);display:block;transform:translateY(0)}@starting-style{.bell-toggle__digit{opacity:0;transform:translateY(5px)}}.bell-toggle__say{grid-template-columns:max-content;height:18px;line-height:18px;display:inline-grid}.bell-toggle__face{opacity:0;filter:blur(2px);transition:opacity var(--bt-fade) ease, filter var(--bt-fade) ease;grid-area:1/1;justify-self:start}.bell-toggle[data-on=false] .bell-toggle__face--off,.bell-toggle[data-on=true] .bell-toggle__face--on{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){.bell-toggle[data-pressed]{transform:none}.bell-toggle__face{transition:opacity var(--bt-fade) ease;filter:none!important}.bell-toggle__badge,.bell-toggle__badge[data-show]{transition:opacity .14s;transform:none}.bell-toggle__digit{transition:opacity .2s;transform:none}}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}