.xk2-spa{--space-rot:90deg;--space-depth:34px;position:relative;margin-top:var(--xk2-sp-6,32px)}.xk2-spa-wrap{position:relative}.xk2-spa-stage{position:relative;height:clamp(340px,44vw,520px);margin:0 auto;max-width:1100px;perspective:1400px;perspective-origin:50% 46%;touch-action:pan-y;cursor:grab;outline:none}.xk2-spa.is-dragging .xk2-spa-stage{cursor:grabbing}.xk2-spa-stage:focus-visible{outline:2px solid var(--xk2-signal);outline-offset:6px;border-radius:var(--xk2-r-md,8px)}.xk2-spa-core{position:absolute;inset:0;margin:auto;width:clamp(128px,17vw,190px);height:clamp(128px,17vw,190px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(95,224,212,.14),rgba(14,17,20,.92) 62%);border:1px solid var(--xk2-line-2);box-shadow:0 0 0 1px rgba(95,224,212,.08),0 24px 70px rgba(0,0,0,.55);z-index:2}.xk2-spa-core b{font-family:var(--xk2-mono);font-size:clamp(13px,1.5vw,17px);letter-spacing:.22em;color:var(--xk2-ink)}.xk2-spa-core span{font-size:clamp(11px,1.2vw,13px);color:var(--xk2-ink-dim);line-height:1.5;padding:0 12px}.xk2-spa-plane{position:absolute;top:50%;left:50%;width:clamp(132px,15vw,178px);min-height:74px;padding:11px 13px;border-radius:var(--xk2-r-md,8px);background:linear-gradient(180deg,rgba(20,24,30,.96),rgba(10,12,14,.96));border:1px solid var(--xk2-line);display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--xk2-ink-soft);transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--ry,0deg)) scale(var(--s,1));transition:transform var(--xk2-dur-slow,420ms) var(--xk2-ease-motion,cubic-bezier(.16,1,.3,1)),border-color var(--xk2-dur-base,220ms) ease,color var(--xk2-dur-base,220ms) ease,opacity var(--xk2-dur-base,220ms) ease;opacity:.62;will-change:transform;z-index:1}.xk2-spa-plane:hover,.xk2-spa-plane:focus-visible{border-color:var(--xk2-signal);color:var(--xk2-ink);opacity:1;outline:none}.xk2-spa-plane.is-front{opacity:1;border-color:var(--xk2-signal-2);box-shadow:0 0 0 1px rgba(95,224,212,.2),0 18px 46px rgba(0,0,0,.5)}.xk2-spa-code{font-family:var(--xk2-mono);font-size:var(--xk2-fs-label,11px);letter-spacing:.18em;color:var(--xk2-signal)}.xk2-spa-name{font-size:var(--xk2-fs-body);line-height:1.4;color:inherit}.xk2-spa-open{font-family:var(--xk2-mono);font-size:var(--xk2-fs-micro,9px);letter-spacing:.1em;color:var(--xk2-ink-faint)}.xk2-spa-bar{display:flex;align-items:center;justify-content:center;gap:var(--xk2-sp-2,8px);flex-wrap:wrap;margin-top:var(--xk2-sp-4,16px)}.xk2-spa-btn{min-width:44px;min-height:44px;padding:10px 14px;border-radius:var(--xk2-r-pill,999px);border:1px solid var(--xk2-line-2);background:rgba(20,24,30,.8);color:var(--xk2-ink-soft);font-family:var(--xk2-mono);font-size:var(--xk2-fs-label);cursor:pointer;transition:border-color var(--xk2-dur-base,220ms) ease,color var(--xk2-dur-base,220ms) ease,background var(--xk2-dur-base,220ms) ease}.xk2-spa-btn:hover,.xk2-spa-btn:focus-visible{border-color:var(--xk2-signal);color:var(--xk2-ink);outline:none}.xk2-spa-btn-wide{min-width:168px}.xk2-spa-btn[aria-pressed=true]{border-color:var(--xk2-signal);color:var(--xk2-signal-2);background:rgba(95,224,212,.08)}.xk2-spa-read{margin:var(--xk2-sp-4,16px) 0 0;text-align:center;font-family:var(--xk2-mono);font-size:var(--xk2-fs-body);letter-spacing:.16em;color:var(--xk2-signal-2)}.xk2-spa-hint{margin:var(--xk2-sp-2,8px) 0 0;text-align:center;font-size:var(--xk2-fs-label);color:var(--xk2-ink-faint)}.xk2-spa[data-space-mode=helix] .xk2-spa-core{transform:scale(.92)}.xk2-spa[data-space-mode=column] .xk2-spa-stage{height:auto;perspective:none;padding:6px 0}.xk2-spa[data-space-mode=column] .xk2-spa-core{position:relative;inset:auto;margin:0 auto 18px;transform:none}.xk2-spa[data-space-mode=column] .xk2-spa-plane{position:relative;top:auto;left:auto;margin:0 auto 10px;width:min(100%,420px);transform:none;opacity:1}.xk2-spa[data-space-mode=column] .xk2-spa-plane.is-front{border-color:var(--xk2-signal)}@media (prefers-reduced-motion:reduce){.xk2-spa-plane,.xk2-spa-btn{transition:none!important}.xk2-spa-stage{height:auto;perspective:none;padding:6px 0}.xk2-spa-core{position:relative;inset:auto;margin:0 auto 18px}.xk2-spa-plane{position:relative;top:auto;left:auto;margin:0 auto 10px;width:min(100%,420px);transform:none;opacity:1}}@media (max-width:720px){.xk2-spa-stage{height:auto;perspective:none;padding:6px 0}.xk2-spa-core{position:relative;inset:auto;margin:0 auto 18px}.xk2-spa-plane{position:relative;top:auto;left:auto;margin:0 auto 10px;width:min(100%,420px);transform:none;opacity:1}.xk2-spa-btn-wide{min-width:0;flex:1 1 auto}}