:root{--quick-tab-w:20px;--quick-btn:38px}html.quick-on{--quick-reserve:46px}@media (pointer:coarse){:root{--quick-tab-w:24px;--quick-btn:44px}html.quick-on{--quick-reserve:26px}}.quick-tray{--quick-y:50%;z-index:7;width:0;height:0;position:fixed;inset:0 0 auto auto}.quick-tray[hidden]{display:none}.quick-tab,.quick-panel{right:env(safe-area-inset-right,0px);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 + 5px);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:6px;margin-right:6px;padding:5px;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)}.quick-themes{width:280px;transition-property:none}.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)}}