.fxs{--fxs-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.fxs-beats{display:none}@media(max-width:1023px)and (prefers-reduced-motion:reduce){.fxs-beats{display:block}}.fxs-act{display:block;height:600vh;position:relative}@media(min-width:1024px){.fxs-act{height:900vh}}.fxs-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;--type: 0;--fire: 0;--press: 0;--grow: 0;--stream: 0;--split: 0;--reveal: 0;--pull: 0;--logic: 0;--run: 0;--s1: 0;--s2: 0;--s3: 0;--s4: 0;--s5: 0;--st: 0;--stb: 1;--s: 1;--c1: 0;--c2: 0;--c3: 0;--c4: 0;--hx: 0}.fxs-hero{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:calc(1 - var(--hx) * 1.25);transform:translateY(calc(-44px * var(--hx))) scale(calc(1 - .03 * var(--hx)))}.fxs-hero .inner{pointer-events:auto}.fxs-hero.hero-gone{visibility:hidden}.fxs-hero.hero-gone .inner{pointer-events:none}.fxs-cue span{width:1px;height:30px;background:linear-gradient(var(--ink-3),transparent);animation:fxs-drop 2.4s ease-in-out infinite}@keyframes fxs-drop{0%,to{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.fxs-cue{display:none!important}.fxs-hero{position:static;opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto;padding:72px 0 16px}.fxs-hero .inner{pointer-events:auto!important}@media(max-width:1023px){.fxs-act{display:block;height:auto}.fxs-pin{position:relative;height:auto;display:block}.fxs-grid-bg,.fxs-rail,.fxs-canvas,.fxs-cap{display:none}}@media(min-width:1024px){.fxs-act{height:auto}.fxs-pin{position:relative;height:auto;flex-direction:column;padding-bottom:32px}}}.fxs-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--hairline) 1px,transparent 1px);background-size:26px 26px;opacity:calc(.35 + .65 * var(--reveal))}.fxs-canvas{position:relative;transform-origin:50% 50%;transform:scale(var(--s));opacity:calc(.18 + .82 * var(--hx))}@media(prefers-reduced-motion:reduce){.fxs-canvas{opacity:1}}.fxs-rail{position:absolute;left:max(18px,calc(50vw - 682px));top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:18px}.fxs-rail div{display:flex;align-items:center;gap:11px;font-family:var(--fxs-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);opacity:.45;transition:.4s}.fxs-rail div:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-4);transition:.4s cubic-bezier(.2,.7,.3,1)}.fxs-rail div.on{opacity:1;color:var(--ink-2)}.fxs-rail div.on:before{background:var(--accent);transform:scale(1.35);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}@media(max-width:1400px){.fxs-rail{display:none}}.fxs-frame{position:absolute;z-index:6;overflow:hidden;border-radius:13px;background:var(--surface);border:1px solid var(--hairline);box-shadow:0 30px 74px var(--shade);opacity:calc(1 - var(--reveal) * 1.35)}.fxs .chat-face{position:absolute;inset:0;background:var(--surface-2);border-radius:13px;opacity:calc(1 - var(--grow) * 2.4)}.fxs .chat-bar{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--hairline);font-family:var(--fxs-mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.fxs .chat-bar b{width:7px;height:7px;border-radius:50%;background:var(--cat-ui)}.fxs .chat-bar .mode{margin-left:auto;color:var(--ink-4)}.fxs .chat-body{padding:20px 18px 8px}.fxs .chat-label{font-family:var(--fxs-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:10px}.fxs .chat-text{font-size:18px;line-height:1.5;min-height:81px;color:var(--ink)}.fxs .caret{display:inline-block;width:2px;height:20px;background:var(--accent);vertical-align:-3px;margin-left:1px;animation:fxs-blink 1.05s steps(1) infinite;opacity:clamp(0,calc(1 - var(--fire) * 3),1)}@keyframes fxs-blink{50%{opacity:0}}.fxs .chat-foot{display:flex;align-items:center;gap:10px;padding:12px 18px 18px}.fxs .chip{font-family:var(--fxs-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-3);border:1px solid var(--hairline);border-radius:5px;padding:4px 9px}.fxs .progress{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:calc(var(--type) * 100%);opacity:.85}.fxs .build{position:relative;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:94px;height:36px;font-size:14px;font-weight:500;padding:0 20px;border-radius:8px;background:var(--accent);color:#fff;opacity:var(--fire);transform:scale(calc((.86 + .14 * var(--fire)) * (1 - .08 * var(--press))));box-shadow:0 0 calc(30px * var(--press) + 12px * var(--fire)) color-mix(in srgb,var(--accent) 45%,transparent)}.fxs .lbl{white-space:nowrap}.fxs .lbl.up{opacity:calc(1 - var(--press) * 1.6)}.fxs .lbl.go{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:var(--press)}.fxs .lbl.go i{width:4px;height:4px;border-radius:50%;background:#fff;margin-left:3px;animation:fxs-hop .9s ease-in-out infinite}.fxs .lbl.go i:nth-child(2){animation-delay:.15s}.fxs .lbl.go i:nth-child(3){animation-delay:.3s}@keyframes fxs-hop{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.fxs .cursor{position:absolute;width:19px;height:21px;pointer-events:none;z-index:9}.fxs .cursor svg{display:block;filter:drop-shadow(0 2px 5px var(--shade))}.fxs .ed-bar{position:absolute;left:0;top:0;right:0;display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-bottom:1px solid var(--hairline);opacity:clamp(0,calc(var(--grow) * 2.6 - 1.3),1)}.fxs .ed-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--surface-3);flex:none}.fxs .ed-bar .nm{margin-left:10px;font-family:var(--fxs-mono);font-size:11.5px;color:var(--ink-3)}.fxs .ed-bar .sync{margin-left:auto;font-family:var(--fxs-mono);font-size:11px;color:var(--cat-data)}.fxs .code-body{position:absolute;left:0;top:42px;padding:16px 20px;font-family:var(--fxs-mono);font-size:13px;line-height:26px;color:var(--ink-2)}.fxs .code-body div{white-space:pre;--l: clamp(0, calc(var(--stream) * 7 - var(--i) * .32), 1);opacity:calc(var(--l) * (1 - var(--reveal) * 2));transform:translate(calc(-12px * (1 - var(--l))))}.fxs .code-body .k{color:var(--cat-io)}.fxs .code-body .s{color:var(--cat-data)}.fxs .code-body .t{color:var(--cat-ui)}.fxs .code-body .f{color:var(--cat-logic)}.fxs-tree{position:absolute;left:0;top:0;z-index:4;transform-origin:0 0;transform:translate(calc(70px + 330px * var(--pull)),calc(48px + 46px * var(--pull))) scale(calc(1.4 - .4 * var(--pull)))}.fxs-telbows{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.fxs-telbows path{fill:none;stroke:var(--elbow);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--reveal) * 14 - var(--i) * .72),1));opacity:.6}.fxs .pill{position:absolute;display:flex;align-items:center;gap:7px;height:28px;padding:0 11px;background:var(--pill);border-radius:8px;white-space:nowrap;box-shadow:0 7px 16px var(--shade);--r: clamp(0, calc(var(--reveal) * 14 - var(--i) * .72), 1);opacity:calc(var(--r) * 1.4);transform:translate(calc(var(--dcx) * (1 - var(--r))),calc(var(--dcy) * (1 - var(--r)))) scale(calc(.84 + .16 * var(--r)))}.fxs .pill .nm{font-size:12.5px;font-weight:500;color:#fff}.fxs .pill .tg,.fxs .pill .q{font-size:11px;color:var(--pill-tag)}.fxs .pill.wired{box-shadow:0 7px 16px var(--shade),0 0 0 1px color-mix(in srgb,var(--accent) calc(70% * var(--logic)),transparent)}.fxs .tp{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--bg);border:1.5px solid var(--pill-tag);opacity:calc(var(--logic) * 2.4 - .6)}.fxs .tp.in{left:-4px;top:10px}.fxs .tp.o1{right:-4px;top:3px}.fxs .tp.o2{right:-4px;top:17px;border-radius:2px;transform:rotate(45deg);border-color:var(--ink-3)}.fxs .pill .hit{position:absolute;inset:-4px;border-radius:11px;border:2px solid var(--accent);opacity:calc(clamp(0,calc(var(--st) * 4 - 1.4),1)*clamp(0,calc(2 - var(--s3) * 3),1))}.fxs-wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:3}.fxs-wires .w{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--logic) * 4 - .6 - var(--i) * .35),1));opacity:.62}.fxs-wires .sig{fill:none;stroke:var(--ink-3);stroke-width:1.5;stroke-dasharray:5 6;opacity:calc(clamp(0,calc(var(--logic) * 4 - .6 - var(--i) * .35),1)*.8)}.fxs-wires .tether{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-dasharray:2 5;opacity:calc(clamp(0,calc(var(--logic) * 4 - 2.2),1)*.7)}.fxs-wires .pk{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:.045 .955;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 90%,transparent))}.fxs .wlabel{position:absolute;z-index:4;font-family:var(--fxs-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--bg);padding:1px 5px;border-radius:4px;transform:translate(-50%,-50%);opacity:calc(clamp(0,calc(var(--logic) * 4 - 2),1)*.9)}.fxs .nd{position:absolute;z-index:4;background:var(--surface-2);border:1px solid var(--hairline);border-radius:9px;box-shadow:0 14px 30px var(--shade);--r: clamp(0, calc(var(--logic) * 3.4 - var(--k) * .55), 1);opacity:var(--r);transform:translateY(calc(16px * (1 - var(--r)))) scale(calc(.95 + .05 * var(--r)))}.fxs .nd .spine{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cat);border-radius:9px 0 0 9px}.fxs .nd-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 14px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--ink);border-bottom:1px solid var(--hairline)}.fxs .nd-h b{width:7px;height:7px;border-radius:50%;background:var(--cat);flex:none;box-shadow:0 0 9px var(--cat)}.fxs .nd-h .tag{margin-left:auto;font-family:var(--fxs-mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-4)}.fxs .row{position:relative;display:flex;align-items:center;height:22px;padding:0 12px 0 14px;font-family:var(--fxs-mono);font-size:10.5px;color:var(--ink-2)}.fxs .row em{font-style:normal;color:var(--ink-4);margin-left:auto}.fxs .row.o{justify-content:flex-end}.fxs .row.o em{margin-left:0;order:2}.fxs .row.o span{order:1;margin-right:auto}.fxs .pt{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1.5px solid var(--hairline);top:6px}.fxs .pt.i{left:-5px}.fxs .pt.o{right:-5px;background:var(--cat);border-color:var(--cat)}.fxs .pt.sig{border-radius:2px;transform:rotate(45deg);border-color:var(--ink-3);background:var(--bg)}.fxs .pt.o.sig{background:var(--ink-3)}.fxs .tbl{margin:6px 12px 6px 14px;border:1px solid var(--hairline);border-radius:6px;overflow:hidden}.fxs .tbl .th{display:flex;gap:8px;padding:4px 8px;background:var(--surface-3);font-family:var(--fxs-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}.fxs .tbl .tr{display:flex;gap:8px;padding:5px 8px;font-family:var(--fxs-mono);font-size:10px;color:var(--ink-2);position:relative;--f: clamp(0, calc(var(--run) * 5.6 - 2.4), 1);opacity:var(--f);transform:translate(calc(-10px * (1 - var(--f))))}.fxs .tbl .tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cat-data);opacity:var(--f)}.fxs .tbl .c1{width:16px;color:var(--ink-4)}.fxs .tbl .c2{flex:1}.fxs .nd .busy{position:absolute;right:12px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--cat-data);opacity:calc(clamp(0,calc(var(--run) * 5 - 1.6),1)*clamp(0,calc(3 - var(--run) * 4),1));box-shadow:0 0 10px var(--cat-data)}.fxs .count{font-family:var(--fxs-mono);font-size:10.5px;color:var(--cat-data)}.fxs-appwin{position:absolute;z-index:5;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--hairline);box-shadow:0 26px 62px var(--shade);opacity:var(--split)}.fxs-appwin .bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-bottom:1px solid var(--hairline);position:relative;z-index:4}.fxs-appwin .bar .dot{width:7px;height:7px;border-radius:50%;background:var(--surface-3);flex:none}.fxs-appwin .bar .url{margin-left:9px;font-family:var(--fxs-mono);font-size:10.5px;color:var(--ink-3)}.fxs .app-full{position:absolute;left:0;top:38px;width:760px;height:518px;display:flex;transform-origin:0 0;opacity:clamp(0,calc(1 - var(--pull) * 2.4),1)}.fxs .side{width:62px;flex:none;border-right:1px solid var(--hairline);background:var(--surface-2);padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.fxs .side .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--brand-b));margin-bottom:8px}.fxs .side i{width:26px;height:26px;border-radius:7px;background:var(--surface-3);display:block}.fxs .side i.on{background:color-mix(in srgb,var(--pill) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-ui) 50%,transparent)}.fxs .main{flex:1;padding:22px 26px;overflow:hidden}.fxs .main>*{--l: clamp(0, calc(var(--split) * 4.6 - 1.6 - var(--i) * .5), 1);opacity:var(--l);transform:translateY(calc(14px * (1 - var(--l))))}.fxs .apphead{display:flex;align-items:center;gap:12px;margin-bottom:16px}.fxs .apphead h4{font-weight:700;letter-spacing:-.03em;font-size:24px;margin:0;color:var(--ink)}.fxs .apphead .who{margin-left:auto;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8a5a3b,#c4823e)}.fxs .search{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:1px solid var(--hairline);border-radius:9px;background:var(--surface-2);margin-bottom:20px}.fxs .search .mag{width:12px;height:12px;border-radius:50%;border:1.6px solid var(--ink-4);flex:none}.fxs .search span{font-size:13px;color:var(--ink-4)}.fxs .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fxs .card{--cl: clamp(0, calc(var(--split) * 6 - 2.6 - var(--j) * .42), 1);opacity:var(--cl);transform:translateY(calc(20px * (1 - var(--cl)))) scale(calc(.94 + .06 * var(--cl)))}.fxs .card .thumb{height:84px;border-radius:9px;margin-bottom:9px;position:relative}.fxs .card .thumb b{position:absolute;left:8px;bottom:8px;font-family:var(--fxs-mono);font-size:9.5px;font-weight:400;letter-spacing:.06em;background:#141312b3;color:#e8e4df;padding:3px 7px;border-radius:5px}.fxs .card h6{margin:0 0 3px;font-size:13px;font-weight:500;color:var(--ink)}.fxs .card p{margin:0;font-family:var(--fxs-mono);font-size:10.5px;letter-spacing:.05em;color:var(--ink-4)}.fxs .app-mini{position:absolute;inset:38px 0 0;padding:18px 20px;opacity:clamp(0,calc(var(--pull) * 2.4 - 1.4),1)}.fxs .app-mini h6{margin:0 0 14px;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink)}.fxs .rc{position:relative;background:var(--surface-2);border:1px solid var(--hairline);border-radius:10px;padding:12px}.fxs .rc .thumb{height:104px;border-radius:8px;margin-bottom:10px;background:linear-gradient(135deg,#8a5a3b,#c4823e)}.fxs .rc .ttl{font-size:13.5px;font-weight:500;margin-bottom:3px;color:var(--ink)}.fxs .rc .meta{font-family:var(--fxs-mono);font-size:10px;letter-spacing:.05em;color:var(--ink-4)}.fxs .rc .save{position:absolute;right:20px;top:20px;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;--sv: clamp(0, calc(var(--run) * 12 - 10.6), 1);background:rgba(20,19,18,calc(.72 - .72 * var(--sv)));box-shadow:inset 0 0 0 40px color-mix(in srgb,var(--accent) calc(100% * var(--sv)),transparent);transform:scale(calc(1 + .7 * var(--sv) * (1 - var(--sv))))}.fxs .rc .save i{display:block;width:9px;height:12px;border:1.6px solid #d9d4cd;border-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 66%,0 100%)}.fxs .rc .ring{position:absolute;inset:-6px;border-radius:14px;border:2px solid var(--accent);opacity:calc(clamp(0,calc(var(--run) * 14 - .2),1)*clamp(0,calc(1.6 - var(--st) * 2),1));transform:scale(calc(1.05 - (.05*clamp(0,calc(var(--run) * 14),1))))}.fxs .toast{position:absolute;left:20px;right:20px;bottom:16px;background:var(--surface-3);border:1px solid var(--hairline);border-left:2px solid var(--cat-io);border-radius:8px;padding:8px 11px;font-size:11.5px;color:var(--ink-2);--t: clamp(0, calc(var(--run) * 9 - 7), 1);opacity:var(--t);transform:translateY(calc(12px * (1 - var(--t))))}.fxs .cursor.two{left:110px;top:170px;opacity:calc(clamp(0,calc(var(--run) * 16 - .3),1)*clamp(0,calc(2.4 - var(--run) * 5),1));transform:translate(calc(50px*(1 - clamp(0,calc(var(--run) * 12),1))),calc(40px*(1 - clamp(0,calc(var(--run) * 12),1))))}.fxs-cap{position:absolute;inset:0;z-index:9;pointer-events:none}.fxs-cap div{position:absolute;left:50%;bottom:4.5vh;width:min(64ch,86vw);text-align:center;--in: clamp(0, calc(var(--c) * 4.5), 1);--out: clamp(0, calc((1 - var(--c)) * 6), 1);opacity:calc(var(--in) * var(--in) * var(--out));transform:translate(-50%) translateY(calc(14px * (1 - var(--in)) - 10px * (1 - var(--out))))}.fxs-cap div:nth-child(1){--c: var(--c1)}.fxs-cap div:nth-child(2){--c: var(--c2)}.fxs-cap div:nth-child(3){--c: var(--c3)}.fxs-cap div:nth-child(4){--c: var(--c4);--out: 1}.fxs-cap h3{margin:0;color:var(--ink);font-size:clamp(22px,2.1vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.15}.fxs-cap p{margin:6px 0 0;color:var(--ink-3);font-size:14px;letter-spacing:.01em}@media(max-width:1023px){.fxs-cap div{bottom:16px;width:calc(100vw - 32px)}.fxs-cap h3{font-size:19px;text-shadow:0 0 14px var(--bg),0 0 5px var(--bg)}.fxs-cap p{font-size:12.5px;text-shadow:0 0 14px var(--bg),0 0 5px var(--bg)}.fxs-cap div{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--bg) 93%,transparent)}.fxs-wires .pk{filter:none}.fxs .cursor svg{filter:none}.fxs-frame{box-shadow:0 10px 26px var(--shade)}.fxs-appwin{box-shadow:0 10px 24px var(--shade)}.fxs .nd{box-shadow:0 6px 16px var(--shade)}.fxs .pill{box-shadow:0 3px 8px var(--shade)}.fxs .nd-h b{box-shadow:none}}