.kx-home{overflow-x:clip}.kx-hero{border-bottom:1px solid var(--line);background:radial-gradient(60% 70% at 78% 40%,#c8ff2e0a,transparent 70%),var(--bg);position:relative}.kx-hero-grid{pointer-events:none;background-image:linear-gradient(90deg,var(--grid-line) 1px,transparent 1px), linear-gradient(var(--grid-line) 1px,transparent 1px);background-size:calc((min(100vw,var(--page-max)) - var(--page-pad) * 2) / 12) 100%,100% 80px;background-position:calc((100vw - min(100vw,var(--page-max))) / 2 + var(--page-pad)) 0,0 0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.kx-hero-in{gap:var(--col-gap);min-height:min(calc(100svh - var(--header-h)),820px);padding-top:var(--space-8);padding-bottom:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:relative}.kx-hero-copy{z-index:1;grid-column:1/span 5;position:relative}.kx-hero-device{grid-column:6/-1;position:relative}.kx-hero-meta{margin:0 0 var(--space-6);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-eyebrow);color:var(--ink-4);flex-wrap:wrap;gap:6px 18px;display:flex}.kx-hero-meta span:first-child{color:var(--accent)}.kx-hero-title{font-family:var(--font-display);font-weight:500;font-size:var(--fs-display);letter-spacing:var(--tracking-display);color:var(--ink);margin:0;line-height:.92}.kx-hero-title span{white-space:nowrap;display:block}.kx-hero-title span+span{color:var(--ink-2)}.kx-hero-sub{margin:var(--space-6) 0 0;max-width:30em;font-size:var(--fs-lg);color:var(--ink-2);line-height:1.7}.kx-hero-cta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.kx-hero-hint{margin:var(--space-6) 0 0;font-size:var(--fs-sm);color:var(--ink-4);align-items:center;gap:6px;display:flex}.kx-hero-hint kbd{border:1px solid var(--line-2);border-radius:var(--r-sm);min-width:24px;height:24px;font-family:var(--font-mono);color:var(--ink-2);border-bottom-width:2px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.kx-hero-tag{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;color:var(--ink-4)}.kx-hero-tag b{color:var(--ink-2);margin-right:10px;font-weight:500}.kx-cross{pointer-events:none;width:13px;height:13px;position:absolute}.kx-cross:before,.kx-cross:after{content:"";background:var(--line-strong);position:absolute}.kx-cross:before{width:1px;height:13px;top:0;left:6px}.kx-cross:after{width:13px;height:1px;top:6px;left:0}.kx-cross.is-tl{left:calc(var(--page-pad) - 6px);top:18px}.kx-cross.is-tr{right:calc(var(--page-pad) - 6px);top:18px}.kx-cross.is-bl{left:calc(var(--page-pad) - 6px);bottom:18px}.kx-cross.is-br{right:calc(var(--page-pad) - 6px);bottom:18px}.kx-kb{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 148px;align-items:stretch;display:grid}.kx-kb-svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.kx-kb-dim path{fill:none;stroke:var(--ink-4);stroke-width:1px}.kx-kb-dim text{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--ink-4);font-size:11px}.kx-kb-case{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1px}.kx-kb-plate{fill:var(--surface-ink);stroke:var(--line);stroke-width:1px}.kx-key{cursor:pointer}.kx-key-side{fill:var(--keycap-side);stroke:#ffffff10;stroke-width:1px}.kx-key-top{fill:var(--keycap);stroke:#ffffff1a;stroke-width:1px;transition:fill var(--dur-fast) linear,stroke var(--dur-fast) linear}.kx-key-cap{transition:transform 70ms cubic-bezier(.3,.7,.3,1)}.kx-key-leg{font-family:var(--font-mono);letter-spacing:.04em;fill:var(--keycap-legend);pointer-events:none;font-size:8.5px}.kx-key.is-down .kx-key-cap{transform:translateY(2.5px)}.kx-key.is-down .kx-key-top{fill:var(--accent);stroke:var(--accent)}.kx-key.is-down .kx-key-leg{fill:var(--accent-ink)}.kx-key.is-down .kx-key-side{stroke:var(--accent-line)}.kx-hud{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);flex-direction:column;margin:0;display:flex}.kx-hud>div{border-bottom:1px solid var(--line);padding:10px 12px}.kx-hud>div:last-child{border-bottom:0}.kx-hud dt{font-family:var(--font-mono);letter-spacing:var(--tracking-eyebrow);color:var(--ink-4);font-size:11px}.kx-hud dd{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-weight:500;overflow:hidden}.kx-hud dd small{color:var(--ink-4);margin-left:3px;font-size:11px}.kx-hud dd.is-key{color:var(--accent);font-size:var(--fs-2xl)}.kx-hud-meter dd{align-items:flex-end;gap:3px;height:18px;display:flex}.kx-hud-meter i{background:var(--surface-3);border-radius:1px;flex:1;height:100%}.kx-hud-meter i.on{background:var(--accent)}.kx-hud-meter i:nth-child(n+9).on{background:var(--warn)}@media (max-width:1100px){.kx-hero-copy,.kx-hero-device{grid-column:1/-1}.kx-hero-in{row-gap:var(--space-7);min-height:0}}@media (max-width:760px){.kx-hero-in{padding-top:var(--space-7);padding-bottom:var(--space-7)}.kx-hero-title{font-size:clamp(44px,14vw,64px)}.kx-hero-sub{font-size:var(--fs-base)}.kx-hero-sub br,.kx-hero-hint{display:none}.kx-kb{grid-template-columns:minmax(0,1fr)}.kx-hud{flex-flow:wrap}.kx-hud>div{border-bottom:0;border-right:1px solid var(--line);flex:33%;padding:8px 10px}.kx-hud>div:nth-child(3){border-right:0}.kx-hud>div:nth-child(n+4){display:none}.kx-hud dd{font-size:var(--fs-md)}.kx-hud dd.is-key{font-size:var(--fs-lg)}.kx-cross{display:none}}.kx-pipe{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.kx-pipe-step{padding:var(--space-5) var(--space-5) var(--space-5) 0;border-right:1px solid var(--line);position:relative}.kx-pipe-step+.kx-pipe-step{padding-left:var(--space-5)}.kx-pipe-step:last-child{border-right:0}.kx-pipe-node{height:48px;margin-bottom:var(--space-5);align-items:center;display:flex;position:relative}.kx-pipe-node svg{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);fill:none;width:48px;height:48px;stroke:var(--ink-2);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur),border-color var(--dur);flex:none;padding:11px}.kx-pipe-step:hover .kx-pipe-node svg{stroke:var(--accent);border-color:var(--accent-line)}.kx-pipe-wire{left:56px;right:calc(-1 * var(--space-5) - 1px);background:var(--line-2);height:1px;position:absolute;top:50%;overflow:hidden}.kx-pipe-wire:after{content:"";border:3.5px solid #0000;border-left:5px solid var(--line-strong);position:absolute;top:-3px;right:0}.kx-pipe-wire i{background:linear-gradient(90deg,transparent,var(--accent));width:30%;height:1px;animation:2.4s linear infinite kx-flow;position:absolute;top:0;left:-30%}.kx-pipe-step:nth-child(2) .kx-pipe-wire i{animation-delay:.8s}.kx-pipe-step:nth-child(3) .kx-pipe-wire i{animation-delay:1.6s}@keyframes kx-flow{to{left:100%}}.kx-pipe-no{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-eyebrow);color:var(--ink-4);margin:0}.kx-pipe-no b{color:var(--accent);margin-right:6px;font-weight:500}.kx-pipe h3{font-size:var(--fs-xl);letter-spacing:-.02em;margin:6px 0 0;font-weight:600}.kx-pipe-d{font-size:var(--fs-sm);color:var(--ink-2);margin:10px 0 0;line-height:1.7}.kx-pipe-io{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--line-2);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.02em;color:var(--ink-4);white-space:pre;gap:2px;display:grid}@media (max-width:900px){.kx-pipe{grid-template-columns:minmax(0,1fr)}.kx-pipe-step,.kx-pipe-step+.kx-pipe-step{column-gap:var(--space-4);padding:var(--space-5) 0;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);display:grid}.kx-pipe-node{grid-row:1/span 4;align-self:start;margin:0}.kx-pipe-wire{width:1px;height:calc(100% + var(--space-5) * 2 - 8px);top:52px;left:23px;right:auto}.kx-pipe-wire:after,.kx-pipe-wire i{display:none}.kx-pipe-io{white-space:normal}}.kx-queue-in{gap:var(--col-gap);padding:var(--space-6);border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.kx-queue-head{grid-column:span 6}.kx-queue-head h2{font-size:var(--fs-sec);margin:8px 0 0;font-weight:500}.kx-queue-note{margin:var(--space-3) 0 0;color:var(--ink-2);font-size:var(--fs-md)}.kx-queue-gauge{gap:var(--space-3);grid-column:7/-1;align-content:end;display:grid}.kx-queue-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;margin:0;display:flex}.kx-queue-num .is-left{color:var(--accent);letter-spacing:-.04em;font-size:clamp(56px,7vw,96px);font-weight:500;line-height:1}.kx-queue-num span:last-child{font-size:var(--fs-xl);color:var(--ink-4)}.kx-queue[data-state=low] .kx-queue-num .is-left{color:var(--warn)}.kx-queue[data-state=full] .kx-queue-num .is-left{color:var(--ink-4)}.kx-queue-label{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-eyebrow);color:var(--ink-3);margin:0}.kx-queue-bar{gap:3px;height:22px;margin:0;padding:0;list-style:none;display:flex}.kx-queue-bar li{background:var(--surface-3);border-radius:1px;flex:1}.kx-queue-bar li.is-free{background:var(--accent);box-shadow:0 0 10px #c8ff2e33}.kx-queue[data-state=low] .kx-queue-bar li.is-free{background:var(--warn);box-shadow:none}@media (max-width:760px){.kx-queue-in{padding:var(--space-5)}.kx-queue-head,.kx-queue-gauge{grid-column:1/-1}}.kx-lineup-grid{margin-top:0}.kx-empty{gap:var(--col-gap);padding:var(--space-6);border:1px dashed var(--line-2);border-radius:var(--r);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.kx-empty-art{width:100%;height:auto}.kx-empty-t{font-size:var(--fs-xl);letter-spacing:-.02em;margin:8px 0 0;font-weight:600}.kx-empty-d{margin:10px 0 var(--space-5);font-size:var(--fs-sm);color:var(--ink-2);line-height:1.7}@media (max-width:760px){.kx-empty{padding:var(--space-5);grid-template-columns:minmax(0,1fr)}}.kx-cat-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.kx-cat-grid li{display:flex}.kx-cat{min-height:212px;padding:var(--space-5);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);transition:background var(--dur) var(--ease);flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.kx-cat:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--dur-slow) var(--ease);position:absolute;top:-1px;left:-1px;right:-1px;transform:scaleX(0)}.kx-cat:hover{background:var(--surface)}.kx-cat:hover:before{transform:none}.kx-cat-top{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.kx-cat-code{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;color:var(--ink-4);transition:color var(--dur)}.kx-cat:hover .kx-cat-code{color:var(--accent)}.kx-cat-ico{fill:none;width:32px;height:32px;stroke:var(--ink-2);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur)}.kx-cat:hover .kx-cat-ico{stroke:var(--accent)}.kx-cat-name{margin-top:var(--space-6);font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:600}.kx-cat-desc{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.6}.kx-cat-go{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;color:var(--ink-4);transition:color var(--dur);margin-top:6px}.kx-cat:hover .kx-cat-go{color:var(--ink)}.kx-cat.is-all{background:var(--surface)}.kx-cat.is-all .kx-cat-code{color:var(--accent)}@media (max-width:1100px){.kx-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kx-cat{min-height:180px}}@media (max-width:760px){.kx-cat{min-height:0;padding:var(--space-4)}.kx-cat-name{margin-top:var(--space-4);font-size:var(--fs-md)}.kx-cat-desc{font-size:var(--fs-xs)}.kx-cat-go{display:none}}.kx-lab-body{gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.kx-scope{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface-ink);grid-column:span 8;overflow:hidden}.kx-scope-bar{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);flex-wrap:wrap;padding:10px 12px;display:flex}.kx-scope-read{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--ink-4);margin:0;display:flex}.kx-scope-read i{vertical-align:middle;background:var(--accent);width:14px;height:2px;margin-right:6px;display:inline-block}.kx-scope-read i.is-ch2{background:var(--ink-4)}.kx-scope-svg{background:radial-gradient(70% 80%,#c8ff2e08,#0000 70%);width:100%;height:auto;display:block}.kx-scope-grid path{stroke:var(--grid-line-strong);stroke-width:1px;fill:none}.kx-scope-grid path.is-mid{stroke:#ffffff26;stroke-dasharray:2 4}.kx-scope-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:kx-draw .7s var(--ease) both}.kx-scope-glow{fill:none;stroke:var(--accent);stroke-width:7px;opacity:.18;filter:blur(4px);stroke-linejoin:round}.kx-scope-ret{fill:none;stroke:var(--ink-4);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8;animation:kx-draw .9s .15s var(--ease) both}@keyframes kx-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.kx-scope-click path{stroke:var(--warn);stroke-width:1.4px;fill:none;stroke-linecap:round}.kx-scope-click text{font-family:var(--font-mono);letter-spacing:.1em;fill:var(--warn);font-size:10px}.kx-scope-ax{font-family:var(--font-mono);letter-spacing:.12em;fill:var(--ink-4);font-size:10px}.kx-scope-foot{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-4);margin:0;padding:8px 12px;font-size:11px;display:flex}.kx-lab-panel{padding-top:var(--space-2);flex-direction:column;grid-column:span 4;display:flex}.kx-lab-en{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-eyebrow);color:var(--accent);margin:0}.kx-lab-ko{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.03em;margin:6px 0 0;font-weight:500}.kx-lab-lead{margin:var(--space-3) 0 var(--space-5);color:var(--ink-2);line-height:1.7}.kx-lab-note{padding-top:var(--space-5);font-size:var(--fs-xs);color:var(--ink-4);margin:auto 0 0;line-height:1.7}@media (max-width:1023px){.kx-scope,.kx-lab-panel{grid-column:1/-1}}.kx-nosignal{gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.kx-nosignal-screen{aspect-ratio:16/9;border:1px solid var(--line-2);border-radius:var(--r);background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),var(--surface-ink);grid-column:span 7;align-content:center;place-items:center;gap:10px;display:grid;position:relative;overflow:hidden}.kx-nosignal-screen p{font-family:var(--font-mono);font-size:var(--fs-lg);letter-spacing:.3em;color:var(--ink-3);margin:0}.kx-nosignal-screen small{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-4);font-size:11px}.kx-nosignal-play{border:1px solid var(--line-strong);border-radius:50%;width:64px;height:64px;position:relative}.kx-nosignal-play:after{content:"";border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--ink-3);position:absolute;top:21px;left:26px}.kx-nosignal-copy{grid-column:span 5}@media (max-width:900px){.kx-nosignal-screen,.kx-nosignal-copy{grid-column:1/-1}}html[data-motion] [data-reveal]:not([data-shown]) :is(.kx-scope-line,.kx-scope-ret,.kx-pipe-wire i){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.kx-pipe-wire i{animation:none;display:none}.kx-scope-line,.kx-scope-ret{animation:none}.kx-key-cap,.kx-key-top,.kx-cat:before{transition:none}}