.site{isolation:isolate;position:relative}.site:after{content:"";z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.4s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}.page{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.kicker{color:var(--muted);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-size:12.5px;font-weight:500;display:flex}:lang(zh-CN) .kicker{letter-spacing:.06em;text-transform:none;font-size:14px}.kicker i{background:linear-gradient(90deg, var(--neon), var(--neon-2));width:28px;height:1px}.section-head{max-width:820px;margin-bottom:clamp(40px,5vw,64px)}.section-head h2,.scene-head h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,min(4.6vw,7.5vh),60px);font-weight:550;line-height:1.02}:lang(zh-CN) .section-head h2,:lang(zh-CN) .scene-head h2{letter-spacing:.01em;font-size:clamp(26px,min(3.4vw,5.6vh),44px);font-weight:500;line-height:1.35}h3{letter-spacing:-.02em;margin:0;font-weight:600}code,pre{font-family:var(--font-mono)}.btn{height:48px;font:600 15px/1 var(--font-sans);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)scale(.99)}.btn-neon{background:var(--ink);color:#05060a;box-shadow:0 0 0 1px #fff3, 0 8px 30px -8px var(--neon-glow)}.btn-neon:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg, var(--neon), var(--neon-2));filter:blur(14px);opacity:0;transition:opacity .25s;position:absolute;inset:-1px}.btn-neon:hover:before{opacity:.75}.btn-ghost{border-color:var(--line-2);color:var(--ink);background:#ffffff08}.btn-ghost:hover{background:#ffffff12;border-color:#ffffff4d}.btn-xl{height:56px;padding:0 26px;font-size:16px}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;flex:none;width:18px;height:18px}.icon-github{fill:currentColor;flex:none;width:18px;height:18px}.icon-star{fill:currentColor;width:14px;height:14px}.star-button{align-items:stretch;text-decoration:none;display:inline-flex;overflow:hidden}.star-button-label,.star-button-count{align-items:center;gap:8px;display:inline-flex}.star-button-count{font-variant-numeric:tabular-nums;gap:4px}.btn.star-button{gap:12px}.btn.star-button .star-button-count{border-left:1px solid color-mix(in oklab, currentColor 30%, transparent);padding-left:12px}.mark{flex:none;display:inline-block;position:relative}.mark img{width:100%;height:100%;position:absolute;inset:0}.mark-on-light{display:none}.site-header{z-index:60;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #0000;transition:background-color .25s,border-color .25s;position:fixed;inset:0 0 auto}.site-header[data-scrolled=true]{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);background:#07080b9e}.site-header-inner{max-width:calc(var(--page) + 2 * var(--gutter));height:68px;padding-inline:var(--gutter);align-items:center;gap:20px;margin-inline:auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-word{letter-spacing:-.045em;font-size:22px;font-weight:700;line-height:1}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-chip{white-space:nowrap;border:1px solid var(--line-2);min-width:52px;height:36px;color:var(--ink-2);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.header-chip:hover{color:var(--ink);border-color:#ffffff47}.header-star{border:1px solid var(--line-2);height:36px;color:var(--ink);font:500 13px/1 var(--font-sans);border-radius:999px}.header-star:hover{border-color:#ffffff47}.header-star .star-button-label{padding:0 12px}.header-star .star-button-count{border-left:1px solid var(--line-2);background:#ffffff0a;padding:0 12px}.header-star .icon-github{width:16px;height:16px}.header-download{height:36px;padding:0 16px;font-size:13.5px}.header-download .icon{width:16px;height:16px}.site-account{position:relative}.site-account-trigger{border:1px solid var(--line-2);max-width:220px;height:36px;color:var(--ink-2);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.site-account-trigger:hover,.site-account-trigger[aria-expanded=true]{color:var(--ink);border-color:#ffffff47}.site-account-icon,.site-account-chevron,.site-account-sign-out svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:15px;height:15px}.site-account-avatar{width:22px;height:22px;color:var(--neon);background:#22e4ff29;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.site-account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site-account-menu{border:1px solid var(--line-2);background:var(--surface);border-radius:14px;width:272px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #00000080}.site-account-menu-label{color:var(--muted);font-size:12px}.site-account-menu-email{overflow-wrap:anywhere;margin-top:4px;font-size:14px}.site-account-sign-out{border:1px solid var(--line-2);height:36px;color:var(--ink);font:500 13.5px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:0 10px;display:inline-flex}.site-account-sign-out:disabled{opacity:.6}.site-account-message:not(:empty){color:#ff8a8a;margin-top:10px;font-size:13px}.hero-scene{--intro:3.7s;height:130svh;position:relative}.hero-stage{height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden}.hero-bg{opacity:calc(.55 - var(--leave,0) * .55);animation:1.6s 2.6s both fade;position:absolute;inset:0}.hero-bg i{background:url(/art/hero-field.webp) 100%/auto 108% no-repeat;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 48%,#000 88%);mask:linear-gradient(90deg,#0000 48%,#000 88%)}.hero-bg i:first-child{opacity:.8;transform:scaleX(-1)}.hero-print{aspect-ratio:1/1.08;width:min(88vh,860px);transform:translate(-50%, -50%) scale(calc(1 + var(--leave,0) * 1.8));opacity:calc(.62 - var(--leave,0) * .55);position:absolute;top:40%;left:50%}.hero-print canvas{width:100%;height:100%;animation:1.6s cubic-bezier(.2,.8,.2,1) 2.5s both bloom}.hero-vignette{pointer-events:none;background:radial-gradient(ellipse 34% 30% at 50% 40%, #07080b1a, transparent 70%), radial-gradient(ellipse 80% 70% at 50% 45%, transparent 35%, var(--bg) 92%), linear-gradient(180deg, transparent 55%, #07080bd9 82%, var(--bg));position:absolute;inset:0}.hero-center{z-index:2;height:100%;padding:88px var(--gutter) 40px;text-align:center;opacity:calc(1 - var(--leave,0) * 1.6);transform:translateY(calc(var(--leave,0) * -80px));filter:blur(calc(var(--leave,0) * 8px));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.lockup{--lock-dy:16vh;--lock-scale:2.6;transform-origin:50%;align-items:center;margin-bottom:clamp(22px,3.4vh,40px);animation:3.6s both title-move;display:flex;position:relative}@keyframes title-move{0%{transform:translateY(var(--lock-dy)) scale(calc(var(--lock-scale) * 1.04));animation-timing-function:cubic-bezier(.3,.5,.3,1)}75%{transform:translateY(var(--lock-dy)) scale(var(--lock-scale));animation-timing-function:cubic-bezier(.75,0,.2,1)}to{transform:none}}.lockup-reveal{clip-path:inset(-60% -40%);align-items:center;gap:clamp(12px,1.3vw,20px);animation:.85s cubic-bezier(.7,0,.2,1) .45s both aperture;display:flex}@keyframes aperture{0%{clip-path:inset(50% -40%)}to{clip-path:inset(-60% -40%)}}.lockup-scan{pointer-events:none;position:absolute;inset:-60% -12%}.lockup-scan:before,.lockup-scan:after{content:"";background:linear-gradient(90deg, transparent, var(--neon) 22%, #e8fbff 50%, var(--neon-2) 78%, transparent);height:1px;position:absolute;left:0;right:0;box-shadow:0 0 10px #22e4ff8c}.lockup-scan:before{animation:.55s cubic-bezier(.2,.8,.2,1) both scan-draw,.85s cubic-bezier(.7,0,.2,1) .45s both scan-up,.5s ease-in 1.25s forwards scan-out;top:50%}.lockup-scan:after{animation:.55s cubic-bezier(.2,.8,.2,1) both scan-draw,.85s cubic-bezier(.7,0,.2,1) .45s both scan-down,.5s ease-in 1.25s forwards scan-out;top:50%}@keyframes scan-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes scan-up{0%{top:50%}to{top:0}}@keyframes scan-down{0%{top:50%}to{top:100%}}@keyframes scan-out{to{opacity:0;transform:scaleX(1.15)}}.lockup-glow{z-index:-1;aspect-ratio:3;filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#22e4ff4d,#9b7bff24 45%,#0000 75%);border-radius:50%;width:140%;animation:3.6s ease-out both glow-rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glow-rise{0%,14%{opacity:0;transform:translate(-50%,-50%)scaleY(.2)}40%{opacity:.85;transform:translate(-50%,-50%)scaleY(1)}to{opacity:.22;transform:translate(-50%,-50%)scale(.92)}}.lockup-mark{filter:drop-shadow(0 0 16px #22e4ff73);place-items:center;width:clamp(40px,min(4.6vw,7vh),64px);height:clamp(40px,min(4.6vw,7vh),64px);animation:.9s cubic-bezier(.2,.8,.2,1) .95s both mark-turn;display:grid;position:relative}.lockup-mark .mark{width:100%!important;height:100%!important}.lockup-mark:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffffe6 50%,#22e4ffa6 55%,#0000 66%) 160% 0/300% 100% no-repeat;animation:.8s cubic-bezier(.5,0,.3,1) 1.85s both mark-sheen;position:absolute;inset:0;-webkit-mask:url(/piskie-mark-on-dark.png) 50%/contain no-repeat;mask:url(/piskie-mark-on-dark.png) 50%/contain no-repeat}@keyframes mark-turn{0%{opacity:0;filter:brightness(2.6)blur(4px);transform:perspective(320px)rotateY(-96deg)scale(1.15)}55%{opacity:1;filter:brightness(1.7) drop-shadow(0 0 26px var(--neon));transform:perspective(320px)rotateY(14deg)scale(1)}80%{transform:perspective(320px)rotateY(-4deg)}to{filter:drop-shadow(0 0 16px #22e4ff73);transform:none}}@keyframes mark-sheen{0%{background-position:160% 0}to{background-position:-60% 0}}.wordmark{height:clamp(44px,min(5.4vw,8.4vh),76px);overflow:visible}.wordmark .letter{transform-box:fill-box;transform-origin:50% 60%;filter:drop-shadow(0 0 12px #22e4ff40);animation:letter-decode .85s calc(.55s + var(--ad) * 80ms) cubic-bezier(.16, .9, .24, 1) both, letter-lit .55s calc(1.98s + (var(--d) + 2.5) * 90ms) ease-out forwards}@keyframes letter-decode{0%{opacity:0;transform:translateX(calc(var(--d) * 38%)) scaleX(1.25);filter:blur(10px)brightness(2)}45%{opacity:1;filter:blur(1.5px) brightness(1.7) drop-shadow(0 0 22px var(--neon))}to{opacity:1;filter:drop-shadow(0 0 12px #22e4ff40);transform:none}}@keyframes letter-lit{0%{filter:drop-shadow(0 0 12px #22e4ff40)}35%{filter:brightness(1.35) drop-shadow(0 0 20px var(--neon))}to{filter:drop-shadow(0 0 12px #22e4ff40)}}.wordmark-split path{transform-box:fill-box;opacity:0;mix-blend-mode:screen}.wordmark-split-c path{fill:var(--neon);animation:split-c 1.05s calc(.6s + (var(--d) * var(--d)) * 20ms) cubic-bezier(.2, .8, .2, 1) both}.wordmark-split-v path{fill:var(--neon-2);animation:split-v 1.05s calc(.6s + (var(--d) * var(--d)) * 20ms) cubic-bezier(.2, .8, .2, 1) both}@keyframes split-c{0%{opacity:0;transform:translateX(calc(var(--d) * 38% - 14%))}25%{opacity:.9}to{opacity:0;transform:translate(0)}}@keyframes split-v{0%{opacity:0;transform:translateX(calc(var(--d) * 38% + 14%))}25%{opacity:.85}to{opacity:0;transform:translate(0)}}.wordmark-sheen{mix-blend-mode:screen;animation:.9s cubic-bezier(.45,0,.35,1) 1.9s both sheen}@keyframes sheen{0%{transform:translate(0)}to{transform:translate(3700px)}}.lockup-frame{pointer-events:none;opacity:0;animation:.42s cubic-bezier(.2,.9,.3,1.2) 1.55s both frame-lock,.5s ease-in 2.35s forwards frame-release;position:absolute;inset:-26% -6%}.lockup-frame i{aspect-ratio:1.6;filter:drop-shadow(0 0 4px #22e4ffb3);border:0 solid #bef0ffd9;width:9%;position:absolute}.lockup-frame i:first-child{border-width:1px 0 0 1px;top:0;left:0}.lockup-frame i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.lockup-frame i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.lockup-frame i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}@keyframes frame-lock{0%{opacity:0;transform:scale(1.35)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes frame-release{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes turn{0%{opacity:0;transform:rotate(-140deg)scale(.5)}}@keyframes bloom{0%{opacity:0;filter:blur(6px);transform:scale(.35)}}@keyframes fade{0%{opacity:0}}.hero-kicker{animation:rise .9s calc(var(--intro) - .2s) cubic-bezier(.2, .8, .2, 1) both;justify-content:center}.hero-kicker i:last-child{background:linear-gradient(90deg, var(--neon-2), var(--neon))}.hero-title{letter-spacing:-.05em;margin:0;font-size:clamp(32px,min(5.6vw,8.6vh),84px);font-weight:500;line-height:1.04}:lang(zh-CN) .hero-title{letter-spacing:0;font-size:clamp(28px,min(4.4vw,7vh),64px);font-weight:600;line-height:1.22}.hero-line{text-wrap:balance;animation:rise 1s calc(var(--intro) + var(--i) * .12s) cubic-bezier(.2, .8, .2, 1) both;display:block}.hero-line+.hero-line{color:#eceef39e}.hero-title em{font-family:var(--font-serif);letter-spacing:-.02em;background:linear-gradient(100deg, var(--neon) 0%, var(--neon-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-size:1.12em;font-style:italic;font-weight:400}:lang(zh-CN) .hero-title em{font-family:var(--font-sans);letter-spacing:0;font-size:1em;font-style:normal;font-weight:600}.hero-sub{text-wrap:balance;color:#b4bac7d9;letter-spacing:.01em;max-width:46ch;animation:rise 1s calc(var(--intro) + .3s) cubic-bezier(.2, .8, .2, 1) both;margin:26px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.75}.hero-actions{animation:rise 1s calc(var(--intro) + .4s) cubic-bezier(.2, .8, .2, 1) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.scroll-cue{z-index:2;color:var(--muted);font-family:var(--font-label);opacity:calc(1 - var(--leave,0) * 3);animation:rise 1s calc(var(--intro) + .6s) cubic-bezier(.2, .8, .2, 1) both;justify-items:center;gap:10px;font-size:12px;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--neon), transparent);transform-origin:top;width:1px;height:36px;animation:1.8s ease-in-out infinite cue}@keyframes cue{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.readout{right:var(--gutter);z-index:2;border-top:1px solid var(--line-2);width:240px;font-family:var(--font-mono);opacity:calc(1 - var(--leave,0) * 2);animation:rise 1s calc(var(--intro) + .7s) cubic-bezier(.2, .8, .2, 1) both;margin:0;padding-top:10px;font-size:11.5px;position:absolute;bottom:28px}.readout div{justify-content:space-between;padding:2px 0;display:flex}.readout dt{color:var(--muted);text-transform:uppercase}.readout dd{color:var(--ink);margin:0}.readout-flash{animation:.9s ease-out flash}.readout .readout-ok{color:var(--good)}.hero-meta{bottom:28px;left:var(--gutter);z-index:2;color:var(--muted);font-family:var(--font-label);opacity:calc(1 - var(--leave,0) * 2);animation:rise 1s calc(var(--intro) + .7s) cubic-bezier(.2, .8, .2, 1) both;margin:0;font-size:12px;position:absolute}@keyframes flash{0%{color:var(--neon);text-shadow:0 0 14px var(--neon)}}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(24px)}}.site:has(.hero-scene[data-intro=play]) .site-header{animation:.8s 3.5s both fade}:is(.hero-scene[data-intro=skip] *,.site:has(.hero-scene[data-intro=skip]) .site-header){animation-duration:0s!important;animation-delay:0s!important}.story{height:950svh;position:relative}.story-stage{background:linear-gradient(#ffffff09 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 56px 56px, url(/art/story-horizon.webp) center 70% / cover no-repeat, var(--bg);height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden}.story-stage:before{content:"";background:radial-gradient(ellipse 70% 60% at 60% 50%, transparent 20%, var(--bg) 80%);pointer-events:none;position:absolute;inset:0}.story-glow{filter:blur(40px);width:70vw;height:60vh;opacity:calc(.4 + var(--enter,0) * .6);background:radial-gradient(closest-side,#22e4ff29,#9b7bff14 50%,#0000);border-radius:50%;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}.story-captions{z-index:5;top:calc(50% + 20px);left:var(--gutter);width:min(360px,28vw);height:300px;margin:0;padding:0;list-style:none;position:absolute;transform:translateY(-50%)}.caption{opacity:clamp(0, calc(var(--show) * 4), 1);position:absolute;inset:0 0 auto}.caption h2{padding-bottom:14px;position:relative}.caption h2:after{content:"";background:linear-gradient(90deg, var(--neon), var(--neon-2));width:64px;height:2px;transform:scaleX(clamp(0, calc(var(--show) * 2.2 - .9), 1));transform-origin:0;position:absolute;bottom:0;left:0;box-shadow:0 0 12px #22e4ff99}.caption .ch{--t:clamp(0, calc(var(--show) * 2.6 - var(--k) * .06), 1);clip-path:inset(calc((1 - var(--t)) * 100%) -10% -15% -10%);transform:translateY(calc((1 - var(--t)) * .9em));color:color-mix(in oklab, var(--neon) calc((1 - var(--t)) * 140%), var(--ink));text-shadow:0 0 calc((1 - var(--t)) * 22px) #22e4ffb3}.caption p{--t:clamp(0, calc(var(--show) * 2.2 - .7), 1);clip-path:inset(-10% calc((1 - var(--t)) * 100%) -10% 0);opacity:calc(.3 + var(--t) * .7)}.caption-n{color:var(--neon);font-family:var(--font-mono);align-items:center;gap:10px;font-size:13px;display:flex}.caption-n i{width:24px;height:1px;transform:scaleX(clamp(0, calc(var(--show) * 1.6), 1));transform-origin:0;background:currentColor}:lang(zh-CN) .caption-n{font-family:var(--font-sans)}.caption h2{text-wrap:balance;letter-spacing:-.04em;margin:18px 0 0;font-size:clamp(28px,2.8vw,42px);font-weight:550;line-height:1.08}:lang(zh-CN) .caption h2{letter-spacing:.01em;font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.35}.caption p{color:var(--ink-2);margin:16px 0 0;font-size:16px;line-height:1.7}.story-world{top:88px;right:var(--gutter);bottom:110px;left:calc(var(--gutter) + min(360px, 28vw) + 48px);position:absolute;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 48px calc(100% - 24px),#0000);mask:linear-gradient(90deg,#0000,#000 48px calc(100% - 24px),#0000)}.cam{width:1200px;height:740px;transform:translate(calc(-50% + var(--cam-x,0px)), calc(-50% + var(--cam-y,0px))) scale(var(--cam-scale,.6));transform-origin:50%;opacity:calc((.2 + var(--enter,1) * .8) * (1 - var(--pull,0) * .96));filter:blur(calc(var(--pull,0) * 5px));will-change:transform;position:absolute;top:50%;left:50%}.clip{width:100%;height:100%;clip-path:inset(var(--clip-t,604px) var(--clip-r,28px) var(--clip-b,22px) var(--clip-l,258px) round 20px)}.app{--a-bg:#0a0a0c;--a-surface:#131317;--a-raised:#1c1c22;--a-line:#24242b;--a-primary:#6f8dff;--a-text:#ededf2;--a-muted:#8a8a94;--a-good:#3ecf8e;background:var(--a-bg);width:1200px;height:740px;color:var(--a-text);font:13px/1.45 var(--font-sans);border:1px solid #2b2b32;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 120px -20px #000c,inset 0 0 0 1px #ffffff0a}.app svg{flex:none}.app-sky,.app-side,.app-rail{opacity:var(--chrome,0)}.app-sky{border-bottom:1px solid var(--a-line);height:44px;color:var(--a-muted);flex:none;align-items:center;gap:16px;padding:0 16px;font-size:12px;display:flex}.app-brand{color:var(--a-text);letter-spacing:-.04em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.app-logo{background:url(/piskie-mark-on-dark.png) 50%/contain no-repeat;border-radius:50%;width:18px;height:18px}.app-cast{background:var(--a-surface);color:var(--a-text);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.app-cast i,.dot-run{background:var(--a-good);width:7px;height:7px;box-shadow:0 0 8px var(--a-good);border-radius:50%}.app-cast small{color:var(--a-muted)}.app-spring,.cmp-spring{flex:1}.app-body{flex:1;min-height:0;display:flex}.app-side{border-right:1px solid var(--a-line);flex-direction:column;flex:none;gap:16px;width:230px;padding:14px 10px;font-size:12.5px;display:flex}.app-search{background:var(--a-surface);height:32px;color:var(--a-muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.app-search svg:last-child{margin-left:auto}.app-group{gap:2px;display:grid}.app-group-head{color:var(--a-muted);align-items:center;gap:6px;padding:4px 6px;font-size:11.5px;display:flex}.app-session{color:#c4c4cc;border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 8px 0 20px;display:flex}.app-session i{border-radius:50%;width:7px;height:7px}.app-session.is-on{background:var(--a-raised);color:var(--a-text)}.dot-think{background:var(--a-primary);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.app-center{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;container-type:inline-size}.app-rail{border-bottom:1px solid var(--a-line);flex:none;align-items:end;height:38px;padding:0 16px;display:flex}.app-tab{border:1px solid var(--a-line);background:var(--a-surface);border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:7px;height:30px;padding:0 12px;font-size:12px;display:inline-flex}.app-thread{min-height:0;opacity:var(--chrome,0);flex-direction:column;flex:1;gap:9px;padding:22px 34px 12px;display:flex;overflow:hidden}.t-user{background:var(--a-raised);border-radius:14px 14px 4px;align-self:flex-end;max-width:70%;padding:10px 14px}.t-row{color:#c4c4cc;align-items:center;gap:9px;display:flex}.t-row em{color:var(--a-muted);font-style:normal;font-family:var(--font-mono);margin-left:auto;font-size:12px}.t-row .t-diff,.t-row .t-ok{color:var(--a-good)}.t-think{color:var(--a-primary);background:#6f8dff24;border-radius:6px;padding:1px 7px;font-size:11px}.t-msg{max-width:88%;color:var(--a-text);margin:4px 0}.t-skill{background:linear-gradient(90deg,#22e4ff1a,#9b7bff14);border:1px solid #22e4ff66;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 0 30px -6px #22e4ff66}.t-skill-icon{width:26px;height:26px;color:var(--neon);background:#22e4ff29;border-radius:8px;place-items:center;display:grid}.t-skill code{color:var(--neon);margin-left:auto;font-size:12.5px}.t1{opacity:var(--t1,0);transform:translateY(calc((1 - var(--t1,0)) * 8px))}.t2{opacity:var(--t2,0);transform:translateY(calc((1 - var(--t2,0)) * 8px))}.t3{opacity:var(--t3,0);transform:translateY(calc((1 - var(--t3,0)) * 8px))}.t4{opacity:var(--t4,0);transform:translateY(calc((1 - var(--t4,0)) * 8px))}.t5{opacity:var(--t5,0);transform:translateY(calc((1 - var(--t5,0)) * 8px))}.t6{opacity:var(--t6,0);transform:translateY(calc((1 - var(--t6,0)) * 8px))}.t7{opacity:var(--t7,0);transform:scale(calc(.94 + var(--t7,0) * .06))}.app-composer{flex:none;padding:0 28px 22px}.cmp{background:var(--a-surface);border:1px solid #2b2b32;border-radius:20px;flex-direction:column;justify-content:space-between;height:114px;padding:16px 16px 12px 18px;display:flex;position:relative}.cmp:before{content:"";z-index:-1;background:conic-gradient(from var(--beam-angle), transparent 0deg, var(--neon) 40deg, var(--neon-2) 80deg, transparent 120deg);opacity:calc(1 - var(--unfold,0));border-radius:21px;animation:4s linear infinite beam;position:absolute;inset:-1px}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes beam{to{--beam-angle:360deg}}.cmp-input{font-size:15px;line-height:1.5}.cmp-caret{vertical-align:-3px;background:var(--neon);width:2px;height:18px;opacity:calc(1 - var(--caret,0));margin-left:2px;animation:1s steps(2,end) infinite caret;display:inline-block}@keyframes caret{50%{visibility:hidden}}.cmp-bar{align-items:center;gap:6px;display:flex}.cmp-pill{white-space:nowrap;background:var(--a-raised);color:#c4c4cc;border-radius:999px;flex:none;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.cmp-model small{color:var(--a-muted)}.cmp-env{min-width:128px;position:relative}.cmp-env-empty{opacity:calc(1 - var(--tag,0))}.cmp-env-tag{color:var(--neon);opacity:var(--tag,0);transform:scale(calc(.8 + var(--tag,0) * .2));background:#22e4ff29;border-radius:999px;padding:2px 8px;position:absolute;left:30px}.cmp-send{background:var(--ink);color:#05060a;width:34px;height:34px;transform:scale(calc(1 - var(--send,0) * .12));box-shadow:0 0 calc(var(--send,0) * 24px) var(--neon);border-radius:50%;place-items:center;display:grid}@container (width<=640px){.cmp-pill:not(.cmp-model,.cmp-env){display:none}.cmp-input{font-size:13.5px}}.app-panel{width:var(--panel-w,0px);border-left:1px solid var(--a-line);background:#0d0d10;flex-direction:column;flex:none;display:flex;overflow:hidden}.bp-bar{border-bottom:1px solid var(--a-line);flex:none;align-items:center;gap:10px;width:540px;height:40px;padding:0 12px;font-size:11.5px;display:flex}.bp-live{color:#ff6b7d;letter-spacing:.04em;text-transform:uppercase;opacity:var(--live,0);background:#ff465a29;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-weight:600;display:inline-flex}.bp-live i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.bp-address{background:var(--a-surface);height:26px;color:var(--a-muted);border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.bp-env{color:var(--neon)}.bp-view{color:#1b1f2a;width:540px;opacity:var(--page,0);background:#f5f6f8;flex:1;display:flex}.bp-nav{background:#fff;border-right:1px solid #e3e6ec;flex-direction:column;flex:none;gap:2px;width:120px;padding:12px 8px;font-size:11.5px;display:flex}.bp-nav span{color:#5b6475;border-radius:6px;padding:6px 8px}.bp-nav .is-on{color:#3a4ed6;background:#eef2ff;font-weight:600}.bp-nav .bp-store{color:#1b1f2a;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.bp-store i{color:#fff;background:#1b1f2a;border-radius:5px;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.bp-page{flex:1;padding:14px 16px;font-size:11.5px;position:relative}.bp-head{justify-content:space-between;align-items:center;display:flex}.bp-head b{font-size:16px}.bp-head small{color:#7a8394;margin-left:8px}.bp-export{color:#fff;background:#1b1f2a;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-weight:600;display:inline-flex}.bp-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.bp-metrics span{background:#fff;border:1px solid #e3e6ec;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.bp-metrics small{color:#7a8394}.bp-metrics b{font-size:15px}.bp-tabs{gap:6px;margin-top:12px;display:flex}.bp-tab{color:#5b6475;border-radius:6px;padding:4px 9px}.bp-tab.is-on{color:#fff;background:#1b1f2a}.bp-table{background:#fff;border:1px solid #e3e6ec;border-radius:8px;margin-top:8px}.bp-row{grid-template-columns:62px 1fr 64px 62px;align-items:center;gap:8px;padding:7px 10px;display:grid}.bp-row+.bp-row{border-top:1px solid #eef0f4}.bp-row em{text-align:right;font-style:normal}.bp-status{color:#1b8a5a;background:#eaf7f0;border-radius:999px;justify-self:start;padding:1px 7px;font-size:10.5px;font-style:normal}.bp-status.s0{color:#a86d12;background:#fff4e0}.bp-status.s3{color:#c43a48;background:#fdecee}.bp-toast{color:#fff;opacity:var(--toast,0);transform:translateY(calc((1 - var(--toast,0)) * 12px));background:#1b1f2a;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 14px 30px #00000040}.bp-toast span{color:#05060a;background:#3ecf8e;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.fan{z-index:4;width:0;height:0;position:absolute;top:6%;left:50%}.env-card{--tone-color:var(--neon);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:250px;opacity:calc(var(--fan,0) * (1 - var(--fanOut,0)));transform:translate(-50%, 0) translateX(calc(var(--i) * 270px * var(--fan,0))) translateY(calc((1 - var(--fan,0)) * 60px + var(--fanOut,0) * 34vh)) rotate(calc(var(--i) * 5deg * var(--fan,0) * (1 - var(--fanOut,0)))) scale(calc(1 - var(--fanOut,0) * .6));background:#10131ae0;border-radius:16px;gap:14px;padding:14px;display:flex;position:absolute;top:0;left:0;box-shadow:0 30px 60px -20px #000000b3}.env-card[data-tone=b]{--tone-color:var(--neon-2)}.env-card[data-tone=c]{--tone-color:#ff5ecf}.env-card[data-card="0"]{border-color:color-mix(in oklab, var(--neon) calc(var(--sel,0) * 100%), #ffffff24);box-shadow:0 0 calc(var(--sel,0) * 40px) -6px var(--neon), 0 30px 60px -20px #000000b3}.env-print{background:#07080b;border-radius:10px;flex:none;width:64px;height:72px;overflow:hidden}.env-print canvas{width:100%;height:100%}.env-info{align-content:center;gap:2px;min-width:0;display:grid}.env-info b{font-size:15px}.env-info small{color:var(--muted)}.env-status{color:var(--tone-color);align-items:center;gap:6px;font-size:12px;display:inline-flex}.env-status i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.env-info code{color:var(--muted);font-size:11px}.diff{z-index:4;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(440px,46%);box-shadow:0 30px 80px -20px #000c, 0 0 40px -12px var(--neon-glow);opacity:var(--diff,0);transform:translateY(calc((1 - var(--diff,0)) * 40px)) rotate(calc((1 - var(--diff,0)) * 3deg));background:#0c0e14eb;border-radius:14px;font-size:12px;position:absolute;bottom:6%;right:2%}.diff-head{border-bottom:1px solid var(--line);color:var(--ink-2);font-family:var(--font-mono);justify-content:space-between;padding:10px 14px;display:flex}.diff-head em{color:var(--good);font-style:normal}.diff pre{margin:0;padding:10px 0;display:grid;overflow:hidden}.diff code{color:var(--ink-2);white-space:pre;padding:2px 14px}.diff .d-add{color:#8ff0c2;background:#3ecf8e1a}.diff .d-del{color:#ff9aa6;background:#ff5a6e1a;-webkit-text-decoration:line-through #ff9aa666;text-decoration:line-through #ff9aa666}.diff-tests{border-top:1px solid var(--line);color:var(--ink-2);align-items:center;gap:10px;padding:10px 14px 12px;display:flex}.diff-tests i{background:#ffffff14;border-radius:999px;flex:1;height:6px;overflow:hidden}.diff-tests b{width:calc(var(--bar,0) * 100%);background:linear-gradient(90deg, var(--neon), var(--good));height:100%;box-shadow:0 0 12px var(--neon);display:block}.diff-tests em{color:var(--good);font-family:var(--font-mono);opacity:var(--t3,0);font-style:normal}.steplog{z-index:4;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(380px,44%);opacity:var(--logBox,0);transform:translateX(calc((1 - var(--logBox,0)) * -30px));background:#0a0c11e6;border-radius:14px;gap:2px;padding:14px 16px;display:grid;position:absolute;bottom:6%;left:5%;box-shadow:0 30px 80px -20px #000c}.steplog-head{color:#ff6b7d;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.steplog-head i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse}.steplog code{color:var(--ink-2);white-space:pre;opacity:var(--on,0);transform:translateX(calc((1 - var(--on,0)) * -10px));gap:12px;font-size:12px;line-height:1.9;display:flex}.steplog code small{color:var(--muted)}.fn{z-index:6;padding:92px var(--gutter) 116px;pointer-events:none;text-align:center;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.fn-title{letter-spacing:-.055em;margin:0;font-size:clamp(34px,min(6.4vw,9.5vh),100px);font-weight:550;line-height:.98;display:grid}:lang(zh-CN) .fn-title{letter-spacing:.02em;font-size:clamp(30px,min(5vw,7.6vh),72px);font-weight:600;line-height:1.25}.fn-title .ch{--t:clamp(0, calc(var(--fnTitle,0) * 2 - var(--k) * .08), 1);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * .6em)) scale(calc(1.3 - var(--t) * .3));filter:blur(calc((1 - var(--t)) * 12px))}.fn-title>span:last-child .ch{background:linear-gradient(100deg, var(--neon), var(--neon-2));color:#0000;-webkit-background-clip:text;background-clip:text}.fn-stack{width:min(560px,90vw);height:clamp(120px,22vh,210px);position:relative}.fn-stack code,.fn-call{position:absolute;top:50%;left:50%}.fn-stack code{color:var(--ink-2);white-space:pre;opacity:calc(var(--fnTitle,0) * (1 - var(--collapse,0)) * .8);transform:translate(-50%, -50%) translateY(calc((var(--k) - 3.5) * 24px * (1 - var(--collapse,0)))) scale(calc(1 - var(--collapse,0) * .5));font-size:13px}.fn-call{opacity:var(--call,0);transform:translate(-50%, -50%) scale(calc(.7 + var(--call,0) * .3));justify-items:center;gap:8px;display:grid}.fn-call code{color:var(--ink);white-space:nowrap;box-shadow:0 0 60px -10px var(--neon), 0 0 0 1px #22e4ff33 inset;background:#22e4ff14;border:1px solid #22e4ff80;border-radius:14px;padding:14px 22px;font-size:clamp(14px,1.6vw,20px)}.fn-call span{color:var(--muted);font-family:var(--font-mono);font-size:13px}.fn-stats{opacity:var(--stats,0);transform:translateY(calc((1 - var(--stats,0)) * 20px));gap:clamp(28px,6vw,80px);margin-top:0;display:flex}.fn-stats div{gap:4px;display:grid}.fn-stats b{font-family:var(--font-mono);letter-spacing:-.04em;justify-content:center;align-items:baseline;gap:14px;font-size:clamp(26px,min(4.4vw,6vh),60px);font-weight:500;display:flex}.fn-stats s{color:var(--muted);font-size:.45em;text-decoration-color:#ff6b7d}.fn-stats span{color:var(--neon);text-shadow:0 0 24px var(--neon-glow)}.fn-stats small{color:var(--muted);font-size:13px}.cursor{z-index:8;pointer-events:none;width:28px;height:34px;opacity:var(--cur-on,0);transform:translate(calc(var(--cur-x,0px) - 4px), calc(var(--cur-y,0px) - 3px));position:absolute;top:0;left:0}.cursor-arrow{fill:url(#agent-cursor);stroke:#22e4ffe6;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 0 8px #22e4ffb3)drop-shadow(0 6px 10px #0000008c);width:22px;height:27px;transform:scale(calc(1 - var(--click,0) * .14));transform-origin:3px 3px}.cursor-badge{background:#0b0d12 url(/piskie-mark-on-dark.png) 50%/12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:21px;left:17px;box-shadow:0 0 0 1px #22e4ffb3,0 0 12px #22e4ff8c}.cursor-badge:after{content:"";border:1px solid #22e4ff80;border-radius:50%;animation:1.8s ease-in-out infinite badge-breathe;position:absolute;inset:-4px}@keyframes badge-breathe{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.8;transform:scale(1.15)}}.cursor-ring{border:1.5px solid var(--neon);width:36px;height:36px;opacity:var(--click,0);transform:scale(calc(.3 + var(--click,0) * 1));border-radius:50%;position:absolute;top:-15px;left:-15px;box-shadow:0 0 12px #22e4ff99}.cursor-ring-2{border-color:var(--neon-2);opacity:calc(var(--click,0) * .6);transform:scale(calc(.3 + var(--click,0) * 1.6))}.rail{z-index:10;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0e14b8;border-radius:999px;align-items:center;gap:14px;padding:6px 8px 6px 6px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.rail-play{white-space:nowrap;background:var(--ink);color:#05060a;height:34px;font:600 13px/1 var(--font-sans);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.rail-play svg{fill:currentColor;width:16px;height:16px}.rail[data-playing=true]{box-shadow:0 0 30px -8px var(--neon-glow);border-color:#22e4ff59}.rail-skip{border:1px solid var(--line-2);height:34px;color:var(--ink-2);font:500 13px/1 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.rail-skip:hover{color:var(--ink);border-color:#ffffff4d}.rail-skip svg{fill:currentColor;width:14px;height:14px}.autoplay-notice{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;background:#0a0c11b3;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12.5px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.autoplay-notice[data-show=true]{animation:2.4s both notice}@keyframes notice{0%{opacity:0;transform:translate(-50%,4px)}12%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0}}.autoplay-dot{background:var(--neon);opacity:.8;border-radius:50%;width:6px;height:6px}.autoplay-keys{align-items:center;gap:5px;display:inline-flex}.autoplay-keys kbd{border:1px solid var(--line-2);min-width:20px;height:18px;color:var(--ink-2);font:500 11px/1 var(--font-mono);border-radius:4px;place-items:center;padding:0 5px;display:inline-grid}.rail ol{gap:4px;margin:0;padding:0;list-style:none;display:flex}.rail li button{width:92px;color:var(--muted);font:500 11.5px/1 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;gap:6px;padding:6px 4px;display:grid}.rail li button[aria-current=step]{color:var(--ink)}.rail li i{background:#ffffff1f;border-radius:2px;height:2px;position:relative;overflow:hidden}.rail li i:after{content:"";background:linear-gradient(90deg, var(--neon), var(--neon-2));transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.pin{height:240svh;position:relative}.pin-anywhere{height:220svh}.pin-stage{align-items:center;height:100svh;min-height:620px;padding-top:68px;display:flex;position:sticky;top:0;overflow:hidden}.scene-head{max-width:720px}.scene-text{color:var(--ink-2);margin:22px 0 0;font-size:17px;line-height:1.7}.pipe{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:28px;margin:clamp(48px,7vh,80px) 0 0;padding:0;list-style:none;display:grid;position:relative}.pipe-track{background:#ffffff1a;height:2px;position:absolute;top:24px;left:20px;right:60px}.pipe-track i{background:linear-gradient(90deg, var(--neon), var(--neon-2));box-shadow:0 0 16px var(--neon);transform:scaleX(var(--beam,0));transform-origin:0;position:absolute;inset:0}.pipe-node{opacity:calc(.28 + var(--on) * .72);position:relative}.pipe-dot{width:128px;height:128px;margin:-40px 0 4px -40px;display:block;position:relative}.pipe-dot img{width:100%;height:100%;filter:brightness(calc(.45 + var(--on) * .75)) saturate(calc(.4 + var(--on) * .8));transform:scale(calc(.88 + var(--on) * .12));-webkit-mask:radial-gradient(closest-side,#000 62%,#0000);mask:radial-gradient(closest-side,#000 62%,#0000)}.pipe-dot span{border:1px solid color-mix(in oklab, var(--neon) calc(var(--on) * 100%), #ffffff24);background:var(--bg);width:22px;height:22px;color:var(--ink-2);font:500 11px/1 var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:22px;right:20px}.pipe-node h3{font-size:24px}.pipe-node p{color:var(--ink-2);margin:10px 0 0;font-size:15px;line-height:1.65}.pipe-done{opacity:var(--done,0);transform:scale(calc(.8 + var(--done,0) * .2));align-content:start;justify-items:center;gap:12px;display:grid}.pipe-seal{width:128px;height:128px;margin-top:-40px;display:block}.pipe-seal img{width:100%;height:100%;-webkit-mask:radial-gradient(closest-side,#000 62%,#0000);mask:radial-gradient(closest-side,#000 62%,#0000)}.pipe-done code{color:var(--good);white-space:nowrap;font-size:12px}.pipe-note{max-width:70ch;color:var(--muted);opacity:var(--note,0);align-items:flex-start;gap:12px;margin:56px 0 0;font-size:15px;display:flex}.pipe-note svg{fill:none;width:20px;height:20px;stroke:var(--neon);stroke-width:1.8px;flex:none}.anywhere{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.chips{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:6px 14px;font-size:14px}.anywhere-visual{z-index:0;justify-content:center;gap:20px;display:flex;position:relative}.phone{border:1px solid var(--line-2);background:linear-gradient(160deg,#13161e,#0a0c11);border-radius:40px;width:300px;height:540px;padding:14px;box-shadow:0 40px 100px -20px #000c,inset 0 0 0 6px #05060a}.phone-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 12px 14px;display:flex}.phone-avatar{background:#eceef3 url(/piskie-mark-on-light.png) 50%/70% no-repeat;border-radius:50%;width:32px;height:32px}.phone-body{flex-direction:column;gap:10px;padding:16px 8px;display:flex}.bubble{max-width:86%;opacity:var(--on);transform:translateY(calc((1 - var(--on)) * 16px)) scale(calc(.9 + var(--on) * .1));transform-origin:0 100%;border-radius:16px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5}.bubble.me{background:linear-gradient(135deg, var(--neon), var(--neon-2));color:#05060a;transform-origin:100% 100%;border-bottom-right-radius:4px;align-self:flex-end}.bubble.bot{background:var(--surface-2);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start}.bubble.bot code{color:var(--neon);font-size:12px}.bubble.typing{max-height:calc(var(--on) * 40px);padding-block:calc(var(--on) * 12px);gap:4px;display:flex;overflow:hidden}.bubble.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite dots}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{opacity:.4;transform:translateY(-3px)}}.file{font-family:var(--font-mono);background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;font-size:12px;display:flex}.file i{background:var(--good);color:#05060a;border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal;font-weight:700}.sched{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10131acc;border-radius:18px;align-self:flex-end;width:280px;margin-bottom:30px;padding:18px}.sched>b{margin-bottom:10px;font-size:15px;display:block}.sched-row{border-top:1px solid var(--line);opacity:calc(.2 + var(--on) * .8);grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;display:grid}.sched-row span{color:var(--muted);font-size:12px}.sched-row code{color:var(--ink);grid-column:1;font-size:12.5px}.sched-row i{background:var(--good);width:8px;height:8px;box-shadow:0 0 calc(var(--on) * 12px) var(--good);opacity:var(--on);border-radius:50%;grid-area:1/2/3;align-self:center}.sched-note{color:var(--muted);opacity:var(--note,0);margin:10px 0 0;font-size:12.5px;line-height:1.6}.section{padding-block:clamp(96px,12vw,160px);position:relative}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.spot{--mx:50%;--my:50%;border:1px solid var(--line);background:radial-gradient(420px circle at var(--mx) var(--my), #22e4ff17, transparent 45%), linear-gradient(180deg, #ffffff08, #ffffff03);border-radius:20px;padding:28px;position:relative;overflow:hidden}.spot:before{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--mx) var(--my), var(--neon), transparent 50%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;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}.spot:hover:before{opacity:1}.spot h3{font-size:20px;line-height:1.3;position:relative}.spot p{color:var(--ink-2);margin:10px 0 0;font-size:15px;line-height:1.65;position:relative}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.spot-wide{flex-direction:column;grid-area:span 2/span 2;justify-content:flex-end;min-height:300px;display:flex}.spot-wide h3{font-size:clamp(24px,2.6vw,34px)}.spot-wide p{max-width:30ch;font-size:17px}.spot-art{width:56%;height:auto;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:-8%;right:-4%;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000)}.spot-wide:hover .spot-art{transform:scale(1.04)rotate(-2deg)}.constellation{margin:-24px 0 28px;-webkit-mask:radial-gradient(60% 70%,#000 40%,#0000 80%);mask:radial-gradient(60% 70%,#000 40%,#0000 80%)}.constellation img{width:100%;height:auto;display:block}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.obj{width:96px;height:96px;margin:-22px 0 4px -22px;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s;display:block;position:relative;-webkit-mask:radial-gradient(closest-side,#000 60%,#0000);mask:radial-gradient(closest-side,#000 60%,#0000)}.spot:hover .obj{filter:brightness(1.2);transform:translateY(-3px)scale(1.06)}.side-art{margin-top:32px;-webkit-mask:radial-gradient(60% 60%,#000 45%,#0000 85%);mask:radial-gradient(60% 60%,#000 45%,#0000 85%)}.side-art img{width:100%;height:auto;display:block}.side-art-orb{max-width:340px;margin-inline:auto 0}.section-nodes{overflow:hidden}.nodes-art{z-index:-1;opacity:.32;background:url(/art/bg-nodes.webp) 50% 30%/cover no-repeat;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000,#000 20% 75%,#0000);mask:linear-gradient(#0000,#000 20% 75%,#0000)}.signals-art{z-index:-1;aspect-ratio:16/9;opacity:1;background:url(/art/bg-signals.webp) 50%/cover no-repeat;width:135%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(55% 55%,#000 55%,#0000 90%);mask:radial-gradient(55% 55%,#000 55%,#0000 90%)}.fiber{opacity:.8;background:url(/art/bg-fiber.webp) 50%/cover no-repeat;height:clamp(60px,9vw,120px);-webkit-mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.console{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.console-row{border-bottom:1px solid var(--line);transition:background .4s;position:relative}.console-row:before{content:"";background:linear-gradient(180deg, var(--neon), var(--neon-2));transform-origin:top;width:2px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0);box-shadow:0 0 14px #22e4ff8c}.console-row.is-on{background:linear-gradient(90deg,#22e4ff0d,#0000 70%)}.console-row.is-on:before{transform:scaleY(1)}.console-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:22px;padding:20px 18px 20px 22px;display:flex;position:relative}.console-head:focus-visible{outline:2px solid var(--neon);outline-offset:-2px}.console-n{color:var(--ink-3,#5d6884);font-family:var(--font-mono);font-size:13px;line-height:1.9;transition:color .3s}.is-on .console-n{color:var(--neon)}.console-text{gap:6px;display:grid}.console-title{color:var(--ink-2);letter-spacing:-.01em;font-size:19px;font-weight:600;transition:color .3s}.is-on .console-title{color:var(--ink)}.console-desc{color:var(--ink-3,#6b7590);font-size:15px;line-height:1.65;transition:color .3s}.is-on .console-desc{color:var(--ink-2)}.console-timer{background:linear-gradient(90deg, var(--neon), var(--neon-2));opacity:0;transform-origin:0;height:1px;position:absolute;bottom:0;left:22px;right:18px;transform:scaleX(0)}[data-running] .console-timer{opacity:.7;animation:console-timer var(--cycle) linear forwards}@keyframes console-timer{to{transform:scaleX(1)}}.console-demo{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1);display:grid}.console-demo>div{overflow:hidden}.is-on .console-demo{grid-template-rows:1fr}.pk{--pk-surface:#131317;--pk-s1:#ededf20e;--pk-s2:#ededf217;--pk-s3:#ededf221;--pk-l1:#ededf214;--pk-l2:#ededf221;--pk-text:#ededf2;--pk-muted:#8a8a94;--pk-blue:#6f8dff;--pk-green:#3ecf8e;--pk-wait:#e0b263;--pk-red:#e58a7b;--pk-mono:ui-monospace, SFMono-Regular, Menlo, monospace;border:1px solid var(--pk-l1);color:var(--pk-text);background:radial-gradient(at 100% 0,#6f8dff1a,#0000 60%),radial-gradient(at 0 100%,#a78bfa12,#0000 60%),#0a0a0c;border-radius:16px;gap:12px;margin:0 18px 20px 62px;padding:14px;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,sans-serif;animation:.4s .1s both pk-in;display:grid}@keyframes pk-in{0%{opacity:0;transform:translateY(6px)}}.pk kbd{border:1px solid var(--pk-l2);background:var(--pk-s2);width:18px;height:18px;color:var(--pk-muted);font:11px/1 var(--pk-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid}.pk-tone-green{color:var(--pk-green)}.pk-tone-blue{color:var(--pk-blue)}.pk-gate{background:#131317f2;border-top:1px solid #2b2b3266;border-radius:12px;animation:.2s ease-out .35s both pk-gate-in;position:relative}.pk-gate:before{content:"";background:linear-gradient(90deg,#0000,#ededf29e,#0000);height:1px;animation:3.8s ease-in-out infinite pk-beam;position:absolute;top:0;left:8%;right:8%}@keyframes pk-gate-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pk-beam{0%,to{opacity:.35}50%{opacity:.9}}.pk-gate-head{border-bottom:1px solid #2b2b324d;align-items:center;gap:8px;padding:8px 12px;display:flex}.pk-wait{background:var(--pk-wait);width:6px;height:6px;box-shadow:0 0 8px var(--pk-wait);border-radius:50%;flex:none;animation:2.2s ease-in-out infinite pk-pulse}@keyframes pk-pulse{50%{opacity:.45}}.pk-gate-title{font-size:14px;font-weight:500}.pk-gate-note{color:var(--pk-muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12px;overflow:hidden}.pk-code{border:1px solid var(--pk-l1);background:var(--pk-s1);font:12px/1.6 var(--pk-mono);white-space:pre-wrap;border-radius:8px;margin:8px 12px 0;padding:8px 10px}.pk-code span{color:var(--pk-muted)}.pk-options{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px 0;display:flex}.pk-option{border:1px solid var(--pk-l2);background:var(--pk-s1);border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 14px 0 8px;font-size:12.5px;display:inline-flex}.pk-manual{color:var(--pk-muted);font-size:12px}.pk-gate-input{border:1px solid var(--pk-l1);min-height:30px;color:var(--pk-muted);border-radius:999px;align-items:center;gap:8px;margin:6px 12px 8px;padding:0 12px 0 8px;font-size:12.5px;display:flex}.pk-gate-input span{flex:1}.pk-card{border:1px solid var(--pk-l2);background:var(--pk-s1);border-radius:12px}.pk-card-head{align-items:center;gap:12px;padding:10px 14px;display:flex}.pk-tile{background:var(--pk-s2);width:32px;height:32px;color:var(--pk-muted);border-radius:8px;flex:none;place-items:center;display:grid}.pk-card-titles{flex:1;display:grid}.pk-card-titles b{font-size:14px;font-weight:600}.pk-card-titles code{color:var(--pk-muted);font:12px var(--pk-mono)}.pk-chevron{color:var(--pk-muted);transform:rotate(90deg)}.pk-md{color:#ededf2d1;margin:0;padding:0 14px 12px 34px;font-size:13px;line-height:1.7}.pk-c{gap:6px}.pk-worker{min-height:24px;color:var(--pk-muted);animation:pk-in .3s calc(.2s + var(--k) * .35s) ease both;align-items:center;gap:8px;line-height:20px;display:flex}.pk-orb{flex:none;width:14px;height:14px;position:relative}.pk-orb i{background:var(--pk-blue);width:2.5px;height:2.5px;transform:rotate(calc(var(--d) * 45deg)) translateY(-5px);animation:pk-orb 1.2s calc(var(--d) * .15s) ease-in-out infinite;border-radius:50%;margin:-1.25px;position:absolute;top:50%;left:50%}@keyframes pk-orb{50%{opacity:.25}}.pk-worker-icon{display:none}.pk-chip{border:1px solid var(--pk-l1);background:var(--pk-s2);color:#ededf2d1;border-radius:4px;padding:0 6px;font-size:11px;font-weight:500;line-height:18px}.pk-subject{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.pk-shimmer{background:linear-gradient(90deg, var(--pk-muted) 40%, #fff 50%, var(--pk-muted) 60%) 0 0 / 300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite pk-shimmer}@keyframes pk-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.pk-row{align-items:flex-start;gap:8px;font-size:13px;line-height:20px;display:flex}.pk-row svg{flex:none;margin-top:3px}.pk-row-failed{color:var(--pk-red);animation:.3s .3s both pk-in}.pk-row-cmd{color:var(--pk-muted);align-items:center}.pk-row-icon{flex:none;width:14px;height:14px;position:relative}.pk-row-icon svg{margin:0;position:absolute;inset:0}.pk-spin{animation:.9s linear infinite spin,1ms 2s forwards pk-gone}.pk-done-icon{opacity:0;animation:1ms 2s forwards pk-show}.pk-move{background:var(--pk-s2);color:var(--pk-muted);border-radius:999px;margin-left:auto;padding:0 8px;font-size:12px;line-height:22px;animation:.2s 2s forwards pk-gone}.pk-notice{color:var(--pk-muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;animation:.35s 2.6s both pk-in;display:flex}.pk-notice b{color:var(--pk-text);font-weight:500}.pk-notice i{background:var(--pk-muted);border-radius:50%;width:3px;height:3px}@keyframes pk-gone{to{opacity:0}}@keyframes pk-show{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.pk{margin-left:18px}}@media (prefers-reduced-motion:reduce){.pk,.pk *{animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}.marquee{border-block:1px solid var(--line);padding-block:18px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:56px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-track span{color:var(--ink-2);letter-spacing:-.03em;white-space:nowrap;font-size:clamp(22px,2.6vw,34px);font-weight:600}.marquee-track span:nth-child(3n+1){color:#0000;-webkit-text-stroke:1px #eceef380}@keyframes marquee{to{transform:translate(-50%)}}.faq-side{position:sticky;top:110px}.chat{gap:30px;margin:0;padding:8px 0 0;list-style:none;display:grid}.chat-pair{gap:12px;display:grid}.chat-q{max-width:78%;color:var(--ink);transform-origin:100% 100%;background:linear-gradient(135deg,#22e4ff29,#9b7bff29);border-radius:18px 18px 6px;justify-self:end;margin:0;padding:11px 16px;font-size:15.5px;font-weight:500;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff17}.chat-a{align-items:flex-end;gap:10px;max-width:88%;display:flex}.chat-avatar{background:#0d1220;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 16px #22e4ff2e}.chat-bubble{transform-origin:0 100%;background:#ffffff0a;border-radius:18px 18px 18px 6px;padding:14px 18px 15px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.chat-typing,.chat-answer{grid-area:1/1}.chat-typing{align-items:center;gap:5px;height:22px;display:flex}.chat-typing i{background:var(--ink-2);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite chat-dot}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}@keyframes chat-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-verdict{background:linear-gradient(100deg,#f5f7fb 20%,#a9f0ff 65%,#c9bcff);color:#0000;letter-spacing:-.015em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:600;line-height:1.3}.chat-detail{color:var(--ink-2);margin:6px 0 0;font-size:15px;line-height:1.7}.chat-typing{visibility:hidden}.chat[data-live] .chat-pair[data-stage="0"] .chat-q,.chat[data-live] .chat-pair:is([data-stage="0"],[data-stage="1"]) .chat-a{opacity:0}.chat[data-live] .chat-pair:not([data-stage="0"]) .chat-q{animation:.42s cubic-bezier(.2,.9,.3,1.2) both chat-pop}.chat[data-live] .chat-pair[data-stage="2"] .chat-a,.chat[data-live] .chat-pair[data-stage="3"] .chat-a{animation:.36s both chat-rise}.chat[data-live] .chat-pair[data-stage="2"] .chat-typing{visibility:visible}.chat[data-live] .chat-pair[data-stage="2"] .chat-answer{visibility:hidden;max-height:22px;overflow:hidden}.chat[data-live] .chat-pair[data-stage="2"] .chat-bubble{width:74px}.chat[data-live] .chat-pair[data-stage="3"] .chat-answer{animation:.52s cubic-bezier(.2,.8,.2,1) both chat-reveal}.chat[data-live] .chat-pair[data-stage="3"] .chat-a{animation:none}@keyframes chat-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes chat-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes chat-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(4px)}}@media (max-width:900px){.faq-side{position:static}}@media (max-width:720px){.chat-q{max-width:92%}.chat-a{max-width:100%}}.cta{text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.cta-art{--art-w:max(100vw, 1400px);bottom:calc(18px - var(--art-w) * .1574);width:var(--art-w);aspect-ratio:1672/940;opacity:.9;background:url(/art/cta-aurora.webp) 50%/cover no-repeat;position:absolute;left:50%;transform:translate(-50%)}.cta-vignette{background:radial-gradient(ellipse 40% 36% at 50% 52%, #07080bb3, transparent 80%), linear-gradient(180deg, var(--bg), transparent 25%, transparent 75%, var(--bg));position:absolute;inset:0}.cta-inner{justify-items:center;padding-block:clamp(96px,14vh,150px) clamp(40px,6vh,64px);display:grid;position:relative}.cta h2{letter-spacing:-.055em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(34px,min(5vw,8vh),72px);font-weight:500;line-height:1.06}:lang(zh-CN) .cta h2{word-break:keep-all;letter-spacing:.02em;max-width:none;font-size:clamp(28px,min(3.8vw,6vh),50px);font-weight:500;line-height:1.35}.cta-points{flex-wrap:wrap;justify-content:center;gap:10px;margin:32px 0 0;padding:0;list-style:none;display:flex}.cta-points li{border:1px solid var(--line-2);color:var(--ink-2);background:#07080b99;border-radius:999px;padding:6px 14px;font-size:14px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.cta-meta{color:var(--muted);margin:22px 0 0;font-size:12.5px}.cta-meta a{color:var(--ink-2)}.site-footer{padding-block:14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;display:flex}.footer-links{flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--muted);font-size:12.5px;text-decoration:none;transition:color .16s}.footer-links a:hover{color:var(--ink)}.footer-meta{background:linear-gradient(var(--line), var(--line)) var(--gutter) 0 / calc(100% - 2 * var(--gutter)) 1px no-repeat;color:var(--muted);margin-top:10px;padding-top:10px;font-size:11.5px}.site-footer .brand{gap:7px}.site-footer .brand-word{font-size:15px}.split-text{display:inline}.ch{white-space:pre;display:inline-block}:root[data-reveal=on] [data-fx] .ch{opacity:0;will-change:transform, opacity, filter}:root[data-reveal=on] [data-fx][data-in=true] .ch{opacity:1}:root[data-reveal=on] [data-fx=flap] .split-text{perspective:600px}:root[data-reveal=on] [data-fx=flap][data-in=true] .ch{animation:fx-flap .75s calc(.15s + var(--k) * 55ms) cubic-bezier(.3, 1.5, .5, 1) both}@keyframes fx-flap{0%{opacity:0;transform-origin:50% 0;color:var(--neon);transform:rotateX(100deg)}45%{opacity:1;transform-origin:50% 0;transform:rotateX(-25deg)}70%{transform-origin:50% 0;color:var(--neon);transform:rotateX(10deg)}to{opacity:1;transform-origin:50% 0;transform:none}}:root[data-reveal=on] [data-fx=scatter][data-in=true] .ch{animation:fx-scatter 1.3s calc(.1s + var(--rd) * .45s) cubic-bezier(.16, .9, .25, 1) both}@keyframes fx-scatter{0%{opacity:0;transform:translate(calc(var(--rx) * 3.5em), calc(var(--ry) * 2.4em)) rotate(var(--rr)) scale(.3);filter:blur(8px);color:var(--neon-2)}60%{opacity:1;filter:blur();color:var(--neon)}to{opacity:1;filter:none;transform:none}}:root[data-reveal=on] [data-fx=scan] .ch{opacity:1}:root[data-reveal=on] [data-fx=scan] .split-text{clip-path:inset(-20% 100% -20% 0);display:inline-block;position:relative}:root[data-reveal=on] [data-fx=scan][data-in=true] .split-text{animation:1.2s cubic-bezier(.65,0,.35,1) .2s forwards fx-scan-clip}:root[data-reveal=on] [data-fx=scan] .split-text:after{content:"";width:3px;box-shadow:0 0 12px 2px var(--neon), 0 0 40px 8px #22e4ff80, -30px 0 40px 10px #22e4ff40;opacity:0;background:#fff;position:absolute;top:-10%;bottom:-10%;left:0}:root[data-reveal=on] [data-fx=scan][data-in=true] .split-text:after{animation:1.2s cubic-bezier(.65,0,.35,1) .2s forwards fx-scan-bar}@keyframes fx-scan-clip{to{clip-path:inset(-20% -10% -20% 0)}}@keyframes fx-scan-bar{0%{opacity:1;left:0}88%{opacity:1;left:calc(100% - 3px)}to{opacity:0;left:calc(100% - 3px)}}:root[data-reveal=on] [data-fx=type][data-in=true] .ch{animation:fx-type .14s calc(.2s + var(--k) * 60ms) steps(1, jump-end) both}@keyframes fx-type{0%{opacity:0}1%{opacity:1;background:var(--neon);color:#05060a}to{opacity:1;color:inherit;background:0 0}}:root[data-reveal=on] [data-fx=type] .split-text:after{content:"";vertical-align:-.08em;background:var(--neon);width:.5em;height:.9em;box-shadow:0 0 14px var(--neon);opacity:0;margin-left:.1em;display:inline-block}:root[data-reveal=on] [data-fx=type][data-in=true] .split-text:after{animation:caret-blink 1s calc(.25s + var(--n) * 60ms) steps(2) 6 forwards}:root[data-reveal=on] [data-fx=type][data-in=true] .ch{box-shadow:none}@keyframes caret-blink{0%{opacity:1}to{opacity:0}}:root[data-reveal=on] [data-fx=zoom][data-in=true] .ch{animation:fx-zoom 1.2s calc(.1s + var(--rd) * .2s) cubic-bezier(.12, .9, .2, 1) both}@keyframes fx-zoom{0%{opacity:0;transform:translateX(calc((var(--k) - var(--n) / 2) * .9em)) scale(3.2);filter:blur(22px)}50%{opacity:1;color:var(--neon);filter:blur(2px)}to{opacity:1;filter:none;transform:none}}:root[data-reveal=on] [data-fx=glitch][data-in=true] .ch{animation:fx-glitch .9s calc(.15s + var(--rd) * .55s) steps(1) both}@keyframes fx-glitch{0%{opacity:0}8%{opacity:1;text-shadow:.12em 0 var(--neon-2), -.12em 0 var(--neon);clip-path:inset(0 0 55%);transform:translate(-.12em,.04em)skew(-20deg)}18%{text-shadow:-.1em 0 var(--neon-2), .1em 0 var(--neon);clip-path:inset(40% 0 0);transform:translate(.14em,-.03em)}28%{opacity:.3;clip-path:none;transform:translate(-.05em)}38%{opacity:1;text-shadow:.06em 0 var(--neon-2), -.06em 0 var(--neon);clip-path:inset(20% 0 30%);transform:translate(.06em,.02em)skew(12deg)}52%{text-shadow:.03em 0 var(--neon-2), -.03em 0 var(--neon);clip-path:none;color:var(--neon);transform:none}70%{text-shadow:none}to{opacity:1;text-shadow:none;clip-path:none;transform:none}}:root[data-reveal=on] [data-fx=slam] .split-text{display:inline-block}:root[data-reveal=on] [data-fx=slam][data-in=true] .ch{transform-origin:50% 100%;animation:fx-slam .7s calc(.15s + var(--k) * 70ms) cubic-bezier(.2, .9, .25, 1) both}:root[data-reveal=on] [data-fx=slam][data-in=true] .split-text{animation:.9s linear .35s both shake}@keyframes fx-slam{0%{opacity:0;filter:blur(10px)brightness(2.5);transform:translateY(-1.6em)scale(1.8)}45%{opacity:1;filter:blur()brightness(2);color:var(--neon);transform:translateY(.06em)scale(1.08,.78)}70%{transform:translateY(-.04em)scale(.97,1.06)}to{opacity:1;filter:none;transform:none}}:root[data-reveal=on] [data-fx=ignite][data-in=true] .ch{animation:fx-ignite 1.4s calc(.2s + var(--k) * 50ms) cubic-bezier(.2, .8, .2, 1) both}@keyframes fx-ignite{0%{opacity:0;filter:blur(12px);color:#fff;text-shadow:0 0 30px #fff, 0 0 60px var(--neon);transform:scale(1.6)}25%{opacity:1;filter:blur();color:#fff;text-shadow:0 0 24px #fff, 0 0 50px var(--neon), 0 0 90px var(--neon-2);transform:scale(1.12)}to{opacity:1;text-shadow:0 0 #0000;transform:none}}:root[data-reveal=on] [data-reveal] .kicker i{transform-origin:0;transform:scaleX(0)}:root[data-reveal=on] [data-reveal][data-in=true] .kicker i{transition:transform .7s cubic-bezier(.6,0,.2,1);transform:none}[data-scramble]{font-variant-numeric:tabular-nums}:root[data-reveal=on] [data-reveal] .fade-in{opacity:0;transform:translateY(14px)}:root[data-reveal=on] [data-reveal][data-in=true] .fade-in{opacity:1;transition:opacity .8s .55s,transform .9s cubic-bezier(.2,.8,.2,1) .55s;transform:none}:root[data-reveal=on] .reveal{opacity:0;filter:blur(6px);transform:translateY(34px)scale(.98)}:root[data-reveal=on] .reveal[data-in=true]{opacity:1;filter:none;transition:opacity .8s ease var(--delay,0s), transform 1s cubic-bezier(.16, .84, .24, 1) var(--delay,0s), filter .8s ease var(--delay,0s);transform:none}.bento>:nth-child(2),.grid3>:nth-child(2),.grid4>:nth-child(2),.console>:nth-child(2),.faq>:nth-child(2){--delay:80ms}.bento>:nth-child(3),.grid3>:nth-child(3),.grid4>:nth-child(3),.console>:nth-child(3),.faq>:nth-child(3){--delay:.16s}.bento>:nth-child(4),.grid3>:nth-child(4),.grid4>:nth-child(4),.console>:nth-child(4),.faq>:nth-child(4){--delay:.24s}.bento>:nth-child(5),.grid3>:nth-child(5),.console>:nth-child(5),.faq>:nth-child(5){--delay:.32s}.bento>:nth-child(6),.grid3>:nth-child(6),.faq>:nth-child(6){--delay:.4s}.spot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 35%,#22e4ff1a 45%,#ffffff24 50%,#9b7bff1a 55%,#0000 65%) 150% 0/250% 100% no-repeat;position:absolute;inset:0}:root[data-reveal=on] .spot.reveal[data-in=true]:after{animation:card-sweep 1.4s calc(var(--delay,0s) + .35s) cubic-bezier(.5, 0, .3, 1) both}@keyframes card-sweep{0%{opacity:1;background-position:150% 0}to{opacity:1;background-position:-60% 0}}:root[data-reveal=on] .console-row.reveal{filter:none;transform:translate(-18px)}:root[data-reveal=on] .console-row.reveal[data-in=true]{transition:opacity .7s ease var(--delay,0s), transform .9s cubic-bezier(.16, .84, .24, 1) var(--delay,0s), background .4s ease;transform:none}@media (prefers-reduced-motion:reduce){.site:after,.site *,.site :before,.site :after{transition:none!important;animation:none!important}.hero-scene,.pin{height:auto}.hero-stage,.pin-stage{position:relative}.story{height:100svh}}@media (max-height:760px){.readout,.hero-meta{display:none}.hero-center{padding-top:76px}.hero-sub{margin-top:14px;font-size:15px}.hero-actions{margin-top:20px}.scroll-cue{bottom:14px}.scroll-cue span{display:none}.scroll-cue i{height:22px}.caption p{font-size:14.5px}}@media (max-width:1100px){.bento,.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.rail li button{width:72px}}@media (max-width:900px){.readout{display:none}.hero-print{width:150vw;top:34%}.hero-meta{right:var(--gutter);text-align:center}.story-captions{top:80px;right:var(--gutter);width:auto;height:180px;transform:none}.caption h2{margin-top:10px;font-size:26px}.caption p{margin-top:8px;font-size:14.5px}.story-world{top:270px;bottom:96px;left:var(--gutter)}.env-card{width:190px;transform:translate(-50%, 0) translateX(calc(var(--i) * 100px * var(--fan,0))) translateY(calc((1 - var(--fan,0)) * 40px + var(--i) * var(--i) * 20px * var(--fan,0) + var(--fanOut,0) * 24vh)) rotate(calc(var(--i) * 6deg * var(--fan,0) * (1 - var(--fanOut,0)))) scale(calc(.85 - var(--fanOut,0) * .5));padding:10px}.env-print{width:44px;height:52px}.diff,.steplog{width:88%;font-size:11px}.diff{right:6%}.steplog code{font-size:11px}.rail{gap:8px;bottom:18px}.rail li button{width:36px}.rail li span{display:none}.pin{height:auto}.pin-stage{height:auto;min-height:0;padding-block:96px;position:relative}.pipe{grid-template-columns:minmax(0,1fr);gap:28px}.pipe-track{display:none}.pipe-node,.pipe-done,.pipe-note,.bubble,.sched-row,.sched-note,.scene-head{opacity:1;transform:none}.pipe-done{justify-items:start}.pipe-dot,.pipe-seal{width:104px;height:104px;margin:-20px 0 0 -20px}.side-art-orb{display:none}.anywhere,.split{grid-template-columns:minmax(0,1fr)}.anywhere-visual{flex-direction:column;align-items:center}.sched{align-self:center;width:300px;margin:0}.bento{grid-template-columns:minmax(0,1fr)}.spot-wide{grid-area:auto}}@media (max-width:640px){.header-star .star-button-label span,.header-download span,.site-account-label,.site-account-email{display:none}.header-download{width:40px;min-width:0;padding:0}.hero-actions .btn,.cta-actions .btn{width:100%}.grid3,.grid4{grid-template-columns:minmax(0,1fr)}.fn-stats{gap:28px}.fn-stats b{font-size:30px}.fn-stack{height:190px}.fn-call code{white-space:normal;font-size:12px}.rail-play span{display:none}}@media (max-width:380px){.brand-word{display:none}}.stage3d{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.crystal3d{display:none}.has-3d .hero-print canvas,.has-3d .constellation img{visibility:hidden}@property --appear{syntax:"<number>";inherits:false;initial-value:1}@keyframes appear3d{0%{--appear:0}}.has-3d .hero-print{opacity:1;animation:appear3d 1.8s calc(var(--intro) - .6s) cubic-bezier(.2, .8, .2, 1) both;transform:translate(-50%,-50%)}.has-3d .constellation{aspect-ratio:9/4;margin:8px 0 36px;-webkit-mask:none;mask:none}.has-3d .crystal3d{aspect-ratio:1;width:clamp(200px,22vw,300px);margin:0 auto -10px;display:block}.story-3d{pointer-events:none;position:absolute;inset:0}.has-3d .hero-bg i,.has-3d .pipe-dot img,.has-3d .pipe-seal img,.has-3d .spot-art,.has-3d .side-art-orb img{visibility:hidden}.has-3d .hero-bg{animation-duration:2.4s}.has-3d .nodes-art,.has-3d .signals-art{opacity:1;background:0 0;-webkit-mask:none;mask:none}.has-3d .story-stage{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/56px 56px}.has-3d .story-glow{opacity:calc(.2 + var(--enter,0) * .3)}.has-3d .cta-art{opacity:1;background:0 0;-webkit-mask:none;mask:none}.has-3d .story-stage:before{background:radial-gradient(90% 85% at 60% 45%,#0000 45%,#07080bb3 100%)}.has-3d .fiber{opacity:1;background:0 0;height:clamp(110px,12vw,170px)}.has-3d .side-art-code{-webkit-mask:none;mask:none}.has-3d .side-art-code img{visibility:hidden}