:root{--bg: #F4F3EF;--surface: #FFFFFF;--text: #1A1C1E;--muted: #5E6468;--primary: #22507E;--accent: #C8643C;--border: #DAD7CF;--grid: rgba(34, 80, 126, .05);--hair: rgba(26, 28, 30, .06);--good: #4E6043;--bad: #B0402A;--warn: #B0822A;--warnbg: rgba(214, 168, 67, .12);--maxw: 1180px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}[data-theme=dark]{--bg: #0E1417;--surface: #161E24;--text: #E7ECEF;--muted: #9AA4AB;--primary: #5FA8D3;--accent: #E08A5F;--border: #27323A;--grid: rgba(95, 168, 211, .06);--hair: rgba(231, 236, 239, .05);--good: #8FA67C;--bad: #E0795F;--warn: #D6A843;--warnbg: rgba(214, 168, 67, .1)}*{box-sizing:border-box}html,body{margin:0}input,select,textarea{min-width:0;max-width:100%}body{background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--bg);background-size:46px 46px,46px 46px,auto;background-attachment:fixed;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit}.kx-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--surface);border-bottom:1px solid var(--border)}.kx-brand{display:flex;align-items:baseline;gap:10px;min-width:0}.kx-brand .logo{font:700 22px/1 var(--font-display);letter-spacing:-.5px;color:var(--text);text-decoration:none}.kx-brand .div{width:1px;height:17px;background:var(--border)}.kx-brand .tag{font:500 11px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.kx-nav{display:flex;align-items:center;gap:22px}.kx-nav a{font:400 13px/1 var(--font-sans);color:var(--muted);text-decoration:none}.kx-nav a:hover{color:var(--text)}.kx-nav a.active{font-weight:600;color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:4px}.kx-theme{margin-left:6px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--border);background:transparent;border-radius:2px;font:500 12px/1 var(--font-sans);color:var(--text);cursor:pointer}.kx-theme .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.kx-burger{display:none;flex-direction:column;gap:4px;padding:8px;background:none;border:none;cursor:pointer}.kx-burger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.kx-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.kx-burger.open span:nth-child(2){opacity:0}.kx-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.kx-menu{display:none}.kx-menu[hidden]{display:none!important}.kx-main{max-width:var(--maxw);margin:0 auto;padding:0 40px}.kx-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:40px}.kx-footer .inner{max-width:var(--maxw);margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.kx-footer span{font:400 11.5px/1.5 var(--font-sans);color:var(--muted)}.kx-footer .mono{font-family:var(--font-mono)}.kx-tab{display:none}@media (max-width: 720px){.kx-header{padding:12px 18px}.kx-brand .tag,.kx-nav{display:none}.kx-burger{display:flex}.kx-menu{display:block;position:sticky;top:55px;z-index:19;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 18px 14px}.kx-menu a{display:block;padding:12px 4px;font:500 15px/1 var(--font-sans);color:var(--text);text-decoration:none;border-bottom:1px solid var(--hair)}.kx-menu a.active{color:var(--accent)}.kx-menu-theme{margin-top:12px;width:100%;display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:11px;border:1px solid var(--border);background:transparent;border-radius:2px;font:500 13px/1 var(--font-sans);color:var(--text);cursor:pointer}.kx-menu-theme .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.kx-main{padding:0 18px}.kx-footer{margin-bottom:66px}.kx-footer .inner{padding:20px 18px}.kx-tab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.kx-tab a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font:500 9.5px/1 var(--font-sans);color:var(--muted);text-decoration:none;padding:4px 0;min-height:44px;justify-content:center}.kx-tab a.on{color:var(--accent)}}
