.tour-root[data-v-2cccf58f]{--tour-dim: rgba(17, 17, 17, .38);--tour-move: .28s cubic-bezier(.22, 1, .36, 1);position:fixed;inset:0;z-index:99999;pointer-events:none;font-family:var(--kb-font-sans)}.tour-dim[data-v-2cccf58f]{position:fixed;border-radius:6px;box-shadow:0 0 0 100vmax var(--tour-dim);pointer-events:none}.tour-dim.animate[data-v-2cccf58f],.tour-ring.animate[data-v-2cccf58f]{transition:left var(--tour-move),top var(--tour-move),width var(--tour-move),height var(--tour-move)}.tour-block[data-v-2cccf58f]{position:fixed;pointer-events:auto}.tour-ring[data-v-2cccf58f]{position:fixed;pointer-events:none;border:2px solid var(--kb-accent-line);box-shadow:0 0 0 2px #cce67340,0 0 28px 4px #cce67373;border-radius:6px;opacity:0;transition:opacity .18s ease}.tour-ring.animate[data-v-2cccf58f]{transition:opacity .18s ease,left var(--tour-move),top var(--tour-move),width var(--tour-move),height var(--tour-move)}.tour-ring.on[data-v-2cccf58f]{opacity:1;animation:tour-pulse-2cccf58f 1.8s ease-in-out infinite}@keyframes tour-pulse-2cccf58f{0%,to{box-shadow:0 0 0 2px #cce67340,0 0 28px 4px #cce67373}50%{box-shadow:0 0 0 4px #cce6732e,0 0 40px 8px #cce6738c}}.tour-fade-enter-active[data-v-2cccf58f]{transition:opacity .22s ease}.tour-fade-leave-active[data-v-2cccf58f]{transition:opacity .16s ease}.tour-fade-enter-from[data-v-2cccf58f],.tour-fade-leave-to[data-v-2cccf58f]{opacity:0}.tour-card[data-v-2cccf58f]{position:fixed;background:#fff;color:var(--kb-text);border:1px solid var(--kb-text);box-shadow:8px 8px #0000001f;pointer-events:auto;padding:18px 20px 16px;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1)}.tour-card.hidden[data-v-2cccf58f]{opacity:0;transform:translateY(6px);pointer-events:none;transition-duration:.09s}.tour-card.floating[data-v-2cccf58f]{border:1px solid var(--kb-text)}.tour-header[data-v-2cccf58f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tour-badge[data-v-2cccf58f]{background:var(--kb-accent-solid);color:var(--kb-accent-on);padding:3px 8px;font-family:var(--kb-font-mono);font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.tour-count[data-v-2cccf58f]{font-family:var(--kb-font-mono);font-size:.72rem;color:var(--kb-subtle);letter-spacing:1px}.tour-title[data-v-2cccf58f]{font-size:1.08rem;font-weight:600;margin:0 0 8px;line-height:1.3;color:var(--kb-text)}.tour-body[data-v-2cccf58f]{font-size:.88rem;line-height:1.55;color:var(--kb-text-2);margin:0 0 16px}.tour-footer[data-v-2cccf58f]{display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-skip[data-v-2cccf58f]{background:transparent;border:none;color:var(--kb-subtle);font-family:var(--kb-font-mono);font-size:.72rem;letter-spacing:1px;cursor:pointer;padding:6px 2px;text-transform:uppercase}.tour-skip[data-v-2cccf58f]:hover{color:var(--kb-text-2)}.tour-nav[data-v-2cccf58f]{display:flex;gap:8px}.tour-btn[data-v-2cccf58f]{font-family:var(--kb-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.8px;padding:8px 14px;cursor:pointer;border:1px solid var(--kb-text);text-transform:uppercase;transition:transform .12s ease,background .12s ease}.tour-btn.ghost[data-v-2cccf58f]{background:#fff;color:var(--kb-text)}.tour-btn.ghost[data-v-2cccf58f]:hover:not(:disabled){background:var(--kb-soft)}.tour-btn.ghost[data-v-2cccf58f]:disabled{opacity:.35;cursor:not-allowed}.tour-btn.primary[data-v-2cccf58f]{background:var(--kb-text);color:#fff;border-color:var(--kb-text)}.tour-btn.primary[data-v-2cccf58f]:hover{background:var(--kb-accent-solid);border-color:var(--kb-accent-line);transform:translateY(-1px)}.tour-card[data-v-2cccf58f]:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border:1px solid var(--kb-text);transform:rotate(45deg)}.tour-card.placement-bottom[data-v-2cccf58f]:before{top:-7px;left:var(--arrow-x, 50%);margin-left:-6px;border-right:none;border-bottom:none}.tour-card.placement-top[data-v-2cccf58f]:before{bottom:-7px;left:var(--arrow-x, 50%);margin-left:-6px;border-left:none;border-top:none}.tour-card.placement-right[data-v-2cccf58f]:before{left:-7px;top:var(--arrow-y, 50%);margin-top:-6px;border-top:none;border-right:none}.tour-card.placement-left[data-v-2cccf58f]:before{right:-7px;top:var(--arrow-y, 50%);margin-top:-6px;border-bottom:none;border-left:none}.tour-card.floating[data-v-2cccf58f]:before,.tour-card.placement-center[data-v-2cccf58f]:before,.tour-card.placement-overlay[data-v-2cccf58f]:before{display:none}@media(prefers-reduced-motion:reduce){.tour-dim.animate[data-v-2cccf58f],.tour-ring.animate[data-v-2cccf58f],.tour-ring[data-v-2cccf58f],.tour-card[data-v-2cccf58f],.tour-fade-enter-active[data-v-2cccf58f],.tour-fade-leave-active[data-v-2cccf58f]{transition:none}.tour-ring.on[data-v-2cccf58f]{animation:none}}.conn-banner[data-v-a8aa50ab]{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:9000;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid var(--ink-950);border-radius:10px;background:var(--kb-surface, #fff);color:var(--kb-text, #111);font:600 .88rem/1.35 var(--kb-font-sans);box-shadow:4px 4px #0000001f}.conn-dot[data-v-a8aa50ab]{flex:none;width:10px;height:10px;border-radius:50%;background:var(--lime-500, #cce673);border:2px solid var(--ink-950);animation:conn-pulse-a8aa50ab 1.4s ease-in-out infinite}@keyframes conn-pulse-a8aa50ab{50%{opacity:.35}}.conn-fade-enter-active[data-v-a8aa50ab],.conn-fade-leave-active[data-v-a8aa50ab]{transition:opacity .2s ease,transform .2s ease}.conn-fade-enter-from[data-v-a8aa50ab],.conn-fade-leave-to[data-v-a8aa50ab]{opacity:0;transform:translate(-50%,8px)}@media(prefers-reduced-motion:reduce){.conn-dot[data-v-a8aa50ab]{animation:none}.conn-fade-enter-active[data-v-a8aa50ab],.conn-fade-leave-active[data-v-a8aa50ab]{transition:none}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:var(--kb-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--kb-text);background-color:var(--kb-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--kb-soft)}::-webkit-scrollbar-thumb{background:var(--kb-text)}::-webkit-scrollbar-thumb:hover{background:var(--kb-text-2)}button{font-family:inherit}:root{--lime-50: #EFF8D8;--lime-500: #CCE673;--lime-600: #ACC451;--lime-700: #94AA3D;--lime-800: #5C6C16;--ink-950: #111111;--ink-800: #2A2A2A;--gray-600: #6E6E6E;--gray-500: #8A8A8A;--gray-400: #858585;--gray-300: #CFCFCF;--gray-200: #DDDDDD;--gray-100: #ECECEC;--cream-100: #F2F1EF;--cream-50: #F7F6F3;--kb-bg: var(--cream-100);--kb-surface: #FFFFFF;--kb-surface-2: var(--cream-50);--kb-text: var(--ink-950);--kb-text-2: var(--ink-800);--kb-muted: var(--gray-600);--kb-subtle: var(--gray-600);--kb-line: var(--gray-200);--kb-line-strong: var(--gray-300);--kb-control-line: var(--gray-400);--kb-soft: var(--gray-100);--kb-accent-solid: var(--lime-500);--kb-accent-hover: var(--lime-600);--kb-accent-on: var(--ink-950);--kb-accent-text: var(--lime-800);--kb-accent-line: var(--lime-600);--kb-accent-subtle: var(--lime-50);--kb-danger: #DC2626;--kb-muted-on-dark: var(--gray-500);--kb-text-on-soft: var(--ink-800);--kb-ok-text: var(--lime-800);--kb-ok-bg: var(--lime-50);--kb-ok-line: var(--lime-600);--kb-danger-text: var(--kb-danger);--kb-danger-line: var(--kb-danger);--kb-font-sans: "Inter Tight", "Noto Sans SC", system-ui, sans-serif;--kb-font-mono: "JetBrains Mono", ui-monospace, monospace}html,body{background:var(--kb-bg)}h1,h2,h3{font-family:var(--kb-font-sans);letter-spacing:-.02em}.hl{background:var(--kb-accent-solid);color:var(--kb-accent-on);padding:0 .14em .04em;display:inline-block;transform:rotate(-1.4deg);border-radius:6px;line-height:.92}.hl.alt{transform:rotate(1deg)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}::selection{background:var(--kb-accent-solid);color:var(--kb-accent-on)}:focus-visible{outline:2px solid var(--kb-accent-text);outline-offset:2px}body:not(.show-tech) .api-note,body:not(.show-tech) .tech-only{display:none!important}.log-header{gap:12px}.log-last{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--kb-font-sans);font-size:12px;color:var(--kb-line-strong)}.log-toggle{flex-shrink:0;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;font:500 11px var(--kb-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;min-height:24px;border-radius:4px;cursor:pointer}.log-toggle:hover{border-color:var(--kb-accent-solid);color:var(--kb-accent-solid)}.brand-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;border-radius:6px}.brand-link:focus-visible{outline:2px solid var(--ink-950, #111);outline-offset:4px}