*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5}body{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(/fonts/NotoSerifTC-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(/fonts/NotoSerifTC-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #FFFFFF;--color-surface: #FFFCF5;--color-ink: #1A1410;--color-text: #2B231C;--color-muted: #6E5C44;--color-linen: #E8DEC8;--color-linen-strong: #D6C8A8;--color-orange: #D87412;--color-orange-mid: #F4A51D;--color-orange-bright:#FFB840;--color-orange-tint: #FCEFC8;--color-orange-wash: #FFF5DD;--color-green-tint: #E8F1D6;--color-green-wash: #F4F8EA;--color-green-strong: #8FAE5E;--color-accent: var(--color-orange);--font-serif: "Noto Serif TC", Georgia, serif;--font-sans: "Noto Sans TC", -apple-system, system-ui, sans-serif;--size-xs: .875rem;--size-sm: 1.05rem;--size-base: 1.175rem;--size-lg: 1.45rem;--size-xl: 1.8rem;--size-2xl: 2.25rem;--size-3xl: 2.85rem;--size-4xl: 3.6rem;--size-5xl: 4.5rem;--size-6xl: 5.6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--page-pad-x: clamp(16px, 5vw, 64px);--section-pad-y: clamp(64px, 12vw, 128px);--hero-pad-top: clamp(48px, 8vw, 96px);--hero-pad-bottom: clamp(48px, 6vw, 72px);--heading-lg: clamp(2.4rem, 6vw, 4.5rem);--heading-md: clamp(2rem, 5vw, 3.6rem);--heading-sm: clamp(1.6rem, 3.5vw, 2.25rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(26, 20, 16, .05);--shadow-md: 0 4px 12px -4px rgba(26, 20, 16, .08);--shadow-lg: 0 12px 32px -8px rgba(26, 20, 16, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.83, 0, .17, 1);--dur-fast: .15s;--dur-base: .28s;--dur-slow: .5s;--dur-slower: .8s}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--size-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;letter-spacing:-.015em;line-height:1.1;color:var(--color-ink)}h1{font-size:var(--heading-lg)}h2{font-size:var(--heading-md)}h3{font-size:var(--heading-sm)}h4{font-size:var(--size-xl)}em{font-style:italic;color:var(--color-orange)}::selection{background:var(--color-orange);color:var(--color-bg)}.loading-splash{--loading-green: #cce5b0;--loading-orange: #f4a41d;--loading-ink: #1A1410;position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;color:var(--loading-ink);background:radial-gradient(circle at 50% 43%,rgba(204,229,176,.56),transparent 34rem),radial-gradient(circle at 64% 38%,rgba(244,164,29,.2),transparent 18rem),linear-gradient(135deg,#fffdf6,#f7fbef 48%,#fff5db)}.loading-splash:before{content:"";position:absolute;inset:-40px;z-index:-2;background-image:linear-gradient(rgba(26,20,16,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(26,20,16,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,black 0 46%,transparent 74%);opacity:.85;animation:ktb-loader-grid 8s linear infinite}.loading-splash:after{content:"";position:absolute;width:52vmin;aspect-ratio:1;border-radius:50%;z-index:-1;background:conic-gradient(from 30deg,transparent,rgba(244,164,29,.34),transparent 34%,rgba(204,229,176,.48),transparent 72%),radial-gradient(circle,rgba(255,255,255,.72),transparent 64%);filter:blur(2px);animation:ktb-loader-glow 4.8s ease-in-out infinite}.loading-shell{width:min(420px,88vw);display:grid;justify-items:center;gap:14px;padding:32px 20px}.loading-graph{position:relative;width:min(340px,78vw);aspect-ratio:1;display:grid;place-items:center}.loading-graph:before,.loading-graph:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.loading-graph:before{inset:0;border:1px solid rgba(26,20,16,.08);background:conic-gradient(from 90deg,transparent 0 16%,rgba(244,164,29,.88) 24%,transparent 34% 58%,rgba(204,229,176,.95) 68%,transparent 78%);mask:radial-gradient(farthest-side,transparent calc(100% - 12px),black calc(100% - 11px));animation:ktb-loader-spin 3.8s linear infinite}.loading-graph:after{inset:42px;border:1px dashed rgba(26,20,16,.16);animation:ktb-loader-spin 7s linear infinite reverse}.loading-lines{position:absolute;inset:40px;overflow:visible}.loading-lines path{stroke:#1a14103d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 14;animation:ktb-loader-dash 1.8s linear infinite}.loading-lines path:first-child{stroke:#f4a41dd1;stroke-width:3}.loading-core{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:18px 24px;border:1px solid rgba(26,20,16,.1);border-radius:999px;background:#ffffffd1;box-shadow:0 22px 60px -34px #1a14108a,0 0 0 10px #cce5b05c,0 0 0 18px #f4a41d1a;animation:ktb-loader-core 2.6s ease-in-out infinite}.loading-brand{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:190px;color:var(--loading-ink);font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1;letter-spacing:0}.loading-brand>svg{flex:0 0 auto;transform:translateY(1px)}.loading-node{--node-x: 0px;--node-y: 0px;position:absolute;z-index:1;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(26,20,16,.11);border-radius:18px;background:#ffffffe0;box-shadow:0 16px 36px -24px #1a1410b3;color:var(--loading-ink);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;letter-spacing:0;transform:translate(var(--node-x),var(--node-y));animation:ktb-loader-node 3.2s ease-in-out infinite}.loading-node--code{--node-x: -50%;--node-y: 0px;top:7%;left:50%;background:color-mix(in oklab,var(--loading-green) 78%,white)}.loading-node--ai{--node-x: 0px;--node-y: -50%;top:50%;right:5%;background:color-mix(in oklab,var(--loading-orange) 70%,white);animation-delay:-.7s}.loading-node--bits{--node-x: -50%;--node-y: -100%;bottom:7%;left:50%;background:color-mix(in oklab,var(--loading-green) 68%,white);animation-delay:-1.35s}.loading-node--fn{--node-x: 0px;--node-y: -50%;top:50%;left:5%;background:color-mix(in oklab,var(--loading-orange) 58%,white);animation-delay:-2s}.loading-status{display:inline-flex;align-items:center;gap:8px;color:#1a1410b8;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:5px;height:5px;border-radius:50%;background:var(--loading-orange);animation:ktb-loader-dot 1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.loading-bar{position:relative;width:min(190px,54vw);height:5px;overflow:hidden;border-radius:999px;background:#1a14101a}.loading-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:46%;border-radius:inherit;background:linear-gradient(90deg,var(--loading-green),var(--loading-orange));box-shadow:0 0 18px #f4a41d6b;animation:ktb-loader-bar 1.35s var(--ease-in-out) infinite}@keyframes ktb-loader-grid{to{transform:translate3d(46px,46px,0)}}@keyframes ktb-loader-glow{0%,to{transform:scale(.94) rotate(0);opacity:.68}50%{transform:scale(1.05) rotate(24deg);opacity:1}}@keyframes ktb-loader-spin{to{transform:rotate(360deg)}}@keyframes ktb-loader-dash{to{stroke-dashoffset:-32}}@keyframes ktb-loader-core{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}@keyframes ktb-loader-node{0%,to{transform:translate(var(--node-x),var(--node-y)) scale(1)}50%{transform:translate(var(--node-x),calc(var(--node-y) - 7px)) scale(1.05)}}@keyframes ktb-loader-dot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes ktb-loader-bar{0%{transform:translate(-105%)}55%,to{transform:translate(220%)}}@media(max-width:520px){.loading-shell{gap:12px;padding-inline:12px}.loading-node{width:50px;height:50px;border-radius:15px;font-size:12px}.loading-core{padding:12px 14px}.loading-core svg{height:28px!important;margin-left:12px!important}.loading-graph{height:min(340px,78vw)}}@media(prefers-reduced-motion:reduce){.loading-splash:before,.loading-splash:after,.loading-graph:before,.loading-graph:after,.loading-lines path,.loading-core,.loading-node,.loading-dots span,.loading-bar:after{animation:none}}:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px;border-radius:2px}article{max-width:720px;margin:0 auto;padding:var(--section-pad-y) var(--page-pad-x)}article p{margin-bottom:var(--space-4)}article p+p{margin-top:0}article h1{font-size:var(--heading-md);margin-bottom:var(--space-6)}article h2{font-size:var(--heading-md);margin-top:var(--space-12);margin-bottom:var(--space-3)}article h3{font-size:var(--heading-sm);margin-top:var(--space-8);margin-bottom:var(--space-2)}article a{color:var(--color-orange);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness var(--dur-fast) var(--ease-out)}article a:hover{text-decoration-thickness:2px}article ul,article ol{margin:var(--space-4) 0;padding-left:var(--space-6)}article li{margin-bottom:var(--space-2)}article strong{font-weight:700;color:var(--color-ink)}article blockquote{border-left:3px solid var(--color-orange);margin:var(--space-6) 0;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-style:italic}.ktb-btn:hover{transform:translateY(-1px)}.ktb-btn:active{transform:translateY(0)}.ktb-btn:disabled,.ktb-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none}.ktb-btn-primary:hover{box-shadow:0 16px 36px -12px #d874128c}.ktb-btn-secondary:hover{border-color:var(--color-ink)}.ktb-btn-ghost:hover{background:var(--color-orange-wash)}