.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}
.ki-player{height:100%}.ki-player-bar{height:26px;color:var(--ki-muted);border-bottom:1px solid var(--ki-edge);background:linear-gradient(140deg, var(--ki-glass), transparent);place-items:center;font-size:11px;display:grid;position:relative}.ki-player-bar>span{gap:4px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ki-player-bar i{background:var(--ki-edge);border-radius:50%;width:5px;height:5px}.ki-player-page{height:calc(100% - 52px);position:relative;overflow:hidden}.ki-player-page:after{content:"";background:color-mix(in srgb, var(--ki-base) 62%, transparent);position:absolute;inset:0}.ki-signup{grid-template-columns:40% 60%;height:100%;display:grid}.ki-signup i{background:var(--ki-muted);border-radius:6px;display:block}.ki-signup-brand{border-right:1px solid var(--ki-glass);background:linear-gradient(160deg, var(--ki-edge), var(--ki-glass));flex-direction:column;justify-content:space-between;padding:16px 14px 40px;display:flex}.ki-signup-brand b{align-items:center;gap:6px;display:flex}.ki-signup-brand b i:first-child{background:linear-gradient(135deg, var(--ki-ink), var(--ki-muted));border-radius:3px;width:11px;height:11px}.ki-signup-brand b i:last-child{width:36px;height:6px}.ki-signup-brand div{gap:7px;display:grid}.ki-signup-brand div i{background:var(--ki-ink);height:9px}.ki-signup-brand div i:first-child{width:88%}.ki-signup-brand div i:nth-child(2){width:62%}.ki-signup-brand div i:last-child{background:var(--ki-muted);width:52%;height:6px;margin-top:3px}.ki-signup-form{flex-direction:column;justify-content:center;gap:10px;padding:0 14px;display:flex}.ki-signup-sso,.ki-field,.ki-signup-form em{border-radius:8px;place-items:center;height:28px;display:grid}.ki-signup-sso,.ki-field{border:1px solid var(--ki-edge);background:var(--ki-glass)}.ki-signup-sso i{width:52%;height:6px}.ki-signup-or{background:var(--ki-edge);height:1px;margin:2px 0}.ki-signup-form em{background:linear-gradient(135deg, var(--ki-ink), var(--ki-muted))}.ki-signup-form em i{background:var(--ki-base);width:30%;height:6px}.ki-player-play{z-index:1;width:46px;height:46px;color:var(--ki-ink);border:1px solid var(--ki-edge);background:var(--ki-base);box-shadow:0 8px 20px color-mix(in srgb, var(--ki-base) 40%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ki-player-play svg{fill:currentColor;stroke-width:1.4px;width:18px;height:18px;margin-left:2px}.ki-player-controls{height:26px;color:var(--ki-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 8px;font-size:10px;display:flex}.ki-player-controls>span{width:20px;height:20px;color:var(--ki-ink);border:1px solid var(--ki-edge);background:var(--ki-glass);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ki-player-controls svg{fill:currentColor;stroke-width:2px;width:10px;height:10px}.ki-player-controls>i{background:var(--ki-edge);border-radius:3px;flex:1;height:3px;position:relative}.ki-player-controls>i:before{content:"";background:var(--ki-ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;left:-3px}
.ki-stage{--ki-scale:.8;--ki-ink:var(--foreground);--ki-base:var(--background);--ki-glass:color-mix(in srgb, var(--ki-ink) 9%, transparent);--ki-edge:color-mix(in srgb, var(--ki-ink) 28%, transparent);--ki-muted:color-mix(in srgb, var(--ki-ink) 65%, var(--ki-base));width:100%;color:var(--ki-ink);isolation:isolate;place-items:center;padding:20px 0;display:grid;position:relative}.ki-stage *,.ki-stage :before,.ki-stage :after{box-sizing:border-box}.ki-fit{width:calc(390px * var(--ki-scale));height:calc(778px * var(--ki-scale));position:relative}.ki-phone{width:390px;height:778px;transform:scale(var(--ki-scale));transform-origin:0 0;border:1px solid var(--ki-muted);background:linear-gradient(115deg, var(--ki-muted), var(--ki-base) 15%, var(--ki-muted) 48%, var(--ki-base) 80%);box-shadow:inset 0 0 0 2px var(--ki-base), inset 0 0 0 4px var(--ki-edge), 0 28px 55px color-mix(in srgb, var(--ki-base) 80%, transparent);border-radius:59px;padding:9px;position:absolute}.ki-screen{border:2px solid var(--ki-base);isolation:isolate;background:radial-gradient(ellipse at 8% 20%, var(--ki-edge), transparent 48%), radial-gradient(ellipse at 100% 65%, var(--ki-glass), transparent 52%), var(--ki-base);border-radius:49px;height:100%;position:relative;overflow:hidden}.ki-screen:before{content:"";z-index:-1;pointer-events:none;filter:blur(20px);background:linear-gradient(135deg, transparent 25%, var(--ki-glass) 41%, var(--ki-edge) 44%, var(--ki-glass) 48%, transparent 62%);position:absolute;inset:110px -90px 160px;transform:rotate(-15deg)}.ki-hardware{background:linear-gradient(90deg, var(--ki-muted), var(--ki-base));border-radius:3px;width:4px;position:absolute;left:-4px}.ki-volume-up{height:39px;top:152px}.ki-volume-down{height:39px;top:205px}.ki-power{height:62px;top:179px;left:auto;right:-4px}.ki-statusbar{justify-content:space-between;height:72px;padding:20px 23px 0;font-size:12px;font-weight:600;line-height:16px;display:flex;position:relative}.ki-statusbar>div:last-child{align-items:center;gap:5px;height:16px;display:flex}.ki-signal{width:16px;height:12px}.ki-battery{width:23px;height:12px}.ki-island{background:var(--ki-base);border-radius:22px;width:108px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ki-island:after{content:"";background:radial-gradient(circle at 35% 35%, var(--ki-edge), var(--ki-base) 60%);border:1px solid var(--ki-glass);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:11px}.ki-content{padding:0 17px}.ki-sensei{align-items:center;gap:10px;height:43px;margin-bottom:24px;padding:0 3px;font-size:14px;display:flex}.ki-sensei>.ks-icon{flex-shrink:0;width:34px;height:36px}.ki-deck{position:relative}.ki-back{background:linear-gradient(140deg, var(--ki-glass), transparent);border:1px solid var(--ki-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:27px;position:absolute;inset:12px 3px -9px;transform:rotate(3deg)}.ki-back.ki-third{opacity:.6;inset:25px 13px -18px;transform:rotate(-4deg)}.ki-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;background:linear-gradient(135deg, var(--ki-glass), transparent 36%, var(--ki-glass));border:1px solid var(--ki-edge);border-top-color:var(--ki-muted);border-left-color:var(--ki-muted);-webkit-backdrop-filter:blur(26px)saturate();min-height:417px;box-shadow:inset 0 1px 1px var(--ki-edge), 0 18px 36px color-mix(in srgb, var(--ki-base) 35%, transparent);border-radius:27px;padding:17px 15px 0;position:relative;overflow:hidden}.ki-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 0%, var(--ki-glass), transparent 55%);position:absolute;inset:0}.ki-kind{letter-spacing:.7px;color:var(--ki-muted);padding:2px 2px 15px;font-size:9px}.ki-visual{border:1px solid var(--ki-edge);background:var(--ki-glass);height:292px;box-shadow:inset 0 1px 0 var(--ki-glass);border-radius:17px;overflow:hidden}.ki-caption{padding:23px 4px 24px}.ki-caption h3{letter-spacing:-.8px;margin:0;font-size:24px;font-weight:400;line-height:1.2}.ki-actions{justify-content:center;align-items:center;gap:55px;margin-top:43px;display:flex}.ki-actions button{background:var(--ki-glass);border:1px solid var(--ki-edge);width:54px;height:54px;color:var(--ki-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.ki-actions button:last-child{background:var(--ki-ink);border-color:var(--ki-ink);color:var(--ki-base)}.ki-actions svg{stroke-width:1.4px;width:21px;height:21px}.ki-answer{letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.ki-actions button:disabled{cursor:default}.ki-actions button:hover{filter:brightness(1.15)}.ki-stage button:focus-visible,.ki-card:focus-visible{outline:2px solid var(--ki-ink);outline-offset:4px}.ki-home{background:var(--ki-ink);opacity:.8;border-radius:5px;width:118px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.ki-question{background:linear-gradient(140deg, var(--ki-glass), transparent);flex-direction:column;justify-content:center;height:100%;padding:26px 22px;display:flex}.ki-question h3{letter-spacing:-1.3px;margin:16px 0 22px;font-size:30px;font-weight:400;line-height:1.1}.ki-options{gap:9px;display:flex}.ki-options span{border:1px solid var(--ki-edge);background:var(--ki-glass);color:var(--ki-ink);border-radius:13px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-size:12px;transition:background .2s,color .2s;display:flex}.ki-options svg{stroke-width:1.8px;width:12px;height:12px}.ki-options [data-lean]{background:linear-gradient(135deg, var(--ki-ink), var(--ki-muted));color:var(--ki-base)}.ki-prototype{background:linear-gradient(140deg, var(--ki-glass), transparent);grid-template-columns:1fr 1fr;gap:13px;height:100%;padding:27px 18px;display:grid}.ki-theme{border:1px solid var(--ki-edge);box-shadow:inset 0 1px 0 var(--ki-glass);border-radius:14px;padding:15px 12px}.ki-light{background:linear-gradient(135deg, var(--ki-ink), var(--ki-muted));color:var(--ki-base)}.ki-dark{background:color-mix(in srgb, var(--ki-base) 40%, transparent);color:var(--ki-ink)}.ki-theme>i{opacity:.45;background:currentColor;border-radius:6px;width:65%;height:6px;margin-bottom:16px;display:block}.ki-theme section{background:var(--ki-glass);border:1px solid var(--ki-glass);border-radius:10px;height:calc(100% - 22px);padding:12px 9px}.ki-theme b{opacity:.14;background:currentColor;border-radius:4px;width:85%;height:5px;margin-bottom:10px;display:block}.ki-theme b:nth-child(2){width:65%}.ki-proposal{background:linear-gradient(140deg, var(--ki-glass), transparent);flex-direction:column;justify-content:center;gap:14px;height:100%;padding:22px 18px;display:flex}.ki-proposal b{padding:0 2px;font-size:15px;font-weight:600}.ki-proposal ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ki-proposal button{text-align:left;width:100%;height:40px;color:var(--ki-ink);border:1px solid var(--ki-edge);background:var(--ki-glass);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.ki-proposal button:hover{border-color:var(--ki-muted)}.ki-proposal button i{border:1.5px solid var(--ki-muted);border-radius:50%;flex-shrink:0;width:14px;height:14px}.ki-proposal [aria-pressed=true]{border-color:var(--ki-muted);background:color-mix(in srgb, var(--ki-ink) 14%, transparent)}.ki-proposal [aria-pressed=true] i{border-color:var(--ki-ink);background:var(--ki-ink);box-shadow:inset 0 0 0 3px var(--ki-base)}.ki-merge{background:linear-gradient(140deg, var(--ki-glass), transparent);flex-direction:column;justify-content:center;height:100%;padding:24px 20px;display:flex}.ki-merge>span{color:var(--ki-muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.ki-merge>span svg{width:14px;height:14px}.ki-merge>b{letter-spacing:-.4px;margin-top:8px;font-size:24px;font-weight:400;line-height:1.2}.ki-merge>div{gap:8px;margin-top:24px;display:flex}.ki-merge>div span{border:1px solid var(--ki-edge);background:var(--ki-glass);border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;display:flex}.ki-merge>div svg{stroke-width:2px;width:13px;height:13px}.ki-end{text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.6s both ki-enter;display:flex;position:absolute;inset:90px 20px 80px}.ki-end>.ks-icon{width:112px;height:112px;margin-bottom:24px}.ki-end h3{letter-spacing:-1px;margin:0;font-size:29px;font-weight:400}.ki-outside{pointer-events:none;z-index:5;--ki-dir:1;width:66px;height:140px;position:absolute;top:45%}.ki-outside-right{left:calc(100% + 10px)}.ki-outside-left{--ki-dir:-1;right:calc(100% + 10px)}.ki-waves{position:absolute;inset:0}.ki-outside-right>.ki-waves{clip-path:inset(-100% -100% -100% 0)}.ki-outside-left>.ki-waves{clip-path:inset(-100% 0 -100% -100%)}.ki-waves>i{border:1px solid var(--ki-muted);opacity:0;border-radius:50%;width:70px;height:130px;animation:1.3s ease-out both ki-wave;position:absolute;top:5px}.ki-outside-right>.ki-waves>i{left:-35px}.ki-outside-left>.ki-waves>i{right:-35px}.ki-waves>i:nth-child(2){animation-delay:.11s}.ki-waves>i:nth-child(3){animation-delay:.22s}.ki-outside>div{border:1px solid var(--ki-edge);background:linear-gradient(140deg, var(--ki-edge), var(--ki-glass));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;place-items:center;width:48px;height:48px;animation:1.65s ease-out both ki-feedback;display:grid;position:absolute;top:46px}.ki-outside-right>div{left:8px}.ki-outside-left>div{right:8px}.ki-outside svg{stroke-width:1.6px;width:24px;height:24px}.ki-leaving-right{--ki-dir:1;--ki-lift:-95px;animation:.62s cubic-bezier(.3,.6,.3,1) both ki-exit}.ki-leaving-left{--ki-dir:-1;--ki-lift:90px;animation:.62s cubic-bezier(.3,.6,.3,1) both ki-exit}.ki-glint{background:linear-gradient(90deg, transparent, var(--ki-glass) 35%, var(--ki-edge) 50%, var(--ki-glass) 65%, transparent);pointer-events:none;width:75%;animation:.65s ease-out both ki-glint;position:absolute;inset:-40% 0}.ki-pause{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ki-pause:focus-visible{clip-path:none;z-index:10;background:var(--ki-base);width:auto;height:auto;color:var(--ki-ink);padding:6px 12px;bottom:0}@keyframes ki-exit{0%{transform:translateX(var(--ki-drag,0px)) rotate(var(--ki-rotation,0deg));opacity:1}45%{transform:translate(calc(170px * var(--ki-dir)), 0) rotate(calc(14deg * var(--ki-dir)));opacity:.92}to{transform:translate(calc(490px * var(--ki-dir)), var(--ki-lift)) rotate(calc(27deg * var(--ki-dir))) scale(.94);opacity:0}}@keyframes ki-enter{0%{opacity:.5;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}@keyframes ki-glint{0%{opacity:0;transform:translate(-180%)rotate(-20deg)}25%{opacity:.6}to{opacity:0;transform:translate(220%)rotate(-20deg)}}@keyframes ki-wave{0%{opacity:0;transform:scale(.45)}20%{opacity:.5}to{opacity:0;transform:scale(1.5)}}@keyframes ki-feedback{0%{transform:translateX(calc(-8px * var(--ki-dir))) scale(.6);opacity:0}25%,70%{transform:translateX(calc(4px * var(--ki-dir))) scale(1);opacity:1}to{transform:translateX(calc(8px * var(--ki-dir))) scale(.94);opacity:0}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ki-card{background:var(--muted)}}@media (prefers-reduced-transparency:reduce){.ki-card,.ki-back{background:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.ki-stage *{animation:none!important}.ki-outside,.ki-glint{display:none}}
.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}}