@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(./syne-greek-wght-normal-5tOOQDeJ.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(./syne-latin-ext-wght-normal-JjI8ZrW1.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(./syne-latin-wght-normal-BVsvWWA4.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --pa{syntax: "<color>"; inherits: true; initial-value: #2EE6FF;}@property --pb{syntax: "<color>"; inherits: true; initial-value: #FF3BD4;}:root{--font-display: "Syne Variable", "Syne", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif;--pa: #2EE6FF;--pb: #FF3BD4;--bg: #010207;transition:--pa 1.2s ease,--pb 1.2s ease}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-body);background:var(--bg);color:#fff}.stage{position:fixed;inset:0;overflow:hidden;background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none}.stage[data-cursor="1"] .canvas-wrap{cursor:none}.prism-fallback{position:absolute;inset:0;overflow:hidden;background:var(--bg)}.prism-fallback:before{content:"";position:absolute;inset:-20%;background:radial-gradient(34% 30% at 40% 48%,color-mix(in oklab,var(--pa) 30%,transparent),transparent 70%),radial-gradient(32% 28% at 62% 54%,color-mix(in oklab,var(--pb) 26%,transparent),transparent 70%),radial-gradient(60% 50% at 50% 50%,#0a0c18,transparent 80%);filter:blur(56px) saturate(120%);animation:fallback-breathe 6s ease-in-out infinite alternate}.prism-fallback:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.28) .8px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:radial-gradient(50% 42% at 50% 50%,#000 15%,transparent 100%);mask-image:radial-gradient(50% 42% at 50% 50%,#000 15%,transparent 100%);opacity:.5}@keyframes fallback-breathe{0%{transform:scale(1) rotate(0)}to{transform:scale(1.08) rotate(4deg)}}.canvas-wrap{position:absolute;inset:0;opacity:0;transition:opacity .9s ease .05s}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.stage.is-ready .canvas-wrap{opacity:1}.glass{background:#0c0e1a6b;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 44px #00000073,inset 0 1px #ffffff14}.chrome-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;z-index:20;pointer-events:none}.chrome-top>*{pointer-events:auto}.wordmark{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.3em;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;text-shadow:0 0 18px color-mix(in oklab,var(--pa) 55%,transparent)}.wordmark svg{color:var(--pa);filter:drop-shadow(0 0 6px var(--pa))}.about-btn{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.02em;color:#ffffffd9;padding:9px 15px;border-radius:999px;transition:background .25s,color .25s,border-color .25s}.about-btn:hover,.about-btn[aria-expanded=true]{background:#ffffff1a;color:#fff;border-color:color-mix(in oklab,var(--pa) 40%,transparent)}.card{position:absolute;top:66px;right:24px;width:min(330px,calc(100vw - 28px));padding:20px 22px 18px;border-radius:20px;z-index:30;font-size:13px;line-height:1.6;color:#ffffffc7}.card p+p{margin-top:9px}.card-lead{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;color:#fff;line-height:1.25;padding-right:26px;background:linear-gradient(90deg,#fff 40%,color-mix(in oklab,var(--pa) 70%,#fff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-credit{font-size:11px;letter-spacing:.04em;color:#ffffff73;margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.card-x{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;color:#fff9}.card-x:hover{background:#ffffff1a;color:#fff}.dock-wrap{position:absolute;left:0;right:0;bottom:24px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 12px;pointer-events:none}.readout{font-size:10.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#ffffff80;white-space:nowrap;display:flex;gap:12px;align-items:center;font-variant-numeric:tabular-nums}.readout i{font-style:normal;color:var(--pa);text-shadow:0 0 8px var(--pa)}.dock{pointer-events:auto;max-width:100%}.dock-pill{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px}.dock-modes{display:flex;align-items:center;gap:2px}.dock-mode{position:relative;font-family:var(--font-display);font-weight:600;font-size:12.5px;letter-spacing:.02em;color:#ffffff94;padding:9px 14px;border-radius:999px;transition:color .25s;min-width:64px}.dock-mode:hover{color:#ffffffeb}.dock-mode[aria-selected=true]{color:#fff}.dock-mode:focus-visible,.swatch:focus-visible,.dock-go:focus-visible,.about-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--pa) 80%,#fff);outline-offset:2px}.dock-mode-bg{position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,color-mix(in oklab,var(--pa) 22%,rgba(255,255,255,.08)),color-mix(in oklab,var(--pb) 22%,rgba(255,255,255,.08)));box-shadow:0 0 22px color-mix(in oklab,var(--pa) 32%,transparent),inset 0 0 0 1px #ffffff1f}.dock-mode-label{position:relative;display:inline-block}.dock-sep{width:1px;height:22px;background:#ffffff1f;margin:0 4px}.dock-palettes{display:flex;align-items:center;gap:9px;padding:0 5px}.swatch{width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,var(--a) 0 50%,var(--b) 50% 100%);box-shadow:0 0 0 1px #ffffff24,0 0 12px color-mix(in oklab,var(--a) 30%,transparent);transition:box-shadow .25s}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px #ffffffe6,0 0 16px color-mix(in oklab,var(--a) 55%,transparent)}.dock-input{display:flex;align-items:center;gap:5px;padding-left:4px}.dock-input input{width:156px;height:34px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 14px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#fff;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;user-select:text;-webkit-user-select:text}.dock-input input::placeholder{color:#ffffff61;font-weight:500;letter-spacing:.01em;text-transform:none}.dock-input input:focus{border-color:color-mix(in oklab,var(--pa) 70%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--pa) 18%,transparent),0 0 20px color-mix(in oklab,var(--pa) 24%,transparent);background:#ffffff17}.dock-go{flex:none;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;color:#05060c;background:linear-gradient(135deg,var(--pa),var(--pb));box-shadow:0 0 18px color-mix(in oklab,var(--pa) 45%,transparent)}.hints{position:absolute;right:24px;bottom:33px;z-index:20;display:flex;gap:14px;font-size:10px;letter-spacing:.1em;color:#ffffff61;text-transform:uppercase;pointer-events:none}.hints kbd{font-family:var(--font-body);font-size:10px;padding:2px 5px;border-radius:5px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#ffffffb3;margin-right:5px}.ring{position:fixed;left:0;top:0;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:999px;border:1.5px solid color-mix(in oklab,var(--pa) 75%,#fff);box-shadow:0 0 26px color-mix(in oklab,var(--pa) 45%,transparent),inset 0 0 26px color-mix(in oklab,var(--pb) 30%,transparent);opacity:0;pointer-events:none;z-index:15;will-change:transform,opacity}.cursor{position:fixed;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:999px;border:1px solid rgba(255,255,255,.75);pointer-events:none;z-index:40;transition:border-color .3s}.cursor:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:var(--pa);box-shadow:0 0 8px var(--pa)}.cursor[data-mode=attract]{border-style:dashed;border-color:color-mix(in oklab,var(--pa) 80%,#fff)}.cursor[data-mode=attract]:after{width:2px;height:2px;margin:-1px 0 0 -1px}@media(hover:none){.cursor{display:none}}@media(max-width:1319px){.hints{display:none}}@media(max-width:1219px){.dock-wrap{bottom:64px}}@media(max-width:767px){.chrome-top{padding:14px}.wordmark{font-size:14px;gap:8px}.about-btn{padding:8px 13px}.dock-wrap{bottom:62px;gap:10px;padding:0 10px}.readout{font-size:9.5px;letter-spacing:.26em}.dock{width:100%;max-width:420px}.dock-pill{flex-wrap:wrap;justify-content:space-between;border-radius:22px;padding:6px;row-gap:6px}.dock-modes{width:100%;justify-content:space-between}.dock-mode{flex:1;min-width:0;font-size:12px;padding:9px 4px}.dock-sep{display:none}.dock-palettes{gap:10px;padding:0 6px}.dock-input{flex:1;min-width:0;padding:0}.dock-input input{flex:1;min-width:0;width:auto}.card{top:58px;right:14px}}@media(prefers-reduced-motion:reduce){:root{transition:none}.prism-fallback:before{animation:none}.canvas-wrap{transition:none}.ring{display:none}}
