.kbg{display:grid;gap:12px}.kbg-wrap{position:relative;width:100%;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 45%,color-mix(in oklab,var(--color-teal) 7%,transparent),transparent 72%),color-mix(in oklab,var(--color-night) 42%,transparent);border:1px solid color-mix(in oklab,var(--scene-border) 90%,transparent)}:root[data-theme=light] .kbg-wrap{background:radial-gradient(ellipse 70% 60% at 50% 45%,color-mix(in oklab,var(--color-teal) 8%,transparent),transparent 72%),color-mix(in oklab,var(--color-ivory) 55%,transparent)}.kbg--ink .kbg-wrap{background:color-mix(in oklab,var(--color-night) 22%,transparent)}:root[data-theme=light] .kbg--ink .kbg-wrap{background:color-mix(in oklab,var(--color-ivory) 72%,transparent)}.kbg-wrap canvas{display:block;touch-action:none}.kbg-legend{display:flex;flex-wrap:wrap;gap:7px}.kbg-chip{display:inline-flex;align-items:center;white-space:nowrap;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid color-mix(in oklab,var(--scene-border) 130%,transparent);background:color-mix(in oklab,var(--color-night) 30%,transparent);color:color-mix(in oklab,var(--fg) 84%,var(--muted) 16%);font:500 .72rem/1 var(--font-mono);letter-spacing:.03em;cursor:pointer;transition:opacity .18s ease,border-color .18s ease}:root[data-theme=light] .kbg-chip{background:color-mix(in oklab,var(--color-ivory) 60%,transparent)}.kbg-chip:hover{border-color:color-mix(in oklab,var(--color-gold) 45%,transparent)}.kbg-chip.is-off{opacity:.38}.kbg-swatch{width:8px;height:8px;border-radius:50%;flex:none}.kbg-count{color:var(--muted);font-size:.68rem}.kbg-tip{position:absolute;transform:translate(-50%);max-width:290px;padding:10px 13px;border-radius:10px;background:color-mix(in oklab,var(--color-night) 92%,transparent);border:1px solid color-mix(in oklab,var(--color-gold) 26%,transparent);backdrop-filter:blur(7px);pointer-events:none;z-index:3}:root[data-theme=light] .kbg-tip{background:color-mix(in oklab,var(--color-ivory) 95%,transparent)}.kbg-tip strong{display:block;color:var(--fg);font:600 .92rem/1.3 var(--font-display)}.kbg-tip__meta{display:block;margin-top:2px;color:var(--acc-bright, var(--color-gold));font:500 .63rem/1.4 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.kbg-tip p{margin:7px 0 0;color:color-mix(in oklab,var(--fg) 78%,var(--muted) 22%);font-size:.79rem;line-height:1.45}.kbg-fallback{color:var(--muted);font-size:.85rem}@media (max-width: 720px){.kbg-chip{padding:4px 9px}.kbg-tip--docked{inset:auto 8px 8px;transform:none;max-width:none}.kbg-chip{font-size:.66rem;padding:4px 9px}.kbg-legend{gap:6px}}.kbg-lab{display:grid;gap:26px}.kbg-lab__controls{display:grid;gap:10px}.kbg-lab__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kbg-lab__label{min-width:74px;color:var(--muted);font:500 .64rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}.kbg-lab__row button{padding:7px 14px;border-radius:999px;border:1px solid var(--scene-border);background:transparent;color:var(--muted);font:500 .72rem/1 var(--font-mono);letter-spacing:.03em;cursor:pointer;transition:border-color .18s ease,color .18s ease}.kbg-lab__row button:hover{color:var(--fg)}.kbg-lab__row button.is-on{border-color:color-mix(in oklab,var(--color-gold) 60%,transparent);color:var(--fg)}.kbg-lab__card{padding:clamp(22px,3.4vw,40px);border-radius:16px;border:1px solid var(--scene-border);background:color-mix(in oklab,var(--color-night) 34%,transparent);display:grid;gap:18px}:root[data-theme=light] .kbg-lab__card{background:color-mix(in oklab,var(--color-ivory) 50%,transparent)}.kbg-lab__kicker{margin:0;color:var(--acc-bright, var(--color-gold));font:500 .66rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.kbg-lab__lede{margin:0;max-width:46ch;color:color-mix(in oklab,var(--fg) 78%,var(--muted) 22%);line-height:1.6}@media (max-width: 720px){.kbg-lab{gap:20px}.kbg-lab__label{min-width:100%}.kbg-lab__row button{padding:6px 11px;font-size:.68rem}}.kbg-updated{margin-left:auto;align-self:center;color:var(--muted);font:500 .66rem/1 var(--font-mono);letter-spacing:.06em;opacity:.72;white-space:nowrap}@media (max-width: 720px){.kbg-updated{margin-left:0;width:100%;padding-top:2px}}