.kx-card{isolation:isolate;border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 5%, var(--background)), var(--background));border-radius:3px;position:relative;overflow:hidden}.kx-card:before{content:"";z-index:-1;background:radial-gradient(70% 55% at 50% 0%, color-mix(in oklch, var(--foreground) 8%, transparent), transparent 70%);position:absolute;inset:0}.kx-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 22%, transparent), transparent 45%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.kx-art{position:relative;overflow:hidden}.kx-glass{transform:rotate(var(--kx-tilt,0deg));background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 10%, transparent), color-mix(in oklch, var(--foreground) 3%, transparent));border:1px solid color-mix(in oklch, var(--foreground) 16%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground) 14%, transparent), 0 40px 80px -30px color-mix(in oklch, var(--background) 90%, transparent);border-radius:14px;position:absolute}.kx-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px}.kx-bar{background:color-mix(in oklch, var(--foreground) 18%, transparent);border-radius:9999px;height:7px}.kx-pill{background:var(--foreground);color:var(--background);box-shadow:0 0 50px -6px color-mix(in oklch, var(--foreground) 50%, transparent);border-radius:9999px}
.kr{--kr-line:color-mix(in oklch, var(--foreground) 14%, transparent);--kr-glass:color-mix(in oklch, var(--card) 62%, transparent);--kr-shipped:var(--foreground);position:relative}.kr-stage{width:100%;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(78% 82% at 50% 46%,#000 80%,#0000 100%);mask-image:radial-gradient(78% 82% at 50% 46%,#000 80%,#0000 100%)}.kr-scene{transform-origin:top;width:720px;height:640px;transform:translateX(-50%) scale(var(--kr-scale,1));position:absolute;top:0;left:50%}.kr-clear{background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--background) 62%, transparent 100%);position:absolute;inset:-40px 60px}.kr-glow{filter:blur(70px);background:radial-gradient(circle, color-mix(in oklch, var(--foreground) 18%, transparent), transparent 70%);border-radius:9999px;position:absolute}.kr-glass{background:var(--kr-glass);border:1px solid var(--kr-line);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground) 16%, transparent), 0 50px 100px -40px color-mix(in oklch, var(--background) 90%, transparent)}.kr-art{transform:rotate(var(--kr-tilt,0deg));border-radius:14px;padding:8px;position:absolute}.kr-art[data-depth=far]{filter:blur(.6px);opacity:.75}.kr-art[data-depth=farther]{filter:blur(1.2px);opacity:.45}.kr-art-vis{background:color-mix(in oklch, var(--foreground) 7%, transparent);border-radius:8px;height:92px;position:relative;overflow:hidden}.kr-art-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);margin-top:6px;padding-inline:4px;font-size:11px}.kr-art-q{padding:4px 4px 0;font-size:14px;font-weight:500}.kr-play:after{content:"";border-left:16px solid color-mix(in oklch, var(--foreground) 80%, transparent);border-block:10px solid #0000;position:absolute;top:50%;left:50%;translate:-40% -50%}.kr-proto:before,.kr-proto:after{content:"";border-radius:9999px;position:absolute}.kr-proto:before{background:color-mix(in oklch, var(--foreground) 25%, transparent);width:50%;height:6px;inset:12px auto auto 12px}.kr-proto:after{background:color-mix(in oklch, var(--foreground) 85%, transparent);height:16px;inset:auto 12px 12px}.kr-checks{flex-direction:column;justify-content:center;gap:10px;padding-inline:28px 14px;display:flex}.kr-checks i{background:color-mix(in oklch, var(--foreground) 22%, transparent);height:6px;box-shadow:-14px 0 0 -1px var(--kr-shipped);border-radius:3px;display:block}.kr-checks i:nth-child(2){width:60%}.kr-checks i:nth-child(3){width:75%}.kr-card{border:1px solid var(--kr-line);background:var(--background);box-shadow:0 50px 100px -40px color-mix(in oklch, var(--background) 90%, transparent);transform-origin:50% 130%;border-radius:24px;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;position:absolute;inset:0;overflow:hidden}.kr-card:not([data-place="0"]) .kr-caption{opacity:0}.kr-caption{background:linear-gradient(to top, var(--card) 45%, transparent);padding:56px 18px 18px;transition:opacity .3s;position:absolute;inset:auto 0 0}.kr-stamp{z-index:20;font-family:var(--font-display);letter-spacing:.08em;opacity:0;border:3px solid;border-radius:8px;padding:2px 10px;font-size:22px;font-weight:600;position:absolute;top:26px}.kr-stamp-yes{color:var(--kr-shipped);left:20px;rotate:-14deg}.kr-stamp-no{color:var(--muted-foreground);right:20px;rotate:14deg}.kr-progress{background:color-mix(in oklch, var(--foreground) 80%, transparent);border-radius:9999px;width:0;height:100%}.kr-pick[data-picked]{background:var(--foreground);color:var(--background)}.kr-btn{border-radius:9999px;justify-content:center;align-items:center;font-size:22px;transition:transform .2s;display:inline-flex;position:absolute}.kr-btn[data-pressed]{transform:scale(1.18)}.kr-btn-no{border:1px solid var(--kr-line);background:var(--kr-glass);width:56px;height:56px;color:var(--muted-foreground)}.kr-btn-yes{background:var(--primary);width:64px;height:64px;color:var(--primary-foreground)}.kr-mark{width:22px;height:22px;display:inline-flex}.kr-mark[data-shipped] .ks-eye-fill{fill:var(--ks-eye-ready);stroke:var(--ks-eye-ready)}@media (prefers-reduced-motion:no-preference){.kr-mark[data-shipped] .ks-body{animation:.8s cubic-bezier(.3,0,.3,1) ks-hop-once}}.kr-mark svg{width:100%;height:100%}.kr-finger{z-index:30;border:2px solid color-mix(in oklch, var(--foreground) 70%, transparent);background:color-mix(in oklch, var(--foreground) 20%, transparent);opacity:0;pointer-events:none;border-radius:9999px;width:36px;height:36px;position:absolute}.kr-ghost{z-index:25;transition:transform .7s cubic-bezier(.5,0,.2,1),opacity .7s;position:absolute}@media (prefers-reduced-motion:no-preference){.kr-art{animation:kr-bob var(--kr-bob,8s) ease-in-out infinite var(--kr-delay,0s)}.kr-glow{animation:20s ease-in-out infinite kr-drift}}@keyframes kr-bob{50%{translate:0 -12px}}@keyframes kr-drift{33%{translate:50px -25px}66%{translate:-35px 35px}}
.k-orbit{--ko-line2:color-mix(in oklab, var(--foreground) 20%, transparent);--ko-tile:color-mix(in oklab, var(--foreground) 4%, var(--background));--ko-tile-hot:color-mix(in oklab, var(--foreground) 12%, var(--background));--ko-glow:color-mix(in oklab, var(--foreground) 45%, transparent)}.k-orbit .ko-stage{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:56px;display:grid;position:relative}.k-orbit .ko-orbit{aspect-ratio:1;width:100%;max-width:max(280px,min(640px,100%,100svh - 340px));margin:0 auto;position:relative}.k-orbit .ko-orbit>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k-orbit .ko-ring-path{fill:none;stroke:var(--ko-line2);stroke-width:1px;stroke-dasharray:2 6}.k-orbit .ko-wire{fill:none;stroke:color-mix(in oklab, var(--foreground) 55%, transparent);stroke-width:1.2px;stroke-linecap:round}.k-orbit .ko-packet{fill:var(--foreground);filter:drop-shadow(0 0 6px var(--foreground)) drop-shadow(0 0 14px var(--ko-glow))}.k-orbit .ko-core{aspect-ratio:1;place-items:center;width:30%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.k-orbit .ko-face{width:70%;height:70%;color:var(--foreground);filter:drop-shadow(0 0 14px var(--ko-glow));transition:filter .4s;position:absolute;inset:15%}.k-orbit .ko-core.is-hot .ko-face{filter:drop-shadow(0 0 30px color-mix(in oklab, var(--foreground) 80%, transparent))}.k-orbit .ko-halo{border:1px solid color-mix(in oklab, var(--foreground) 50%, transparent);opacity:0;border-radius:99px;position:absolute;inset:22%}.k-orbit .ko-core.is-ping .ko-halo{animation:1s ease-out ko-ping}@keyframes ko-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.k-orbit .ko-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;margin-top:-6px;font-size:12px;position:absolute;top:100%}.k-orbit .ko-work{color:var(--foreground);white-space:nowrap;opacity:0;margin-bottom:-4px;font-size:12.5px;transition:opacity .3s;position:absolute;bottom:100%}.k-orbit .ko-work.is-on{opacity:1}.k-orbit .ko-tool{border:1px solid var(--ko-line2);background:var(--ko-tile);width:44px;height:44px;color:var(--muted-foreground);will-change:transform;border-radius:12px;place-items:center;margin:-22px 0 0 -22px;transition:border-color .3s,background .3s,box-shadow .3s,color .3s;display:grid;position:absolute;top:0;left:0}.k-orbit .ko-mark{width:20px;height:20px}.k-orbit .ko-tool.is-lit{border-color:color-mix(in oklab, var(--foreground) 80%, transparent);background:var(--ko-tile-hot);box-shadow:0 0 24px color-mix(in oklab, var(--foreground) 25%, transparent);color:var(--foreground)}.k-orbit .ko-tag{white-space:nowrap;border:1px solid var(--ko-line2);background:color-mix(in oklab, var(--background) 90%, transparent);color:var(--foreground);opacity:0;pointer-events:none;border-radius:99px;padding:4px 9px;font-size:11.5px;transition:opacity .35s,transform .35s;position:absolute;top:calc(100% + 8px);left:50%;transform:translateY(-4px)}.k-orbit .ko-tag.is-on{opacity:1;transform:none}@media (max-width:520px){.k-orbit .ko-tool{border-radius:10px;width:34px;height:34px;margin:-17px 0 0 -17px}.k-orbit .ko-mark{width:15px;height:15px}.k-orbit .ko-tag{font-size:10px}}@media (prefers-reduced-motion:reduce){.k-orbit *,.k-orbit :before,.k-orbit :after{transition:none!important;animation:none!important}}