:root{--quick-tab-w:20px;--quick-btn:40px}html.quick-on{--quick-reserve:46px}@media (pointer:coarse){:root{--quick-tab-w:24px;--quick-btn:44px}html.quick-on{--quick-reserve:26px}}@media (pointer:coarse) and (orientation:landscape){html.quick-on .obpal-chip{--obpal-offset-x:calc(12px + var(--quick-reserve))}}.quick-tray{--quick-y:50%;--quick-safe-top:env(safe-area-inset-top,0px);--quick-safe-right:env(safe-area-inset-right,0px);--quick-safe-bottom:env(safe-area-inset-bottom,0px);--quick-safe-left:env(safe-area-inset-left,0px);z-index:7;width:0;height:0;position:fixed;inset:0 0 auto auto}.quick-tray[hidden]{display:none}.quick-tab,.quick-panel{right:var(--quick-safe-right);top:var(--quick-y);box-sizing:border-box;touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed}.quick-tab{width:var(--quick-tab-w);border:1px solid var(--bb-frost-edge);background:var(--bb-frost);height:56px;-webkit-backdrop-filter:var(--bb-frost-blur);backdrop-filter:var(--bb-frost-blur);box-shadow:var(--bb-frost-shadow);color:var(--bb-ink-2);cursor:pointer;opacity:.62;transition:opacity .2s var(--bb-ease), transform .26s var(--bb-ease-out), color var(--bb-dur-2);border-right:0;border-radius:14px 0 0 14px;place-items:center;margin:0;padding:0;display:grid;transform:translateY(-50%)}.quick-tab:before{content:"";position:absolute;inset:-6px 0 -6px -18px}.quick-tab .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}:is(.quick-tab:hover,.quick-tab:focus-visible){opacity:1;color:var(--bb-ink)}.quick-tab:focus-visible{outline:2px solid var(--bb-accent-text);outline-offset:2px}.quick-tab[hidden]{display:none}.quick-tray[data-open=true] .quick-tab{opacity:0;pointer-events:none;transform:translate(12px,-50%)}.quick-panel{grid-auto-flow:column;grid-template-rows:repeat(var(--quick-rows,6), var(--quick-btn));grid-auto-columns:var(--quick-btn);border:1px solid var(--bb-frost-edge);border-radius:calc(var(--quick-btn) / 2 + 8px);background:var(--bb-frost);-webkit-backdrop-filter:var(--bb-frost-blur);backdrop-filter:var(--bb-frost-blur);box-shadow:0 22px 50px -24px #000000d9, 0 0 0 1px #00000024, inset 0 1px 0 var(--bb-hi);visibility:hidden;transition:transform .26s var(--bb-ease-out), visibility 0s linear .26s;place-items:center;gap:8px;margin-right:8px;padding:7px;display:grid;transform:translate(calc(100% + 12px),-50%)}.quick-tray[data-open=true] .quick-panel{visibility:visible;transition:transform .32s var(--bb-ease-out), visibility 0s;transform:translateY(-50%)}button.quick-btn{width:var(--quick-btn);height:var(--quick-btn);color:var(--bb-ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--bb-dur-2), color var(--bb-dur-2), box-shadow var(--bb-dur-2), transform var(--bb-dur-1) var(--bb-ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}button.quick-btn .ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;display:block}button.quick-btn:hover{background:rgb(var(--bb-hl-rgb) / .09);color:var(--bb-ink)}button.quick-btn:active{transform:scale(.92)}button.quick-btn:focus-visible{outline:2px solid var(--bb-accent-text);outline-offset:1px}button.quick-btn[aria-pressed=true],button.quick-btn[aria-expanded=true]{background:rgb(var(--bb-accent-rgb) / .13);box-shadow:var(--kit-ring);color:var(--bb-accent-text)}.quick-tip{z-index:var(--bb-z-tip,80);box-sizing:border-box;border:1px solid var(--bb-frost-edge);background:var(--bb-frost);max-width:min(250px,100vw - 96px);-webkit-backdrop-filter:var(--bb-frost-blur);backdrop-filter:var(--bb-frost-blur);box-shadow:var(--kit-pop-shadow,var(--bb-frost-shadow));color:var(--bb-ink);pointer-events:none;border-radius:14px;gap:3px;padding:9px 13px 10px;transition-property:none;display:grid;position:fixed}.quick-tip[hidden]{display:none}.quick-tip b{font:650 13px/1.25 var(--bb-font-ui);letter-spacing:-.01em}.quick-tip span{color:var(--bb-ink-2);font:500 12px/1.4 var(--bb-font-ui)}.bb-menu.quick-themes{box-sizing:border-box;overscroll-behavior:contain;width:280px;min-width:0;transition-property:none;overflow:auto}.quick-tip{overscroll-behavior:contain;overflow:auto}.quick-themes.quick-sheet{border-radius:var(--bb-r-2xl);width:360px;padding:12px}.quick-theme-close{display:none}.quick-sheet .quick-theme-close{width:44px;height:44px;color:var(--bb-ink-2);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:8px}.quick-sheet .bb-menu-group{padding:12px 8px}.quick-sheet .bb-accents{grid-template-columns:repeat(5,1fr);gap:8px;padding:4px;display:grid}.quick-sheet .bb-accent{justify-self:center;width:44px;height:44px}.quick-sheet .bb-accent:before{inset:10px}@media (pointer:coarse) and (min-width:480px){.bb-menu.quick-themes{width:420px}.quick-themes .bb-themes{grid-template-columns:repeat(6,1fr)}.quick-themes .bb-theme{gap:8px;padding:8px 4px}.quick-themes .bb-accents{justify-content:start;gap:4px}.quick-themes .bb-accent{width:44px;height:44px}.quick-themes .bb-accent:before{inset:10px}}.pair-called{animation:quick-called 1.6s var(--bb-ease) 1;outline:none}@keyframes quick-called{30%{box-shadow:0 0 0 3px rgb(var(--bb-accent-rgb) / .85), 0 0 44px rgb(var(--bb-accent-rgb) / .35)}}@media (prefers-reduced-motion:reduce){.quick-tab,.quick-panel,.quick-tray[data-open=true] .quick-panel{transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.quick-tab,.quick-panel,.quick-tip{background:var(--bb-frost-solid)}}.quick-btn.quick-divider:not(.quick-column-start):before{content:"";background:var(--bb-line);pointer-events:none;width:24px;height:1px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}button.quick-btn[data-group=primary]{background:var(--bb-accent);color:var(--bb-accent-ink)}button.quick-btn[data-quick=stop]{background:color-mix(in srgb, var(--bad,#fb7185) 16%, transparent);color:var(--bad,#fb7185)}.quick-tip b{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-tip kbd{font:500 11px/1.4 var(--bb-font-data);border:1px solid var(--bb-line-strong);background:var(--bb-wash);border-radius:6px;padding:2px 6px}@media (hover:none){.quick-tip kbd{display:none}}
