:root[data-theme=light]{--paper:#fafaf8;--bg:#fff;--surface:#f3f2ee;--surface-2:#e8e6e0;--ink:#1a1a1f;--ink-2:#5c5c62;--ink-3:#9c9ca0;--ink-4:#c8c8cc;--line:#1a1a1f12;--line-2:#1a1a1f24;--primary:#3fd3b0;--primary-d:#2bb995;--primary-soft:#d8f4eb;--primary-tint:#e8f8f2;--xp:#ffd089;--xp-soft:#ffeaca;--xp-text:#9b6400;--cat-mint:#c9edd9;--cat-mint-fg:#1b7b5a;--cat-peach:#fcd9c8;--cat-peach-fg:#b2543b;--cat-pink:#f9d2dd;--cat-pink-fg:#a03a5c;--cat-lav:#dcd2f7;--cat-lav-fg:#5d44b0;--cat-yellow:#fce7a6;--cat-yellow-fg:#8b6300;--cat-blue:#c9deef;--cat-blue-fg:#2e5e8e;--success:#22c55e;--success-soft:#d4f4dc;--danger:#e94b4b;--danger-soft:#fbdada;--info:#3d8bd3;--info-soft:#d9e8f5;--new:#a8dc4d;--new-fg:#3d6b0f;--shadow-sm:0 1px 2px #1a1a1f0a;--shadow:0 4px 12px #1a1a1f0f;--shadow-lg:0 12px 32px #1a1a1f14;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--border:var(--line);--border-strong:var(--line-2);--accent:var(--primary);--accent-soft:var(--primary-soft);--accent-ink:var(--primary-d);--on-accent:#fff;--c-teal:var(--cat-mint);--c-teal-soft:var(--primary-soft);--c-coral:#ff7a5c;--c-coral-soft:#ffe0d6;--c-pink:#f472b6;--c-pink-soft:#fce4f1;--c-lavender:#a78bfa;--c-lavender-soft:#ece4ff;--c-sun:#fcd34d;--c-sun-soft:#fff1cc;--c-lime:#bef264;--c-lime-soft:#ebfacc;--c-sky:#7dd3fc;--c-sky-soft:#dcf1fc;--c-warm:#e08a5b;--c-warm-soft:#fbeadb}:root[data-theme=dark]{--paper:#0e0e12;--bg:#16161b;--surface:#1f1f26;--surface-2:#292932;--ink:#f4f4f0;--ink-2:#a0a0a6;--ink-3:#6a6a70;--ink-4:#444450;--line:#f4f4f012;--line-2:#f4f4f029;--primary:#3fd3b0;--primary-d:#3fd3b0;--primary-soft:#3fd3b02e;--primary-tint:#3fd3b01a;--xp:#ffd089;--xp-soft:#ffd0892e;--xp-text:#ffd089;--cat-mint:#c9edd929;--cat-mint-fg:#7cd9b0;--cat-peach:#fcd9c829;--cat-peach-fg:#f2a788;--cat-pink:#f9d2dd29;--cat-pink-fg:#e89db5;--cat-lav:#dcd2f72e;--cat-lav-fg:#b59fe8;--cat-yellow:#fce7a62e;--cat-yellow-fg:#e8c766;--cat-blue:#c9deef2e;--cat-blue-fg:#85b0d8;--success:#22c55e;--success-soft:#22c55e2e;--danger:#ff6b6b;--danger-soft:#ff6b6b2e;--info:#5dabf0;--info-soft:#5dabf02e;--new:#a8dc4d;--new-fg:#a8dc4d;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #00000080;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--border:var(--line);--border-strong:var(--line-2);--accent:var(--primary);--accent-soft:var(--primary-soft);--accent-ink:var(--primary-d);--on-accent:#fff;--c-teal:var(--cat-mint);--c-teal-soft:var(--primary-soft);--c-coral:#ff7a5c;--c-coral-soft:#ffe0d6;--c-pink:#f472b6;--c-pink-soft:#fce4f1;--c-lavender:#a78bfa;--c-lavender-soft:#ece4ff;--c-sun:#fcd34d;--c-sun-soft:#fff1cc;--c-lime:#bef264;--c-lime-soft:#ebfacc;--c-sky:#7dd3fc;--c-sky-soft:#dcf1fc;--c-warm:#e08a5b;--c-warm-soft:#fbeadb}:root{--paper:#fafaf8;--bg:#fff;--surface:#f3f2ee;--surface-2:#e8e6e0;--ink:#1a1a1f;--ink-2:#5c5c62;--ink-3:#9c9ca0;--ink-4:#c8c8cc;--line:#1a1a1f12;--line-2:#1a1a1f24;--primary:#3fd3b0;--primary-d:#2bb995;--primary-soft:#d8f4eb;--primary-tint:#e8f8f2;--xp:#ffd089;--xp-soft:#ffeaca;--xp-text:#9b6400;--cat-mint:#c9edd9;--cat-mint-fg:#1b7b5a;--cat-peach:#fcd9c8;--cat-peach-fg:#b2543b;--cat-pink:#f9d2dd;--cat-pink-fg:#a03a5c;--cat-lav:#dcd2f7;--cat-lav-fg:#5d44b0;--cat-yellow:#fce7a6;--cat-yellow-fg:#8b6300;--cat-blue:#c9deef;--cat-blue-fg:#2e5e8e;--success:#22c55e;--success-soft:#d4f4dc;--danger:#e94b4b;--danger-soft:#fbdada;--info:#3d8bd3;--info-soft:#d9e8f5;--new:#a8dc4d;--new-fg:#3d6b0f;--shadow-sm:0 1px 2px #1a1a1f0a;--shadow:0 4px 12px #1a1a1f0f;--shadow-lg:0 12px 32px #1a1a1f14;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--border:var(--line);--border-strong:var(--line-2);--accent:var(--primary);--accent-soft:var(--primary-soft);--accent-ink:var(--primary-d);--on-accent:#fff;--c-teal:var(--cat-mint);--c-teal-soft:var(--primary-soft);--c-coral:#ff7a5c;--c-coral-soft:#ffe0d6;--c-pink:#f472b6;--c-pink-soft:#fce4f1;--c-lavender:#a78bfa;--c-lavender-soft:#ece4ff;--c-sun:#fcd34d;--c-sun-soft:#fff1cc;--c-lime:#bef264;--c-lime-soft:#ebfacc;--c-sky:#7dd3fc;--c-sky-soft:#dcf1fc;--c-warm:#e08a5b;--c-warm-soft:#fbeadb;--font-display:"Onest", system-ui, sans-serif;--font-body:"Onest", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;line-height:1.35;transition:background .25s,color .25s}button{font:inherit;color:inherit;cursor:pointer;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.kb-h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.05}.kb-h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:24px;font-weight:700;line-height:1.1}.kb-h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.2}.kb-body{color:var(--text);font-size:15px;line-height:1.45}.kb-small{color:var(--text-2);font-size:13px;line-height:1.4}.kb-mono{font-family:var(--font-mono);font-size:13px;line-height:1.5}.kb-progress{background:var(--surface-2);border-radius:999px;width:100%;height:6px;overflow:hidden}.kb-progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.kb-btn{background:var(--text);height:50px;color:var(--bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 22px;font-size:16px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.kb-btn:active{transform:scale(.98)}.kb-btn:disabled{opacity:.6}.kb-btn-accent{background:var(--accent);color:var(--on-accent)}.kb-btn-ghost{background:var(--surface);color:var(--text)}.kb-btn-outline{color:var(--text);border:1px solid var(--border-strong);background:0 0}.kb-btn-danger{background:var(--danger);color:#fff}.kb-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.kb-card-soft{background:var(--surface);border-radius:var(--r-lg);padding:16px}.kb-chip{background:var(--surface);height:28px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.kb-press{cursor:pointer;transition:transform 80ms,opacity .1s}.kb-press:active{opacity:.85;transform:scale(.985)}.kb-scroll{overscroll-behavior:contain;height:100%;padding-bottom:96px;overflow-y:auto}.kb-scroll::-webkit-scrollbar{display:none}.kb-search{background:var(--surface);border-radius:var(--r-pill);height:54px;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:0 18px;display:flex}.kb-search svg{width:20px;height:20px;stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.kb-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15.5px;font-weight:500}.kb-search input::placeholder{color:var(--ink-3)}.kb-search .clear{border-radius:var(--r-pill);background:var(--ink-4);width:24px;height:24px;color:var(--surface);cursor:pointer;border:none;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;transition:opacity .15s;display:grid}.kb-search .clear:active{opacity:.7}.kb-tabbar{background:var(--bg);border:1px solid var(--line);z-index:50;border-radius:24px;justify-content:space-around;align-items:center;gap:2px;height:auto;padding:10px 4px;display:flex;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 4px 20px #0f0f1214}.kb-tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:4px 6px 6px;font-size:11px;font-weight:500;transition:color .18s,transform .1s;display:flex;position:relative}.kb-tab:active{transform:scale(.86)}.kb-tab .icon{width:24px;height:24px;color:var(--ink-3);place-items:center;transition:color .18s;display:grid}.kb-tab .icon svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.kb-tab .label{white-space:nowrap;transition:color .18s,font-weight .18s}.kb-tab-dot{background:0 0;border-radius:50%;width:4px;height:4px;margin-top:1px;transition:background .18s}.kb-tab.active,.kb-tab.active .icon{color:var(--ink)}.kb-tab.active .icon svg{stroke-width:2.2px}.kb-tab.active .label{color:var(--ink);font-weight:600}.kb-tab.active .kb-tab-dot{background:var(--primary)}.kb-appbar{justify-content:space-between;align-items:center;gap:12px;padding:6px 20px 8px;display:flex}.kb-section-header{align-items:center;gap:12px;max-width:680px;display:flex}.kb-section-header .icon-box{background:var(--ink);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.kb-section-header .icon-box svg{stroke:currentColor;stroke-width:2.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.kb-section-header h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:24px;font-weight:800;line-height:1}.kb-section-header .subtitle{color:var(--ink-2);margin-top:2px;font-size:13px;font-weight:500}.kb-section-header .icon-box.cat-yellow{background:var(--cat-yellow);color:var(--cat-yellow-fg)}.kb-section-header .icon-box.cat-blue{background:var(--cat-blue);color:var(--cat-blue-fg)}.kb-cat{border-radius:var(--r-lg);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:110px;padding:14px;transition:transform .1s;display:flex}.kb-cat:active{transform:scale(.97)}@keyframes kb-spin{to{transform:rotate(360deg)}}@keyframes kb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kb-fade-in{animation:.25s forwards kb-fade-in}@keyframes kb-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes kb-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes kb-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes kb-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes kb-confetti{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(600deg)}}@keyframes kb-count-up{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kb-glow-pulse{0%,to{box-shadow:0 0 #14b8a600}50%{box-shadow:0 0 0 8px #14b8a62e}}@keyframes kb-step-done{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.kb-quiz-opt{border:2px solid var(--border);background:var(--bg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s,transform .1s;display:flex}.kb-quiz-opt:active{transform:scale(.98)}.kb-quiz-opt[data-state=selected]{border-color:var(--accent);background:var(--accent-soft)}.kb-quiz-opt[data-state=correct]{background:#22c55e1a;border-color:#22c55e;animation:.35s kb-pop}.kb-quiz-opt[data-state=wrong]{background:#ef44441a;border-color:#ef4444;animation:.4s kb-shake}.kb-quiz-opt[data-state=missed]{background:#22c55e0f;border-color:#22c55e}.kb-quiz-opt:disabled{cursor:default}.kb-quiz-letter{border:1.5px solid var(--border-strong);background:0 0;border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:grid}.kb-quiz-opt[data-state=selected] .kb-quiz-letter{background:var(--accent);border-color:var(--accent);color:#fff}.kb-quiz-opt[data-state=correct] .kb-quiz-letter{color:#fff;background:#22c55e;border-color:#22c55e}.kb-quiz-opt[data-state=wrong] .kb-quiz-letter{color:#fff;background:#ef4444;border-color:#ef4444}.kb-quiz-opt[data-state=missed] .kb-quiz-letter{color:#fff;background:#22c55e;border-color:#22c55e}.kb-feedback-bar{padding:16px 20px calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--bg);z-index:80;border-top:3px solid;animation:.25s kb-slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}.kb-feedback-bar.is-correct{border-top-color:var(--success)}.kb-feedback-bar.is-wrong{border-top-color:var(--danger)}body.kb-feedback-open .kb-tabbar{display:none}.kb-callout{border-radius:14px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;font-size:14.5px;line-height:1.5;display:flex}.kb-callout-tip{border-left:3px solid var(--accent);background:#14b8a614}.kb-callout-warn{background:#f59e0b1a;border-left:3px solid #f59e0b}.kb-callout-success{background:#22c55e14;border-left:3px solid #22c55e}.kb-callout-info{background:#60a5fa1a;border-left:3px solid #60a5fa}.kb-callout-icon{flex-shrink:0;margin-top:1px;font-size:16px}.kb-code-block{color:#e2e8f0;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#1a1a2e;border-radius:14px;margin:12px 0;padding:14px 16px;font-size:13px;line-height:1.55;position:relative;overflow-x:auto}.kb-code-lang{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;position:absolute;top:8px;right:10px}.kb-code-copy{color:#94a3b8;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;padding:3px 8px;font-size:11px;transition:background .15s;position:absolute;top:6px;right:8px}.kb-code-copy:hover{background:#fff3}.kb-read-bar{background:var(--accent);transform-origin:0;z-index:100;border-radius:0 2px 2px 0;width:100%;height:3px;transition:transform .2s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #14b8a680}.kb-step-item{border:2px solid var(--border);background:var(--bg);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.kb-step-item.is-done{background:var(--surface);border-color:#0000}.kb-step-item.is-active{border-color:var(--accent);animation:2s infinite kb-glow-pulse}.kb-step-num{border:2px solid var(--border-strong);width:28px;height:28px;color:var(--text-2);background:0 0;border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;transition:all .25s;display:grid}.kb-step-item.is-done .kb-step-num{background:var(--accent);border-color:var(--accent);color:#fff;animation:.35s kb-step-done}.kb-step-item.is-active .kb-step-num{border-color:var(--accent);color:var(--accent)}.kb-complete-overlay{z-index:200;background:var(--bg);animation:.3s kb-fade-in;position:fixed;inset:0;overflow-y:auto}.kb-complete-confetti-piece{border-radius:3px;animation:linear forwards kb-confetti;position:absolute}.kb-ring-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.kb-ring-label{text-align:center;pointer-events:none;position:absolute}.kb-lesson-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:14px;padding:12px;transition:transform .1s,opacity .1s;display:flex;position:relative}.kb-lesson-card:active{transform:scale(.98)}.kb-lesson-card.is-locked{opacity:.65;cursor:not-allowed}.kb-lesson-card.is-locked .icon-box{background:var(--cat-peach);color:var(--cat-peach-fg)}.kb-lesson-card.is-done .icon-box{background:var(--primary);color:#0f3d31}.kb-lesson-card.is-current .icon-box{background:var(--primary);color:#0f3d31;border-radius:14px;animation:1.8s ease-in-out infinite kb-pulse}.kb-quiz-dots{justify-content:center;align-items:center;gap:6px;display:flex}.kb-quiz-dot{background:var(--surface-2);border-radius:999px;width:8px;height:8px;transition:all .25s}.kb-quiz-dot.is-done{background:var(--accent);width:22px}.kb-quiz-dot.is-current{background:var(--accent);opacity:.5}.kb-quiz-dot.is-wrong{background:#ef4444;width:22px}.kb-typing-dot{background:var(--text-3);border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite kb-typing}@keyframes kb-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.kb-hero-scroller::-webkit-scrollbar{display:none}.kb-hero-scroller{-ms-overflow-style:none;scrollbar-width:none}@keyframes kb-spin-circle{to{transform:rotate(360deg)}}@keyframes kb-pulse-dot{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes kb-orbit-rot{to{transform:rotate(360deg)}}@keyframes kb-wave-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes kb-constellation{0%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.85)}}@keyframes kb-morph-shape{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}50%{border-radius:50% 50% 70% 30%/50% 30% 70% 50%}75%{border-radius:30% 70% 50% 50%/70% 50% 30%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes kb-ring-fill{0%{stroke-dashoffset:188px}to{stroke-dashoffset:0}}@keyframes kb-glow{0%,to{box-shadow:0 0 #14b8a68c,0 8px 20px #0f0f120f}50%{box-shadow:0 0 0 14px #14b8a600,0 8px 20px #0f0f120f}}@keyframes kb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kb-typing-pill{background:var(--surface);border-radius:999px;gap:6px;padding:12px 16px;display:inline-flex}.kb-loader-think{background:var(--text);width:48px;height:48px;color:var(--accent);font-family:var(--font-display);letter-spacing:-.04em;border-radius:999px;place-items:center;font-weight:800;animation:1.8s ease-in-out infinite kb-glow;display:grid}.kb-loader-dots{gap:6px;display:flex}.kb-loader-dots span{background:var(--text);border-radius:999px;width:10px;height:10px;animation:1s ease-in-out infinite kb-pulse-dot}.kb-loader-dots span:nth-child(2){background:var(--accent);animation-delay:.15s}.kb-loader-dots span:nth-child(3){background:var(--c-coral);animation-delay:.3s}.kb-loader-dots span:nth-child(4){background:var(--c-pink);animation-delay:.45s}.kb-loader-ring{width:56px;height:56px}.kb-loader-ring svg{transform:rotate(-90deg)}.kb-loader-ring .track{stroke:var(--border)}.kb-loader-ring .fill{stroke:var(--accent);stroke-dasharray:188;animation:1.4s ease-in-out infinite alternate kb-ring-fill}.kb-loader-morph{background:var(--accent);width:56px;height:56px;animation:6s ease-in-out infinite kb-morph-shape;position:relative}.kb-loader-morph:after{content:"";border:1.5px solid var(--accent);animation:6s ease-in-out infinite reverse kb-morph-shape;position:absolute;inset:-4px}.kb-loader-wave{align-items:center;gap:4px;height:36px;display:flex}.kb-loader-wave span{background:var(--text);transform-origin:50%;border-radius:3px;width:5px;height:100%;animation:.9s ease-in-out infinite kb-wave-bar}.kb-loader-wave span:nth-child(2){background:var(--accent);animation-delay:.1s}.kb-loader-wave span:nth-child(3){background:var(--c-pink);animation-delay:.2s}.kb-loader-wave span:nth-child(4){background:var(--c-lavender);animation-delay:.3s}.kb-loader-wave span:nth-child(5){background:var(--c-sun);animation-delay:.4s}.kb-loader-orbit{width:64px;height:64px;animation:1.8s linear infinite kb-orbit-rot;position:relative}.kb-loader-orbit:before,.kb-loader-orbit:after{content:"";border-radius:999px;width:14px;height:14px;position:absolute}.kb-loader-orbit:before{background:var(--accent);top:0;left:50%;transform:translate(-50%)}.kb-loader-orbit:after{background:var(--text);bottom:0;left:50%;transform:translate(-50%)}.kb-loader-orbit .mid{border:1.5px solid var(--border);border-radius:999px;position:absolute;inset:0}.kb-loader-const{width:60px;height:60px;position:relative}.kb-loader-const span{background:var(--text);border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite kb-constellation;position:absolute}.kb-loader-const span:first-child{top:0;left:4px}.kb-loader-const span:nth-child(2){background:var(--accent);animation-delay:.2s;top:20px;left:4px}.kb-loader-const span:nth-child(3){animation-delay:.4s;top:40px;left:4px}.kb-loader-const span:nth-child(4){background:var(--c-coral);animation-delay:.3s;top:6px;right:4px}.kb-loader-const span:nth-child(5){animation-delay:.5s;top:30px;left:22px}.kb-loader-const span:nth-child(6){background:var(--c-pink);animation-delay:.6s;bottom:4px;right:4px}.kb-skel{background:linear-gradient(90deg, var(--surface) 25%, var(--bg) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:6px;width:100%;height:14px;animation:1.4s linear infinite kb-shimmer}.kb-skel+.kb-skel{width:60%;margin-top:8px}.kb-empty-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:32px 24px 24px;display:flex}.kb-toast{background:var(--text);color:#fff;cursor:pointer;border-radius:14px;align-items:center;gap:12px;max-width:360px;padding:12px 16px 12px 12px;font-size:13.5px;font-weight:500;animation:.25s kb-slide-up;display:flex;box-shadow:0 12px 30px #0f0f1233}.kb-toast .ic{background:#ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.kb-toast-success .ic{background:var(--accent);color:var(--text)}.kb-toast-warn .ic{background:var(--c-sun);color:var(--text)}.kb-toast-error .ic{background:var(--c-coral);color:#fff}.kb-toast-info .ic{background:var(--c-sky);color:var(--text)}.kb-toast .text b{font-weight:700;display:block}.kb-toast .text span{opacity:.72;margin-top:1px;font-size:11.5px;display:block}.kb-badge{background:var(--surface);height:24px;color:var(--text);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.kb-badge .ind{background:var(--accent);border-radius:999px;width:5px;height:5px}.kb-badge-default{background:var(--surface);color:var(--text)}.kb-badge-dark{background:var(--text);color:#fff}.kb-badge-dark .ind{background:var(--accent)}.kb-badge-live{background:var(--accent);color:var(--text)}.kb-badge-live .ind{background:var(--text);animation:1.2s ease-in-out infinite kb-pulse-dot}.kb-badge-coral{background:var(--c-coral-soft);color:#b23a20}.kb-badge-coral .ind{background:#b23a20}.kb-badge-lavender{background:var(--c-lavender-soft);color:#5b3fcb}.kb-badge-lavender .ind{background:#5b3fcb}.kb-badge-sun{background:var(--c-sun-soft);color:#6b5300}.kb-badge-sun .ind{background:#6b5300}.kb-chip{border:1px solid var(--border);height:34px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border .12s,color .12s;display:inline-flex}.kb-chip:hover{background:var(--surface)}.kb-chip:active{transform:scale(.98)}.kb-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.kb-chip-emoji{font-size:14px;line-height:1}.kb-chip-label{flex:1}.kb-chip-count{opacity:.6;font-variant-numeric:tabular-nums}.kb-chips-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.kb-chips-row::-webkit-scrollbar{display:none}.kb-avatar{font-family:var(--font-display);letter-spacing:-.02em;place-items:center;font-weight:700;display:grid;position:relative;overflow:visible}.kb-avatar-a1{background:var(--c-teal);color:var(--text)}.kb-avatar-a1 .kb-avatar-dot{background:var(--c-coral)}.kb-avatar-a2{background:var(--c-pink);color:#fff}.kb-avatar-a2 .kb-avatar-dot{background:var(--c-sun)}.kb-avatar-a3{background:var(--c-lavender);color:#fff}.kb-avatar-a3 .kb-avatar-dot{background:var(--c-lime)}.kb-avatar-a4{background:var(--c-sun);color:var(--text)}.kb-avatar-a4 .kb-avatar-dot{background:var(--c-coral)}.kb-avatar-a5{background:var(--c-sky);color:var(--text)}.kb-avatar-a5 .kb-avatar-dot{background:var(--c-pink)}.kb-avatar-a6{background:var(--text);color:var(--accent)}.kb-avatar-a6 .kb-avatar-dot{background:var(--accent)}.kb-pat-1{background:radial-gradient(circle at 80% 20%, var(--c-teal) 0 80px, transparent 81px), radial-gradient(circle at 20% 80%, var(--c-coral) 0 50px, transparent 51px), var(--c-teal-soft)}.kb-pat-2{background:var(--c-sun);background-image:radial-gradient(circle at 25% 25%,#0f0f121a 2px,#0000 3px),radial-gradient(circle at 75% 75%,#0f0f121a 2px,#0000 3px);background-size:24px 24px}.kb-pat-3{background:var(--c-lavender-soft);position:relative}.kb-pat-3:before{content:"";background:linear-gradient(45deg, transparent 48%, var(--c-lavender) 48% 52%, transparent 52%), linear-gradient(-45deg, transparent 48%, var(--c-lavender) 48% 52%, transparent 52%);opacity:.4;background-size:20px 20px;position:absolute;inset:0}.kb-pat-4{background:linear-gradient(135deg, var(--c-pink) 0%, var(--c-coral) 100%)}.kb-pat-5{background:var(--c-sky-soft);position:relative}.kb-pat-5:before{content:"";background-image:repeating-linear-gradient(0deg, var(--c-sky) 0 2px, transparent 2px 24px), repeating-linear-gradient(90deg, var(--c-sky) 0 2px, transparent 2px 24px);opacity:.5;position:absolute;inset:0}.kb-tools-scroll::-webkit-scrollbar{display:none}.kb-tools-scroll{-ms-overflow-style:none;scrollbar-width:none}@keyframes kb-slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes kb-menu-in{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.kb-menu-in{animation:.15s cubic-bezier(.25,.46,.45,.94) forwards kb-menu-in}@keyframes kb-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kb-list-enter>*{animation:.22s cubic-bezier(.25,.46,.45,.94) both kb-item-in}.kb-list-enter>:nth-child(2){animation-delay:40ms}.kb-list-enter>:nth-child(3){animation-delay:80ms}.kb-list-enter>:nth-child(4){animation-delay:.11s}.kb-list-enter>:nth-child(5){animation-delay:.14s}.kb-list-enter>:nth-child(n+6){animation-delay:.16s}.kb-prompt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:14px;padding:14px;transition:transform 80ms,opacity .15s;display:flex;position:relative}.kb-prompt-card:active{transform:scale(.98)}.kb-prompt-card .icon-box{border-radius:18px;flex-shrink:0;place-items:center;width:74px;height:74px;display:grid;position:relative}.kb-prompt-card .icon-box.lav{background:var(--cat-lav);color:var(--cat-lav-fg)}.kb-prompt-card .icon-box.yellow{background:var(--cat-yellow);color:var(--cat-yellow-fg)}.kb-prompt-card .icon-box.peach{background:var(--cat-peach);color:var(--cat-peach-fg)}.kb-prompt-card .icon-box.mint{background:var(--cat-mint);color:var(--cat-mint-fg)}.kb-prompt-card .icon-box.pink{background:var(--cat-pink);color:var(--cat-pink-fg)}.kb-prompt-card .icon-box.blue{background:var(--cat-blue);color:var(--cat-blue-fg)}.kb-prompt-card .rank{justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:-6px;left:-6px}.kb-prompt-card .like{width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:14px;right:14px}.kb-prompt-card .like:active{transform:scale(.92)}.kb-prompt-card .like.on{color:var(--danger)}.kb-prompt-card--minimal{background:var(--bg);border-radius:var(--r-md);align-items:flex-start;gap:12px;padding:14px 16px}.kb-prompt-card--minimal:active{transform:scale(.985)}.kb-case-card{border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;padding:18px 20px;transition:transform 80ms,opacity .15s;position:relative}.kb-case-card:active{transform:scale(.98)}.kb-case-card.yellow{background:var(--cat-yellow);border-color:#0000}.kb-case-card.peach{background:var(--cat-peach);border-color:#0000}.kb-case-card.mint{background:var(--cat-mint);border-color:#0000}.kb-case-card.pink{background:var(--cat-pink);border-color:#0000}.kb-case-card h4{letter-spacing:-.03em;color:var(--ink);margin:10px 0 4px;padding-right:30px;font-size:19px;font-weight:800;line-height:1.15}.kb-case-card .desc{color:var(--ink-2);font-size:14px;line-height:1.4}.kb-case-card .meta-bottom{color:var(--ink-2);align-items:center;gap:16px;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}@keyframes kb-pulse{0%,to{box-shadow:0 0 0 0 var(--primary)}50%{box-shadow:0 0 0 8px #0000}}.kb-progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.kb-progress-ring-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kb-progress-ring-value{letter-spacing:-.045em;color:var(--ink);font-size:36px;font-weight:800;line-height:1}.kb-progress-ring-label{color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:500}.kb-stat-chip{background:var(--primary-tint);color:var(--primary-d);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.kb-stat-chip-gold{background:var(--xp-soft);color:var(--xp-text)}.kb-stat-chip-mute{background:var(--surface);color:var(--ink-3)}.kb-stat-chip-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.kb-stat-chip-value{font-weight:700}.kb-stat-chip-label{opacity:.85;font-weight:500}.kb-test-card{background:linear-gradient(155deg, var(--primary-tint), #3fd3b01a 130%);border-radius:var(--r-xl);text-align:center;max-width:680px;box-shadow:var(--shadow-sm);padding:32px 28px;animation:.3s kb-scale-in;position:relative;overflow:hidden}.kb-test-card .brain{background:var(--cat-pink);border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:inline-grid}.kb-test-card .brain svg{width:36px;height:36px;stroke:var(--cat-pink-fg);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.kb-test-card h3{letter-spacing:-.04em;color:var(--ink);margin:0 0 6px;font-size:30px;font-weight:800;line-height:1}.kb-test-card .sub{color:var(--ink-2);font-size:14.5px;font-weight:500}.kb-test-card .test-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0;display:flex}.kb-test-card .btn{justify-content:center;width:100%;margin-top:6px}.kb-practice-list{flex-direction:column;gap:10px;max-width:680px;display:flex}.kb-practice-row{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-md);align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,background .2s;display:flex}.kb-practice-row.active{border-color:var(--primary);background:var(--primary-tint)}.kb-practice-row.done{background:var(--surface);border-color:#0000}.kb-practice-row .num{border:1.5px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);border-radius:999px;flex-shrink:0;place-items:center;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;transition:all .25s;display:grid}.kb-practice-row.active .num{border-color:var(--primary);color:var(--bg);background:var(--primary)}.kb-practice-row.done .num{background:var(--primary);border-color:var(--primary);color:var(--bg);font-weight:700}.kb-practice-row .text{letter-spacing:-.02em;color:var(--ink);flex:1;font-size:15.5px;font-weight:600;line-height:1.3}.kb-practice-row.done .text{color:var(--ink-2);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.kb-practice-row .hint{color:var(--primary-d);align-items:center;gap:5px;margin-top:4px;font-size:14px;font-weight:700;display:flex}.kb-audience-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:680px;display:grid}@media (width>=900px){.kb-audience-grid{grid-template-columns:1fr 1fr 1fr}}.kb-aud{border-radius:var(--r-md);min-height:130px;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.kb-aud:active{box-shadow:var(--shadow);transform:scale(.98)}.kb-aud-mint{background:var(--cat-mint)}.kb-aud-peach{background:var(--cat-peach)}.kb-aud-pink{background:var(--cat-pink)}.kb-aud-lav{background:var(--cat-lav)}.kb-aud-yellow{background:var(--cat-yellow)}.kb-aud-blue{background:var(--cat-blue)}.kb-aud .glyph{width:32px;height:32px;color:inherit;place-items:center;display:grid}.kb-aud .glyph svg{stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.kb-aud-mint .glyph svg{stroke:var(--cat-mint-fg)}.kb-aud-peach .glyph svg{stroke:var(--cat-peach-fg)}.kb-aud-pink .glyph svg{stroke:var(--cat-pink-fg)}.kb-aud-lav .glyph svg{stroke:var(--cat-lav-fg)}.kb-aud-yellow .glyph svg{stroke:var(--cat-yellow-fg)}.kb-aud-blue .glyph svg{stroke:var(--cat-blue-fg)}.kb-aud .nm{letter-spacing:-.03em;color:var(--ink);font-size:18px;font-weight:800;line-height:1.15}.kb-aud .ct{color:var(--ink-2);margin-top:2px;font-size:13px;font-weight:500}.hljs-comment,.hljs-quote{color:#6b7280;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#c792ea;font-weight:600}.hljs-string,.hljs-attr,.hljs-bullet{color:#c3e88d}.hljs-number,.hljs-literal{color:#f78c6c}.hljs-title,.hljs-section{color:#82aaff;font-weight:700}.hljs-type,.hljs-class{color:#ffcb6b}.hljs-variable,.hljs-template-variable{color:#f07178}.hljs-function{color:#82aaff}.hljs-meta{color:#89ddff}.hljs-deletion{color:#f87171;background:#4c1d1d}.hljs-addition{color:#86efac;background:#1d3a1d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{color:#89ddff;text-decoration:underline}.hljs-name,.hljs-tag{color:#f07178}.hljs-attribute{color:#ffcb6b}@keyframes kb-blink{0%,to{opacity:1}50%{opacity:0}}.kb-stream-cursor:after{content:"▋";color:var(--accent);vertical-align:middle;margin-left:1px;font-size:.85em;animation:1s step-end infinite kb-blink;display:inline-block}@keyframes kb-rec-pulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 5px #ef444400}}.kb-rec-dot{animation:1.1s ease-in-out infinite kb-rec-pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}