.jon{--ink: #f4f4ee;--dim: rgba(244, 244, 238, .64);--faint: rgba(244, 244, 238, .36);--acid: #f2efe6;--paper: #0a0a0b;--line: rgba(244, 244, 238, .12);--red: #ff5d5d;--hel: "Helvetica Neue", Helvetica, Arial, sans-serif;position:relative;color:var(--ink);font-family:var(--hel);overflow-x:clip;background:radial-gradient(120% 90% at 50% 0%,#101013,#0a0a0b 55%,#070708);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.jon ::selection{background:var(--acid);color:#000}.jon-exp{position:fixed;inset:0;z-index:10;pointer-events:none}.jon-exp canvas{pointer-events:auto}.jon-card{border-radius:18px;border:1px solid transparent;background:linear-gradient(#0f0f11d1,#0c0c0edb) padding-box,linear-gradient(150deg,#ffffff2e,#ffffff0a 35%,#f2efe624) border-box;backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 40px 90px -30px #000c,0 12px 30px -18px #000000e6,inset 0 1px #ffffff12}.jon-top{position:fixed;top:0;left:0;right:0;z-index:60;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.5vw,48px);background:linear-gradient(to bottom,rgba(10,10,11,.55),transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,#000 60%,transparent)}.jon-brand{font-weight:800;letter-spacing:-.02em;font-size:16px;cursor:pointer}.jon-brand sup{color:var(--acid)}.jon-top-r{display:flex;align-items:center;gap:10px}.jon-cta{font-family:var(--hel);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--acid);color:#000;border:0;padding:12px 20px;border-radius:99px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 24px -6px #f2efe673,inset 0 1px #fff6;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.jon-cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px -6px #f2efe68c,inset 0 1px #fff6}.jon-ghostbtn{font-family:var(--hel);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#f4f4ee0a;color:var(--dim);border:1px solid var(--line);padding:12px 20px;border-radius:99px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s,border-color .2s}.jon-ghostbtn:hover{color:var(--ink);border-color:#f4f4ee59}.jon-sc{position:relative;z-index:20}.jon-frame{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none}.jon-beat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1500px,94vw);text-align:center;opacity:0;visibility:hidden;will-change:transform,opacity,filter}.jon-beat[data-side=l]{left:30%;width:min(900px,44vw);text-align:left}.jon-beat[data-side=l] .jon-sub{margin-left:0}.jon-k{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0 0 24px}.jon-k:before{content:"";width:22px;height:2px;background:var(--acid);border-radius:1px}.jon-beat:not([data-side]) .jon-k{justify-content:center}.jon-h{margin:0;font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(40px,6.4vw,118px)}.jon-beat[data-side=l] .jon-h{font-size:clamp(32px,4.1vw,80px)}.jon-h .acid{color:var(--acid)}.jon-h .dim{color:var(--faint)}.jon-sub{margin:22px auto 0;max-width:46ch;font-size:clamp(14px,1.3vw,18px);line-height:1.6;color:var(--dim)}.jon-w{display:inline-block;will-change:transform,opacity}.jon-count{display:block;color:var(--acid);min-height:1.05em;text-shadow:0 0 40px rgba(242,239,230,.25)}.jon-snap{position:fixed;inset:0;z-index:15;background:#000;opacity:0;pointer-events:none}.jon-spot{position:fixed;inset:0;z-index:16;pointer-events:none;opacity:0;background:radial-gradient(ellipse 46% 38% at 50% 46%,rgba(244,244,238,.1) 0%,transparent 70%)}.jon-options{display:flex;gap:10px;justify-content:center;margin-top:28px}.jon-opt{padding:11px 20px;border-radius:99px;border:1px solid var(--line);background:#f4f4ee08;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.jon-opt.hot{background:var(--acid);border-color:var(--acid);color:#000;box-shadow:0 8px 26px -8px #f2efe699}.jon-oper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1500px,94vw);display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center}.jon-oper-word{grid-column:2;text-align:center}.jon-oper-word .jon-h{font-size:clamp(30px,3.5vw,64px)}.jon-oper-word .swap{color:var(--acid);display:inline-block;min-width:5ch;text-shadow:0 0 34px rgba(242,239,230,.25)}.jon-foot{position:relative;z-index:30;background:#060607;border-top:1px solid var(--line);padding:clamp(60px,9vh,120px) clamp(18px,4vw,60px) 40px;text-align:center;overflow:hidden}.jon-foot:before{content:"";position:absolute;left:50%;top:-140px;width:720px;height:320px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(242,239,230,.14),transparent 70%);pointer-events:none}.jon-foot h2{margin:0 0 16px;font-weight:800;letter-spacing:-.045em;font-size:clamp(40px,6.2vw,116px)}.jon-foot p{color:var(--dim);margin:0 0 34px}.jon-foot-row{display:flex;gap:12px;justify-content:center;margin-bottom:70px}.jon-foot-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);border-top:1px solid var(--line);padding-top:24px}.jon-grain{position:fixed;inset:-70px;z-index:52;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E")}.jon-beat--cta{pointer-events:auto}.jon .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:820px){.jon-beat[data-side=l]{left:50%;width:92vw;text-align:center}.jon-beat[data-side=l] .jon-sub{margin-left:auto}.jon-beat[data-side=l] .jon-k{justify-content:center}.jon-oper{grid-template-columns:1fr;gap:22px}.jon-oper-word,.jon-shot{grid-column:1;grid-row:auto}}.flx .jon-count{display:block;color:var(--acid);min-height:1.05em;text-shadow:0 0 40px rgba(242,239,230,.22)}.flx .jon-oper .jon-oper-word .swap{color:var(--acid)}.flx .fl-h{font-weight:500;letter-spacing:.01em;line-height:1.32;font-size:clamp(24px,2.35vw,48px)}.flx .fl-beat[data-side=l] .fl-h,.flx .fl-beat[data-side=r] .fl-h{font-size:clamp(21px,1.95vw,40px)}.flx .fl-k{font-size:9px;letter-spacing:.46em;color:var(--faint);margin-bottom:20px}.flx .fl-sub{font-size:clamp(12px,1vw,15px);color:var(--faint);margin-top:18px;max-width:40ch;line-height:1.7}.flx .fl-beat--low{top:78%}.flx .fl-h .dim{color:#f4f4ee4d}.flx-vig{position:fixed;inset:0;z-index:53;pointer-events:none;background:radial-gradient(ellipse 115% 92% at 50% 44%,transparent 52%,rgba(0,0,0,.6) 100%)}.flx .fl-grain{opacity:.08}.flx .jon-oper-word .fl-h{font-size:clamp(24px,2.4vw,46px)!important}.fl .art{--a-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--a-ink: rgba(244, 244, 238, .86);--a-dim: rgba(244, 244, 238, .52);--a-faint: rgba(244, 244, 238, .3);--a-ghost: rgba(244, 244, 238, .13);--a-hair: rgba(244, 244, 238, .14);--a-acid: #f2efe6;--a-err: #d96a58;position:absolute;transform:translate(-50%,-50%);font-family:var(--a-mono);font-size:clamp(10px,.78vw,13px);line-height:2.05;letter-spacing:.07em;font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--a-dim);opacity:0;will-change:opacity,transform;text-shadow:0 0 14px rgba(244,244,238,.05)}.fl .art *{margin:0}.fl .art-h{display:flex;justify-content:space-between;gap:6ch;padding-bottom:.55em;margin-bottom:.9em;border-bottom:1px solid var(--a-hair);font-size:.82em;letter-spacing:.34em;color:var(--a-faint)}.fl .art-h b{font-weight:400;color:var(--a-dim)}.fl .art-f{display:flex;justify-content:space-between;gap:6ch;padding-top:.55em;margin-top:.9em;border-top:1px solid var(--a-hair);font-size:.82em;letter-spacing:.28em;color:var(--a-faint)}.fl .art-r{display:flex;align-items:baseline;gap:1.2ch;white-space:nowrap}.fl .art-r .k{color:var(--a-faint)}.fl .art-r .fill{flex:1 1 3ch;min-width:3ch;border-bottom:1px dotted var(--a-ghost);transform:translateY(-.5em)}.fl .art-r .v{color:var(--a-ink)}.fl .art .err{color:var(--a-err)}.fl .art .acid{color:var(--a-acid);text-shadow:0 0 18px rgba(242,239,230,.25)}.fl .art .lc{text-transform:none}.fl .art [data-l],.fl .art--man .art-r,.fl .art--man .art-f{opacity:0;transition:opacity .16s steps(2,end)}.fl .art [data-l].on,.fl .art--man .art-r.on,.fl .art--man .art-f.on{opacity:1}.fl .art-cur:after{content:"▮";margin-left:.35ch;color:var(--a-ink);animation:artblink 1s steps(2) infinite}@keyframes artblink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.fl .art-cur:after,.flx .jon-rage-text:after{animation:none}}.fl .art-bar{position:relative;display:inline-block;width:18ch;height:1em;color:var(--a-ghost);overflow:hidden;flex:none}.fl .art-bar:before{content:"░░░░░░░░░░░░░░░░░░";position:absolute;inset:0}.fl .art-bar i{position:absolute;inset:0 auto 0 0;width:0%;overflow:hidden;font-style:normal;color:var(--a-ink);white-space:nowrap}.fl .art-bar i:before{content:"██████████████████"}.fl .art-bar.err i{color:var(--a-err)}.fl .art--hs{left:66%;top:30%;width:min(54ch,42vw)}.fl .art--log{left:66%;top:66%;width:min(56ch,42vw)}.fl .art--log .art-r{display:grid;grid-template-columns:9ch 4ch 1fr;white-space:normal}.fl .art--log .ts{color:var(--a-ghost)}.fl .art--log .who{color:var(--a-faint)}.fl .art--log .tx{color:var(--a-dim)}.fl .art--log .me .who,.fl .art--log .me .tx{color:var(--a-ink)}.fl .art--assess{left:64%;top:33%;width:min(46ch,40vw)}.fl .art--labor{left:64%;top:67%;width:min(50ch,40vw)}.fl .art--labor .v{min-width:4ch;text-align:right}.fl .art--sub{left:66%;top:44%;width:min(48ch,40vw)}.fl .art--sub .v{min-width:9ch;text-align:right}.fl .art--cli{left:50%;top:50%;width:min(60ch,74vw)}.fl .art--cli .in{display:block;margin-top:.4em;font-size:1.3em;line-height:1.7;color:var(--a-ink);text-transform:none;letter-spacing:.02em;white-space:normal;min-height:2.6em}.fl .art--cli .in:before{content:"> ";color:var(--a-faint)}.fl .art--man{left:71%;top:50%;width:min(54ch,40vw)}.fl .art--man .k:before{content:"→ ";color:var(--a-ghost)}.fl .art--man .x{color:var(--a-faint);opacity:0;transition:opacity .3s}.fl .art--tele{position:static;transform:none;grid-column:3;grid-row:1;justify-self:center;width:min(38ch,26vw);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.fl .art--index{left:50%;top:51%;opacity:1;width:min(78ch,84vw);font-size:clamp(11px,.92vw,15px)}.fl .art--index .jon-box{opacity:0;transform:translateY(8px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.fl .art--index .jon-box.on{opacity:1;transform:none}.fl .art--index .n{color:var(--a-ghost);width:3ch;flex:none}.fl .art--index .k{color:var(--a-ink);width:14ch;flex:none}.fl .art--index .d{color:var(--a-faint)}.flx .jon-ragebar{position:absolute;left:50%;bottom:8%;transform:translate(-50%);overflow:hidden;opacity:0;border:0;border-radius:0;border-top:1px solid rgba(217,106,88,.3);background:#070708e6;box-shadow:0 -40px 90px -40px #000000d9}.flx .jon-ragebar:before{content:"STDERR — ATTEMPT 47 · OUTPUT UNUSABLE";position:absolute;top:12px;left:18px;font:400 9px/1 IBM Plex Mono,ui-monospace,Consolas,monospace;letter-spacing:.34em;color:#d96a588c}.flx .jon-rage-text{width:100%;max-height:100%;padding:36px 18px 18px;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:12px;line-height:1.75;color:#d96a5880;word-break:break-all;white-space:pre-wrap;overflow:hidden;text-transform:none}.flx .jon-rage-text:after{content:"▮";color:#d96a58;animation:artblink .6s steps(2) infinite}@media(max-width:820px){.fl .art{font-size:10px}.fl .art--hs,.fl .art--log,.fl .art--assess,.fl .art--sub{left:50%}.fl .art--labor{display:none}.fl .art--man{left:50%;top:58%}.fl .art--cli{width:86vw}.fl .art--tele{grid-column:1;grid-row:auto}.fl .art--index{width:92vw}.fl .art--index .d{display:none}}.fl .art--pour{left:24%;top:72%;width:min(46ch,34vw);text-align:left}.fl .art--adeng{left:70%;top:64%;width:min(44ch,32vw)}.fl .fl-h .dim{color:#f4f4ee59}.fl .jon-count{display:block;color:var(--acid, #f2efe6);min-height:1.05em;text-shadow:0 0 40px rgba(242,239,230,.22)}@media(max-width:820px){.fl .art--pour{left:50%;top:74%}.fl .art--adeng{display:none}}.fl .art--man{left:33%;top:39%;width:min(52ch,40vw);font-size:clamp(11px,.92vw,15px);line-height:2.2}.fl .art--man .art-brief{display:flex;align-items:baseline;gap:1.2ch;white-space:nowrap;padding-bottom:.7em;margin-bottom:.4em;border-bottom:1px dotted var(--a-ghost);font-size:.9em}.fl .art--man .art-brief .k{color:var(--a-faint)}.fl .art--man .art-brief .v{color:var(--a-dim)}.fl .art--man .art-live-dot{color:var(--a-faint);transition:color .4s}.fl .art--man.art--live .art-live-dot{color:var(--a-acid)}.fl .art--man.art--live{animation:art-golive .5s ease-out}@keyframes art-golive{0%{filter:brightness(1)}30%{filter:brightness(1.5)}to{filter:brightness(1)}}body.wx .fl .art{--a-ink: rgba(12, 12, 13, .88);--a-dim: rgba(12, 12, 13, .58);--a-faint: rgba(12, 12, 13, .36);--a-ghost: rgba(12, 12, 13, .16);--a-hair: rgba(12, 12, 13, .18);--a-err: #b34a3a;text-shadow:none}body.wx .fl .art .acid{color:#20201d;text-shadow:none}@media(max-width:820px){.fl .art--hs,.fl .art--pour,.fl .art--adeng,.fl .art--tele{display:none}.fl .art--man{left:50%;top:25%;width:92vw;line-height:1.9;font-size:clamp(9px,2.7vw,12px)}.fl .art--man .art-brief{white-space:normal}.fl .art--man .x{display:none}}.mo{--chroma-base: #f4f4ee;--chroma-r: rgba(255, 46, 106, .62);--chroma-c: rgba(34, 208, 255, .62);--chroma-r-far: rgba(255, 46, 106, .3);--chroma-c-far: rgba(34, 208, 255, .3)}.mo .acid,.mo .mo-acid,.mo .jon-count,.mo .jon-oper-word .swap,.mo .fl-flash{color:var(--chroma-base);text-shadow:-.013em 0 .005em var(--chroma-r),.013em 0 .005em var(--chroma-c),-.028em 0 .02em var(--chroma-r-far),.028em 0 .02em var(--chroma-c-far)}.mo .fl-mark .acid,.mo .mo-huge .mo-acid{text-shadow:-.01em 0 .004em var(--chroma-r),.01em 0 .004em var(--chroma-c),-.022em 0 .03em var(--chroma-r-far),.022em 0 .03em var(--chroma-c-far)}.mo .jon-count{text-shadow:-.013em 0 .005em var(--chroma-r),.013em 0 .005em var(--chroma-c),0 0 .7em rgba(244,244,238,.18)}.mo .mo-frameline i{background:linear-gradient(90deg,rgba(255,46,106,.9) 0%,var(--chroma-base) 50%,rgba(34,208,255,.9) 100%)}.mo .mo-btn-pri{background:var(--chroma-base);color:#0a0a0b;border-color:var(--chroma-base);box-shadow:-3px 0 18px -5px var(--chroma-r),3px 0 18px -5px var(--chroma-c)}.mo .mo-btn-pri:hover{background:#fff;box-shadow:-4px 0 22px -4px var(--chroma-r),4px 0 22px -4px var(--chroma-c)}.mo .jon-cta{background:var(--chroma-base);color:#0a0a0b;box-shadow:-3px 0 22px -6px var(--chroma-r),3px 0 22px -6px var(--chroma-c),inset 0 1px #ffffff73}.mo .jon-cta:hover{transform:translateY(-1px);box-shadow:-5px 0 28px -6px var(--chroma-r),5px 0 28px -6px var(--chroma-c),inset 0 1px #ffffff73}.mo .jon-opt.hot{background:var(--chroma-base);border-color:var(--chroma-base);color:#0a0a0b;box-shadow:-3px 0 16px -6px var(--chroma-r),3px 0 16px -6px var(--chroma-c)}.mo .jon-k:before{background:linear-gradient(90deg,#ff2e6af2,#22d0fff2)}.mo .mo-foot-dot{background:var(--chroma-base);box-shadow:-1.5px 0 3px var(--chroma-r),1.5px 0 3px var(--chroma-c)}.mo ::selection{background:#22d0ff38;color:#fff;text-shadow:-.5px 0 rgba(255,46,106,.6)}.fl .art .acid{color:#eaf1ff;text-shadow:-.5px 0 rgba(255,46,106,.5),.5px 0 rgba(34,208,255,.6)}body.wx .mo .acid,body.wx .mo .jon-count,body.wx .mo .jon-oper-word .swap,body.wx .mo .fl-flash{color:#161513;text-shadow:-.012em 0 0 rgba(214,24,84,.7),.012em 0 0 rgba(0,150,214,.7)}body.wx .fl .art .acid{color:#163a5e;text-shadow:-.5px 0 rgba(214,24,84,.5),.5px 0 rgba(0,150,214,.5)}.mo .mo-brand{display:inline-flex;align-items:center}.mo .mo-brand-logo{height:15px;width:auto;display:block}.mo .mo-load-brand{display:inline-flex;align-items:center;gap:8px}.mo .mo-load-icon{height:15px;width:auto;display:block;opacity:.92}.mo .mo-foot-brand{align-items:flex-start;gap:12px}.mo .mo-foot-logo{height:20px;width:auto;display:block}@media(max-width:620px){.mo .mo-brand-logo{height:13px}}@media(max-width:820px){.mo .acid,.mo .mo-acid,.mo .jon-count,.mo .jon-oper-word .swap,.mo .fl-flash,.mo .fl-mark .acid,.mo .mo-huge .mo-acid{text-shadow:-.012em 0 0 var(--chroma-r),.012em 0 0 var(--chroma-c)}}