@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/f4b234103afdc32a-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/0b60d5f95c5f3f76-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/8056169c9d560660-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}._0pVUyW_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}._0pVUyW_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.gTN-XW_className{font-family:Inter,Inter Fallback;font-style:normal}.gTN-XW_variable{--font-ui:"Inter", "Inter Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/f7095de3000afb68-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/e63b65bb308a9351-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.yJuAoG_className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:italic;font-weight:400}.yJuAoG_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root{--panel:#2c2c2c;--panel-2:#383838;--line:#444;--canvas:#1e1e1e;--txt:#f0f0f0;--txt-2:#a8a8a8;--blue:#0d99ff;--purple:#9747ff;--guide:#ff3d71;--contact:#ff4b1f;--beat:130px;--cp:0}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas);color:var(--txt)}body{font-family:var(--font-ui), system-ui, sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}html{scrollbar-color:#555 var(--canvas);scrollbar-width:thin}.scroll{height:calc(var(--beats) * var(--beat) + 100svh);position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.canvas{background-color:var(--canvas);background-image:radial-gradient(circle,#343434 1px,#0000 1.2px);position:absolute;inset:0;overflow:hidden}.world{transform-origin:0 0;--z:1;z-index:1;width:0;height:0;position:absolute;top:0;left:0}.present-bg{background:var(--contact);opacity:var(--cp);position:absolute;inset:0}.fw,.l{--x:var(--lx);--y:var(--ly);--w:var(--lw);--h:var(--lh);--f:var(--lfs)}.fw{left:var(--x);top:var(--y);width:0;height:0;position:absolute}.flabel{left:0;bottom:calc(6px / var(--z));white-space:nowrap;font-size:calc(12px / var(--z));color:#b5b5b5;opacity:calc(var(--lo,0) * (1 - var(--cp)));position:absolute}.l{left:var(--x);top:var(--y);visibility:var(--v,hidden);opacity:var(--o,1);transform:translate(var(--tx,0), var(--ty,0)) scale(var(--s,1));text-decoration:none;display:block;position:absolute}@media (hover:hover){.l:hover{outline:calc(1.5px / var(--z)) solid rgb(13 153 255/calc(1 - var(--cp)))}}[data-l^=st]:first-line{color:#d6f25c;font-weight:700}.shape{width:calc(var(--w) * var(--dp,1));height:calc(var(--h) * var(--dp,1));background:var(--fill);box-shadow:0 18px 40px rgb(10 12 60/calc(var(--sp,0) * .35));border-radius:calc(var(--r) * var(--rp,1));place-items:center;display:grid;overflow:hidden}.shape:after{content:"";background:var(--base);opacity:var(--gp,0);pointer-events:none;position:absolute;inset:0}.label{color:var(--ink);white-space:nowrap;opacity:calc(1 - var(--gp,0));font-size:16px;font-weight:600}.btn .label{font-family:var(--font-display);font-size:21px;font-weight:700}.input input,.input textarea{color:#f2eadb;caret-color:#d6f25c;width:100%;height:100%;font:500 17px var(--font-ui);resize:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;padding:0 0 0 82px;position:absolute;inset:0}.input textarea{padding:16px 18px;line-height:1.45}.input ::placeholder{color:#827c70}.input em{color:#9c968a;font:500 15px var(--font-ui);position:absolute;top:50%;left:0;transform:translateY(-50%)}.input.field-line{transition:box-shadow .15s;box-shadow:inset 0 -1px #3f3b33}.input.field-line:focus-within{box-shadow:inset 0 -2px #d6f25c}.input.field-line:focus-within em{color:#d6f25c}.input.field-area{transition:box-shadow .15s}.input.field-area:focus-within{box-shadow:inset 0 0 0 2px #d6f25c}.input input:-webkit-autofill{-webkit-text-fill-color:#f2eadb;caret-color:#d6f25c;transition:background-color 99999s}button.btn:hover{filter:brightness(1.08)}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.btn{transition:filter .15s}.btn:hover{filter:brightness(1.45)}.text{width:var(--w);font-size:var(--f);font-family:var(--font);color:var(--ink,#111);white-space:pre-line}.display{letter-spacing:-.035em}.serif{font-style:italic}a.text:hover{text-decoration:underline}.rest{visibility:hidden}[data-caret]{vertical-align:-.08em;border-left:calc(2px / var(--z)) solid var(--blue);opacity:0;width:0;height:.9em;display:inline-block}.noodles{pointer-events:none;width:1px;height:1px;opacity:calc(1 - var(--cp) * 3);position:absolute;top:0;left:0;overflow:visible}.noodles path{fill:none;stroke:var(--blue);stroke-width:calc(2.5px / var(--z));stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.noodles circle{r:calc(6px / var(--z));fill:var(--blue);opacity:0}.overlay{pointer-events:none;opacity:calc(1 - var(--cp));position:absolute;inset:0}.sel{border:1.5px solid var(--blue);opacity:0;--c:var(--blue);position:absolute;top:0;left:0}.sel[data-component]{border-color:var(--purple);--c:var(--purple)}.sel>i{border:1.5px solid var(--c);background:#fff;width:8px;height:8px;position:absolute}.sel>i:first-child{top:-5px;left:-5px}.sel>i:nth-child(2){top:-5px;right:-5px}.sel>i:nth-child(3){bottom:-5px;left:-5px}.sel>i:nth-child(4){bottom:-5px;right:-5px}.dim{background:var(--c);color:#fff;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.rd{display:none;position:absolute;inset:0}.rd[data-round]{display:block}.rd u{border:1.5px solid var(--blue);background:#fff;border-radius:50%;width:8px;height:8px;position:absolute}.rd u:first-child{left:calc(var(--rd) - 4px);top:calc(var(--rd) - 4px)}.rd u:nth-child(2){right:calc(var(--rd) - 4px);top:calc(var(--rd) - 4px)}.rd u:nth-child(3){left:calc(var(--rd) - 4px);bottom:calc(var(--rd) - 4px)}.rd u:nth-child(4){right:calc(var(--rd) - 4px);bottom:calc(var(--rd) - 4px)}.guide{opacity:0;background:var(--guide);position:absolute;top:0;left:0}.guide.h{height:1px}.guide.v{width:1px}.guide span{background:var(--guide);color:#fff;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{background:var(--panel);z-index:3;flex-direction:column;font-size:11px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.panel.left{border-right:1px solid var(--line);width:240px;transform:translateX(calc(var(--cp) * -100%));left:0}.panel.right{border-left:1px solid var(--line);width:248px;transform:translateX(calc(var(--cp) * 100%));right:0}.file{align-items:center;gap:10px;padding:13px 14px 11px;display:flex}.file strong{font-size:12px;font-weight:600;display:block}.file small{color:var(--txt-2);font-size:11px}.mark{grid-template-columns:8px 8px;gap:2px;display:grid}.mark span{background:var(--blue);width:8px;height:8px}.mark span:nth-child(2){border-radius:50%}.tabs{border-bottom:1px solid var(--line);color:var(--txt-2);gap:12px;padding:8px 14px;display:flex}.tabs b{color:var(--txt);font-weight:600}.tabs.spaced{justify-content:space-between}.tabs.spaced>div{gap:12px;display:flex}.section-title{padding:12px 14px 6px;font-weight:600}.tree{flex:1;padding:0 6px;overflow:hidden}.empty{color:var(--txt-2);padding:4px 8px;line-height:1.5}.row{color:#d8d8d8;text-align:left;border-radius:5px;align-items:center;gap:7px;width:100%;height:26px;padding:0 8px;font-size:11px;animation:.25s ease-out rowin;display:flex}.row span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row.child{color:var(--txt-2);padding-left:32px}.row.sel{color:#fff;background:#0d99ff47}.row.comp,.purple{color:#b98cff}.frame-row{font-weight:600}.frame-row:hover{background:var(--panel-2)}.chev{width:8px;color:var(--txt-2);font-size:9px}@keyframes rowin{0%{opacity:0;transform:translate(-6px)}}.top{align-items:center;gap:8px;padding:9px 12px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:auto;font-size:10px;font-weight:700;display:grid}.play{border-radius:5px;place-items:center;width:30px;height:28px;display:grid}.play:hover,.play[data-pressed]{background:var(--panel-2)}.share{background:var(--blue);color:#fff;border-radius:5px;padding:6px 12px;font-weight:600;text-decoration:none}.zoom{color:var(--txt-2);font-variant-numeric:tabular-nums}.inspector{flex:1;transition:opacity .2s;overflow:hidden}.inspector.blank .insp{opacity:.4}.selname{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:11px 14px 9px;font-size:12px;font-weight:600;overflow:hidden}.insp{border-bottom:1px solid var(--line);padding:10px 14px 12px;position:relative}.insp:before{content:"";background:var(--blue);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.insp.hot:before{opacity:1}.insp h4{margin-bottom:8px;font-size:11px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field,.fillrow{background:var(--panel-2);font-variant-numeric:tabular-nums;border-radius:5px;align-items:center;gap:7px;min-width:0;height:26px;padding:0 8px;display:flex}.field em{color:var(--txt-2);font-style:normal}.fillrow i{border:1px solid #ffffff26;border-radius:3px;flex:none;width:14px;height:14px}.fillrow i.fx{background:#0006;border-radius:50%}.fillrow small{color:var(--txt-2);margin-left:auto;font-size:11px}.typo b{white-space:nowrap;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.typo.off{opacity:.35}.toolbar{z-index:3;background:var(--panel);border:1px solid var(--line);transform:translate(-50%, calc(var(--cp) * 120px));border-radius:12px;gap:2px;padding:5px;display:flex;position:absolute;bottom:16px;left:calc(50% - 4px);box-shadow:0 8px 24px #0006}.tool{color:#ddd;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.tool.on{background:var(--blue);color:#fff}.tool kbd{font:500 7px var(--font-ui);opacity:.6;position:absolute;bottom:1px;right:3px}.progress{z-index:2;height:2px;opacity:calc(1 - var(--cp));position:absolute;top:0;left:240px;right:248px}.progress i{background:var(--blue);transform-origin:0 0;height:100%;display:block;transform:scaleX(0)}.hint{z-index:2;color:var(--txt-2);white-space:nowrap;font-size:13px;transition:opacity .3s;position:absolute;bottom:78px;left:calc(50% - 4px);transform:translate(-50%)}.hint span{animation:1.4s ease-in-out infinite nudge;display:inline-block}[data-intro="0"] .hint{opacity:0}@keyframes nudge{50%{transform:translateY(4px)}}.replay{z-index:5;color:#f2eadb;visibility:hidden;opacity:0;background:#15130f;border-radius:40px;padding:9px 15px;font-size:13px;font-weight:600;transition:opacity .25s;position:absolute;bottom:20px;right:22px}[data-end="1"] .replay{visibility:visible;opacity:1}.cursor{z-index:4;pointer-events:none;opacity:calc(1 - var(--cp) * 2.5);--bx:16px;--flipy:0;position:absolute;top:0;left:0}.cursor svg{filter:drop-shadow(0 1px 3px #0006);display:block}.bubble{background:var(--blue);color:#fff;width:max-content;max-width:250px;opacity:var(--bo,0);transform:translate(var(--bx), calc((1 - var(--flipy)) * 22px + var(--flipy) * (-100% - 8px)));border-radius:4px 16px 16px;padding:7px 12px;font-size:14px;font-weight:500;line-height:1.32;transition:opacity .18s;position:absolute;top:0;left:0}[data-intro="1"] .bubble{letter-spacing:-.01em;border-radius:6px 26px 26px;max-width:470px;padding:16px 22px;font-size:25px;font-weight:600;line-height:1.22}.you{z-index:6;pointer-events:none;opacity:0;position:fixed;top:0;left:0}.you span{color:#fff;opacity:calc(1 - var(--cp));background:#ff7262;border-radius:3px 9px 9px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:16px;left:14px}.m-top,.m-nav{display:none}.noscript{padding:24px}.pen{width:var(--w);height:var(--h);pointer-events:none}.pen svg{width:100%;height:100%;display:block}.pen-fill{opacity:calc(1 - var(--gp,1))}.pen-lines path{fill:none;stroke-width:5px;stroke-linejoin:round;opacity:0;stroke:color-mix(in srgb, #0d99ff calc(var(--gp,1) * 100%), #15130f)}.demo-open .label{font-size:15px}.demo-dialog{width:min(860px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--txt);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0}.demo-dialog::backdrop{background:#0a0a0ab8}.demo-window{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #00000080}.demo-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 10px 10px 16px;font-size:13px;display:flex}.demo-bar button{width:30px;height:30px;color:var(--txt-2);border-radius:6px}.demo-bar button:hover{background:var(--panel-2);color:#fff}.demo-pong{background:#15130f;position:relative}.demo-pong canvas{aspect-ratio:800/500;touch-action:none;cursor:none;outline:0;width:100%;display:block}.demo-hint{color:var(--txt-2);background:var(--panel);padding:10px 16px;font-size:13px}.demo-over{aspect-ratio:800/500;background:#15130fd1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.demo-over h3{font:800 clamp(34px, 8vw, 64px) var(--font-display);letter-spacing:-.03em;color:#f2eadb}.demo-over button{color:#15130f;background:#d6f25c;border-radius:30px;padding:12px 24px;font-weight:700}.demo-term{color:#f2eadb;background:#15130f;height:min(480px,100dvh - 90px);padding:16px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.demo-term pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:4px}.demo-term pre.err{color:#ff8a66}.demo-term b{color:#d6f25c;font-weight:500}.demo-line{align-items:baseline;gap:8px;display:flex}.demo-line b{white-space:nowrap}.demo-line input{min-width:0;color:inherit;font:inherit;caret-color:#d6f25c;background:0 0;border:0;outline:0;flex:1;font-size:16px}@media (max-width:760px){:root{--beat:95px}.fw,.l{--x:var(--mlx);--y:var(--mly);--w:var(--mlw);--h:var(--mlh);--f:var(--mfs)}.panel,.toolbar,.you{display:none}.label{font-size:14px}.btn .label{font-size:16px}.demo-open .label{font-size:13px}.input input{padding-left:70px}.input em{font-size:14px}.input textarea{padding:12px 14px}.progress{top:44px;left:0;right:0}.hint{bottom:74px;left:50%}.replay{bottom:12px;right:12px}.m-top{z-index:3;background:var(--panel);border-bottom:1px solid var(--line);height:44px;transform:translateY(calc(var(--cp) * -100%));align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.m-nav{z-index:3;background:var(--panel);border-top:1px solid var(--line);height:58px;transform:translateY(calc(var(--cp) * 100%));gap:1px;padding:7px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.m-nav button{color:var(--txt-2);border-radius:8px;flex:auto;padding:0 3px;font-size:11.5px}.m-nav button.on{background:var(--blue);color:#fff;font-weight:600}.bubble{max-width:210px;font-size:13px}[data-intro="1"] .bubble{max-width:300px;font-size:21px}}@media (prefers-reduced-motion:reduce){.hint span{animation:none}}