:root{--bb-font-display:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bb-font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bb-font-data:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bb-r-xs:8px;--bb-r-sm:12px;--bb-r-md:14px;--bb-r-lg:20px;--bb-r-xl:24px;--bb-r-2xl:28px;--bb-ease:cubic-bezier(.2, .8, .2, 1);--bb-ease-out:cubic-bezier(.16, 1, .3, 1);--bb-dur-1:.12s;--bb-dur-2:.2s;--bb-dur-3:.32s;--bb-z-bar:40;--bb-z-menu:60;--bb-z-hint:70;--bb-z-tip:80}:root,[data-bb-theme=carbon]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-page:#0b0b0c;--bb-base-rgb:14 14 15;--bb-surface-rgb:30 30 32;--bb-sheet:#141415;--bb-ink:#f4f4f5;--bb-ink-2:#cbcbcf;--bb-ink-3:#8f8f96;--bb-line:#ffffff1a;--bb-line-strong:#ffffff2e;--bb-hi:#ffffff14;--bb-wash:#ffffff0d;--bb-shadow:0 24px 60px -28px #000000d9;--bb-aurora:38 38 40}[data-bb-theme=navy]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-page:#070d17;--bb-base-rgb:9 17 31;--bb-surface-rgb:17 29 50;--bb-sheet:#0b1426;--bb-ink:#e6edf7;--bb-ink-2:#b5c4d8;--bb-ink-3:#8595ab;--bb-line:#a3b1c529;--bb-line-strong:#a3b1c547;--bb-hi:#d6e6ff14;--bb-wash:#d6e6ff0d;--bb-shadow:0 24px 60px -28px #00040ce6;--bb-aurora:30 58 110}[data-bb-theme=violet]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-page:#0c0717;--bb-base-rgb:18 11 34;--bb-surface-rgb:54 37 92;--bb-sheet:#1b1230;--bb-ink:#f4f0ff;--bb-ink-2:#cfc6e7;--bb-ink-3:#9c91b8;--bb-line:#d2c3f629;--bb-line-strong:#d2c3f647;--bb-hi:#e7deff1a;--bb-wash:#e7deff0d;--bb-shadow:0 24px 60px -28px #060210e6;--bb-aurora:113 84 201}[data-bb-theme=wine]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-page:#110c0f;--bb-base-rgb:24 18 21;--bb-surface-rgb:50 41 47;--bb-sheet:#1c161a;--bb-ink:#f3eff1;--bb-ink-2:#d1c8cd;--bb-ink-3:#9b9096;--bb-line:#f3eff11f;--bb-line-strong:#f3eff138;--bb-hi:#fff0f814;--bb-wash:#fff0f80d;--bb-shadow:0 24px 60px -28px #0a0408e6;--bb-aurora:93 58 78}[data-bb-theme=onyx]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-page:#020202;--bb-base-rgb:6 8 10;--bb-surface-rgb:16 21 26;--bb-sheet:#07090b;--bb-ink:#f1f6f9;--bb-ink-2:#c3ccd2;--bb-ink-3:#8a949b;--bb-line:#f1f6f91a;--bb-line-strong:#f1f6f933;--bb-hi:#f1f6f912;--bb-wash:#f1f6f90b;--bb-shadow:0 24px 60px -28px #000000f2;--bb-aurora:31 45 56}[data-bb-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bb-page:#eef1f6;--bb-base-rgb:246 248 251;--bb-surface-rgb:255 255 255;--bb-sheet:#f7f9fc;--bb-ink:#0f172a;--bb-ink-2:#334155;--bb-ink-3:#64748b;--bb-line:#0f172a1a;--bb-line-strong:#0f172a2e;--bb-hi:#ffffffb3;--bb-wash:#0f172a0a;--bb-shadow:0 22px 50px -30px #0f172a59;--bb-aurora:203 213 225}:root,[data-bb-product=ecosystem]{--bb-accent:#7dd3fc;--bb-accent-rgb:125 211 252;--bb-accent-ink:#052132;--bb-accent-strong:#0369a1}[data-bb-product=boxem]{--bb-accent:#38bdf8;--bb-accent-rgb:56 189 248;--bb-accent-ink:#04131f;--bb-accent-strong:#0284c7}[data-bb-product=orbitem]{--bb-accent:#22d3ee;--bb-accent-rgb:34 211 238;--bb-accent-ink:#03181c;--bb-accent-strong:#0891b2}[data-bb-product=pulseem]{--bb-accent:#fb7185;--bb-accent-rgb:251 113 133;--bb-accent-ink:#2a070e;--bb-accent-strong:#e11d48}[data-bb-product=capem]{--bb-accent:#fcd34d;--bb-accent-rgb:252 211 77;--bb-accent-ink:#2a1d02;--bb-accent-strong:#b45309}[data-bb-product=synthem]{--bb-accent:#f0abfc;--bb-accent-rgb:240 171 252;--bb-accent-ink:#26072b;--bb-accent-strong:#c026d3}[data-bb-product=balancem]{--bb-accent:#6ee7b7;--bb-accent-rgb:110 231 183;--bb-accent-ink:#03211a;--bb-accent-strong:#059669}[data-bb-product=printem]{--bb-accent:#ffa866;--bb-accent-rgb:255 168 102;--bb-accent-ink:#2b1200;--bb-accent-strong:#ea580c}[data-bb-product=wattem]{--bb-accent:#7be2ae;--bb-accent-rgb:123 226 174;--bb-accent-ink:#042014;--bb-accent-strong:#16a34a}[data-bb-product=reachem]{--bb-accent:#ff9b99;--bb-accent-rgb:255 155 153;--bb-accent-ink:#2c0908;--bb-accent-strong:#dc2626}[data-bb-product=obpal],[data-bb-accent=lime]{--bb-accent:#c6ff34;--bb-accent-rgb:198 255 52;--bb-accent-ink:#172100;--bb-accent-strong:#4d7c0f}[data-bb-accent=lavender]{--bb-accent:#d2c3f6;--bb-accent-rgb:210 195 246;--bb-accent-ink:#20153b;--bb-accent-strong:#6d4fc7}[data-bb-accent=turquoise]{--bb-accent:#99e1d9;--bb-accent-rgb:153 225 217;--bb-accent-ink:#0d2a27;--bb-accent-strong:#0f766e}[data-bb-accent=candy]{--bb-accent:#b2d5e5;--bb-accent-rgb:178 213 229;--bb-accent-ink:#0b202c;--bb-accent-strong:#2b6c8f}[data-bb-accent=sky]{--bb-accent:#38bdf8;--bb-accent-rgb:56 189 248;--bb-accent-ink:#04131f;--bb-accent-strong:#0284c7}[data-bb-accent=rose]{--bb-accent:#fb7185;--bb-accent-rgb:251 113 133;--bb-accent-ink:#2a070e;--bb-accent-strong:#e11d48}[data-bb-accent=amber]{--bb-accent:#fcd34d;--bb-accent-rgb:252 211 77;--bb-accent-ink:#2a1d02;--bb-accent-strong:#b45309}[data-bb-accent=mint]{--bb-accent:#6ee7b7;--bb-accent-rgb:110 231 183;--bb-accent-ink:#03211a;--bb-accent-strong:#059669}:root{--bb-accent-text:var(--bb-accent);--bb-accent-soft:color-mix(in srgb, var(--bb-accent) 55%, var(--bb-ink))}[data-bb-theme=light]{--bb-accent-text:var(--bb-accent-strong);--bb-accent-soft:var(--bb-accent-strong)}:root{--bb-glass:linear-gradient(180deg, rgb(var(--bb-surface-rgb) / .74), rgb(var(--bb-base-rgb) / .68));--bb-glass-solid:linear-gradient(180deg, rgb(var(--bb-surface-rgb) / .96), rgb(var(--bb-base-rgb) / .94));--bb-glass-accent:linear-gradient(180deg, rgb(var(--bb-accent-rgb) / .96), rgb(var(--bb-accent-rgb) / .8));--bb-blur:blur(20px) saturate(150%);--bb-focus:0 0 0 2px var(--bb-page), 0 0 0 4px rgb(var(--bb-accent-rgb) / .85)}.bb-family{background:var(--bb-page);color:var(--bb-ink);font:400 15px/1.6 var(--bb-font-ui);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.bb-family ::selection{background:rgb(var(--bb-accent-rgb) / .35);color:var(--bb-ink)}.bb-family :focus-visible{box-shadow:var(--bb-focus);outline:none}.bb-display{font:800 clamp(40px, 4.8vw, 68px)/1.06 var(--bb-font-display);letter-spacing:-.035em;text-wrap:balance}.bb-headline{font:700 26px/1.2 var(--bb-font-display);letter-spacing:-.025em}.bb-title{font:700 20px/1.3 var(--bb-font-display);letter-spacing:-.02em}.bb-label{font:600 11px/1.2 var(--bb-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-ink-3)}.bb-num{font-variant-numeric:tabular-nums}.bb-data{font:600 12px/1.2 var(--bb-font-data);letter-spacing:0;font-variant-numeric:tabular-nums}.bb-glass{background:var(--bb-glass);border:1px solid var(--bb-line);box-shadow:var(--bb-shadow), inset 0 1px 0 var(--bb-hi);-webkit-backdrop-filter:var(--bb-blur);backdrop-filter:var(--bb-blur);background-clip:border-box}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bb-glass{background:var(--bb-glass-solid)}}.bb-btn{border-radius:var(--bb-r-md);border:1px solid var(--bb-line);background:var(--bb-wash);min-height:40px;color:var(--bb-ink);font:650 14px/1 var(--bb-font-ui);cursor:pointer;transition:background var(--bb-dur-2) var(--bb-ease), border-color var(--bb-dur-2), transform var(--bb-dur-1) var(--bb-ease), color var(--bb-dur-2);justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.bb-btn:hover{background:color-mix(in srgb, var(--bb-wash) 100%, var(--bb-ink) 6%);border-color:var(--bb-line-strong)}.bb-btn:active{transform:scale(.97)}.bb-btn.primary{background:var(--bb-glass-accent);color:var(--bb-accent-ink);box-shadow:0 10px 28px -14px rgb(var(--bb-accent-rgb) / .8), inset 0 1px 0 #fff6;border-color:#ffffff47}.bb-btn.primary:hover{filter:brightness(1.05)}.bb-btn .bb-ic{width:18px;height:18px}.bb-tool{border-radius:var(--bb-r-sm);width:40px;height:40px;color:var(--bb-ink-2);cursor:pointer;transition:background var(--bb-dur-2) var(--bb-ease), color var(--bb-dur-2), transform var(--bb-dur-1) var(--bb-ease);background:0 0;border:1px solid #0000;place-items:center;text-decoration:none;display:grid;position:relative}.bb-tool:hover{background:var(--bb-wash);color:var(--bb-ink)}.bb-tool:active{transform:scale(.94)}.bb-tool[aria-pressed=true],.bb-tool[aria-expanded=true]{background:var(--bb-glass-accent);color:var(--bb-accent-ink);border-color:#ffffff47}.bb-tool .bb-ic{width:20px;height:20px}.bb-chip{border:1px solid rgb(var(--bb-accent-rgb) / .35);background:rgb(var(--bb-accent-rgb) / .12);height:32px;color:var(--bb-accent-text);font:650 12.5px/1 var(--bb-font-ui);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.bb-dot{background:var(--bb-accent);width:8px;height:8px;box-shadow:0 0 10px rgb(var(--bb-accent-rgb) / .7);border-radius:50%}.bb-range{--fill:50%;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:26px;margin:0;padding:0;display:block}.bb-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--bb-accent) 0 var(--fill), var(--bb-line-strong) var(--fill) 100%);border:0;border-radius:999px;height:4px}.bb-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;transition:transform var(--bb-dur-1) var(--bb-ease), box-shadow var(--bb-dur-2) var(--bb-ease);background:#fff;border:0;border-radius:50%;margin-top:-9px;box-shadow:0 2px 6px #0000003d,0 0 0 .5px #0000001a}.bb-range:active::-webkit-slider-thumb{transform:scale(1.12)}.bb-range:focus-visible{box-shadow:none;outline:none}.bb-range:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 6px #0000003d, 0 0 0 4px rgb(var(--bb-accent-rgb) / .4)}.bb-range::-moz-range-track{background:var(--bb-line-strong);border:0;border-radius:999px;height:4px}.bb-range::-moz-range-progress{background:var(--bb-accent);border-radius:999px;height:4px}.bb-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0000003d,0 0 0 .5px #0000001a}.bb-range:disabled{opacity:.45;cursor:default}.bb-field{grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;display:grid}.bb-field>span{font:600 13px/1.3 var(--bb-font-ui);color:var(--bb-ink-2)}.bb-field>output{font:600 12px/1.3 var(--bb-font-data);color:var(--bb-ink-3);font-variant-numeric:tabular-nums}.bb-field>.bb-range{grid-column:1/-1}.bb-bar{border-radius:var(--bb-r-xl);align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 14px;display:flex}.bb-brand{color:var(--bb-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.bb-brand .bb-mark{flex:none;width:34px;height:34px}.bb-brand .bb-word{font:800 17px/1 var(--bb-font-display);letter-spacing:-.02em}.bb-crumb-sep{color:var(--bb-ink-3);opacity:.6;font:400 18px/1 var(--bb-font-display)}.bb-switch{border-radius:var(--bb-r-sm);border:1px solid rgb(var(--bb-accent-rgb) / .3);background:rgb(var(--bb-accent-rgb) / .12);height:38px;color:var(--bb-accent-text);font:800 15px/1 var(--bb-font-display);letter-spacing:-.015em;cursor:pointer;align-items:center;gap:8px;padding:0 10px 0 12px;display:inline-flex}.bb-switch .bb-ic{opacity:.8;width:16px;height:16px;transition:transform var(--bb-dur-2) var(--bb-ease)}.bb-switch[aria-expanded=true] .bb-ic{transform:rotate(180deg)}.bb-tools{border:1px solid var(--bb-line);background:var(--bb-wash);border-radius:16px;align-items:center;gap:2px;margin-left:auto;padding:4px;display:flex}.bb-tools .bb-sep{background:var(--bb-line);width:1px;height:22px;margin:0 4px}.bb-more-btn{display:none}@media (max-width:1100px){.bb-tools .bb-t2{display:none}.bb-more-btn{display:grid}}@media (max-width:600px){.bb-bar{gap:8px;padding:6px 6px 6px 10px}.bb-brand .bb-word{display:none}.bb-tool{width:36px;height:36px}}.bb-menu{scrollbar-width:thin;scrollbar-color:var(--bb-line-strong) transparent;z-index:var(--bb-z-menu);border-radius:var(--bb-r-xl);min-width:260px;animation:bb-rise var(--bb-dur-3) var(--bb-ease-out);padding:8px;position:absolute}.bb-menu[hidden]{display:none}.bb-menu-item{border-radius:var(--bb-r-md);width:100%;color:var(--bb-ink);text-align:left;cursor:pointer;font:600 14px/1.2 var(--bb-font-ui);background:0 0;border:0;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}:is(.bb-menu-item:hover,.bb-menu-item:focus-visible){background:var(--bb-wash)}.bb-menu-item[aria-current=page]{background:rgb(var(--bb-item-rgb,var(--bb-accent-rgb)) / .14)}.bb-menu-item .bb-mark{flex:none;width:30px;height:30px}.bb-menu-item b{font:750 14px/1.2 var(--bb-font-display);letter-spacing:-.01em;display:block}.bb-menu-item small{font:500 12px/1.2 var(--bb-font-ui);color:var(--bb-ink-3);margin-top:2px;display:block}.bb-menu-group{padding:8px 10px 4px}.bb-themes{grid-template-columns:repeat(3,1fr);gap:8px;min-width:300px;display:grid}.bb-accents{flex-wrap:wrap;gap:5px;padding:2px 2px 4px;display:flex}.bb-accent{cursor:pointer;background:var(--sw);color:#0b0b0c;width:28px;height:28px;transition:transform var(--bb-dur-1) var(--bb-ease);border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #00000040}.bb-accent:hover{transform:scale(1.08)}.bb-accent[aria-checked=true]{border-color:var(--bb-ink);box-shadow:0 0 0 3px var(--bb-page), inset 0 0 0 1px #00000040}.bb-accent .bb-ic{opacity:0;width:14px;height:14px}.bb-accent[aria-checked=true] .bb-ic{opacity:1}.bb-accent.product{background:conic-gradient(from 210deg, var(--sw), color-mix(in srgb, var(--sw) 55%, white), var(--sw))}.bb-theme{border-radius:var(--bb-r-md);border:1px solid var(--bb-line);color:var(--bb-ink-2);cursor:pointer;font:600 12px/1 var(--bb-font-ui);background:0 0;justify-items:center;gap:6px;padding:10px 6px;display:grid}.bb-theme i{width:40px;height:28px;box-shadow:inset -10px -8px 0 -4px rgb(var(--bb-accent-rgb) / .95);border:1px solid #ffffff2e;border-radius:9px}.bb-theme[aria-checked=true]{border-color:rgb(var(--bb-accent-rgb) / .8);color:var(--bb-ink);background:rgb(var(--bb-accent-rgb) / .1)}.bb-tip{z-index:var(--bb-z-tip);pointer-events:none;background:rgb(var(--bb-surface-rgb) / .96);color:var(--bb-ink);border:1px solid var(--bb-line-strong);font:600 12px/1.2 var(--bb-font-ui);white-space:nowrap;box-shadow:var(--bb-shadow);opacity:0;transition:opacity var(--bb-dur-1) var(--bb-ease), transform var(--bb-dur-2) var(--bb-ease);border-radius:9px;padding:6px 9px;position:fixed;transform:translateY(3px)}.bb-tip[data-on]{opacity:1;transform:translate(0,0)}.bb-hint{z-index:var(--bb-z-hint);background:var(--bb-glass-accent);max-width:min(320px,100vw - 24px);color:var(--bb-accent-ink);font:650 13px/1.35 var(--bb-font-ui);animation:bb-rise var(--bb-dur-3) var(--bb-ease-out), bb-float 3.2s var(--bb-ease) .4s infinite;will-change:transform;border-radius:16px;align-items:center;gap:10px;padding:10px 8px 10px 14px;display:flex;position:fixed;box-shadow:0 18px 40px -16px #0009,inset 0 1px #fff6}.bb-hint button{width:26px;height:26px;color:inherit;cursor:pointer;background:#0000001f;border:0;border-radius:8px;flex:none;place-items:center;display:grid}@keyframes bb-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes bb-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}.bb-aurora{z-index:0;pointer-events:none;background:radial-gradient(60% 45% at 12% -8%, rgb(var(--bb-accent-rgb) / .13), transparent 70%), radial-gradient(55% 45% at 100% 0%, rgb(var(--bb-aurora) / .55), transparent 70%), radial-gradient(70% 60% at 50% 110%, rgb(var(--bb-surface-rgb) / .6), transparent 70%), var(--bb-page);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.bb-hint,.bb-menu{animation:none}.bb-btn,.bb-tool,.bb-tip,.bb-switch .bb-ic{transition:none}}:root{--page:var(--bb-page);--base-rgb:var(--bb-base-rgb);--surface-rgb:var(--bb-surface-rgb);--sheet:var(--bb-sheet);--accent:var(--bb-accent);--accent-rgb:var(--bb-accent-rgb);--accent2:#86bd13;--accent2-rgb:134 189 19;--accent-ink:var(--bb-accent-ink);--accent-soft:var(--bb-accent-soft);--accent-text:var(--bb-accent-text);--ink:var(--bb-ink);--secondary:var(--bb-ink-2);--muted:var(--bb-ink-3);--aurora-1-rgb:var(--bb-aurora);--aurora-2-rgb:var(--bb-accent-rgb);--aurora-3-rgb:var(--bb-surface-rgb);--hl-rgb:255 255 255;--focus:var(--accent);--line:var(--bb-line);--ok:#6ee7b7;--warn:#fcd34d;--bad:#fb7185;--glass:linear-gradient(150deg, rgb(var(--surface-rgb) / .66), rgb(var(--surface-rgb) / .42));--glass-edge:var(--bb-line);--glass-shadow:0 20px 50px #00000052, inset 0 1px 0 #ffffff1a;--glass-light:linear-gradient(150deg, rgb(var(--accent-rgb) / .95), rgb(var(--accent-rgb) / .78));--blur:blur(28px) saturate(150%);--ease:cubic-bezier(.2, .8, .2, 1);--font:var(--bb-font-ui);--font-display:var(--bb-font-display);--font-data:var(--bb-font-data);--r-action:14px;--r-card:26px}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);font:15px/1.55 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;transition:background-color .5s var(--ease);margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--blur);box-shadow:var(--glass-shadow)}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px;display:block}.logo{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.logo .mark{filter:drop-shadow(0 6px 14px #00000080);flex:none;width:40px;height:40px;overflow:visible}.logo .word{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;font-size:21px;font-weight:700;line-height:1}.logo .word b{font-weight:800}.logo .word .ob{opacity:.82;font-weight:500}.logo .word .pt{color:var(--accent-text);text-shadow:0 0 14px rgb(var(--accent-rgb) / .6);margin:0 .015em}.mark-scan{opacity:0;transform-box:view-box;animation:mark-scan 1.9s var(--ease) .5s 1 both}.logo:hover .mark-scan{animation:mark-scan-again 1.6s var(--ease) 1 both}@keyframes mark-scan{0%{opacity:0;transform:translateY(-10px)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(60px)}}@keyframes mark-scan-again{0%{opacity:0;transform:translateY(-10px)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(60px)}}.btn{border-radius:var(--r-action);border:1px solid var(--glass-edge);background:var(--glass);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:46px;transition:filter .15s, transform .12s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--glass-light);color:var(--accent-ink);box-shadow:0 12px 30px rgb(var(--accent-rgb) / .22), inset 0 1px 0 #ffffff73;border-color:#ffffff40}.btn.primary:hover{filter:brightness(1.04)}.btn.big{width:100%;min-height:56px;font-size:17px}.swatch{flex:none;width:34px;height:34px;display:block;position:relative}.swatch i{border:1.5px solid rgb(var(--hl-rgb) / .22);border-radius:50%;width:24px;height:24px;position:absolute}.swatch i:first-child{background:var(--sw-a);top:0;left:0}.swatch i:last-child{background:var(--sw-b);box-shadow:0 0 12px color-mix(in srgb, var(--sw-b) 45%, transparent);bottom:0;right:0}.tip{z-index:60;background:var(--sheet);border:1px solid var(--glass-edge);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s var(--ease), transform .14s var(--ease);will-change:transform, opacity;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600;position:fixed;top:0;left:0;transform:translateY(3px);box-shadow:0 10px 26px #00000059}.tip[data-side=top]{transform:translateY(-3px)}.tip[data-side=right]{transform:translate(-3px)}.tip.in{opacity:1;transform:none}.hint{z-index:50;background:var(--glass-light);max-width:min(300px,100vw - 24px);-webkit-backdrop-filter:var(--blur);letter-spacing:-.01em;color:var(--accent-ink);opacity:0;transition:opacity .3s var(--ease);pointer-events:auto;will-change:transform, opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ffffff59;border-radius:16px;align-items:center;gap:10px;padding:11px 8px 11px 15px;font-size:13.5px;font-weight:650;line-height:1.35;display:flex;position:fixed;top:0;left:0;box-shadow:0 18px 44px #00000061,inset 0 1px #ffffff80}.hint.in{opacity:1;animation:3.6s cubic-bezier(.45,0,.55,1) infinite hint-float}.hint-x{width:28px;height:28px;color:var(--accent-ink);background:#00000014;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.hint-x .ic{width:15px;height:15px}.hint:before{content:"";background:rgb(var(--accent-rgb));width:10px;height:10px;position:absolute;transform:rotate(45deg)}.hint-bottom:before{top:-5px;left:calc(var(--arrow,50%) - 5px)}.hint-top:before{bottom:-5px;left:calc(var(--arrow,50%) - 5px)}.hint-right:before{left:-5px;top:calc(var(--arrow,50%) - 5px)}.hint-left:before{right:-5px;top:calc(var(--arrow,50%) - 5px)}@keyframes hint-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-bb-theme=light]{--hl-rgb:15 23 42}