:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;--aqua:#63e6de;background:#000;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{-webkit-text-size-adjust:100%}button{font:inherit}.site-shell{min-height:100svh;padding-bottom:3rem}.hero{padding:34px clamp(24px,4vw,64px) 0}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,4.25vw,4rem);font-weight:760;line-height:1.04}.subtitle{color:#8d8d93;letter-spacing:-.02em;margin-top:14px;font-size:clamp(1.12rem,1.4vw,1.35rem);font-weight:450;line-height:1.25}.experiment{--visual-height-growth:calc((clamp(48px, 8vw, 128px) - clamp(32px, 4.5vw, 80px)) * .375);width:calc(100% - clamp(32px,4.5vw,80px));max-width:1496px;margin:clamp(50px,9vh,106px) auto 0}.visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.visual{aspect-ratio:4/3;opacity:0;background:0 0;min-width:0;transition:opacity .45s;position:relative}.spatial,.spectrum{border-radius:7px}.is-ready .visual{opacity:1}.visual canvas{border-radius:inherit;image-rendering:auto;width:100%;height:100%;display:block}.spectrum canvas{cursor:crosshair;touch-action:none}.spectrum canvas:focus{outline:none}.spectrum-label{color:#b6b6bd;letter-spacing:-.01em;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:calc(100% - 32px);font-size:.8125rem;font-weight:450;line-height:1.3;position:absolute;bottom:14px;right:16px}.halos{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.halos circle{fill:#63e6de0b;stroke:#8ef8ed99;stroke-width:.8px}.control-dock{margin-top:max(24px, calc(clamp(28px, 5vh, 52px) - 6px - var(--visual-height-growth)));justify-content:center;align-items:center;gap:1.35rem;display:flex}.presets,.history{align-items:center;gap:.45rem;display:flex}.presets{min-height:44px;padding-inline:.1725rem}button{color:#a4a4ad;letter-spacing:-.012em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:100px;min-height:44px;padding:.65rem 1.15rem;font-size:.9375rem;font-weight:500;transition:background .18s,color .18s,border-color .18s}.presets button{color:#c4c4ca;background:#121214;border-color:#1f1f22;min-height:41px;padding:.55rem 1.0925rem}button:hover:not(:disabled){color:#f5f5f7;background:#202024}.presets button[aria-pressed=true]{color:#9befdf;background:#102824;border-color:#28544b}.history button{color:#83838a}.history button:hover:not(:disabled){color:#c4c4ca}button:active:not(:disabled){background:#2a2a2f}button:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}button:disabled{opacity:.3;cursor:default}.brush-control{grid-template-columns:auto minmax(80px,1fr) 3.5rem;align-items:center;gap:.75rem;width:min(28rem,100%);margin:1.4rem auto 0;display:grid}.brush-control label{color:#a4a4ad;letter-spacing:-.012em;font-size:.9375rem;font-weight:500;line-height:1.4}.brush-control output{color:#a4a4ad;font-variant-numeric:tabular-nums;justify-content:flex-start;align-items:baseline;gap:.4rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:flex;transform:translate(-8px)}.brush-control .unit{color:#8d8d93;font-size:.875rem;font-weight:400}.brush-control input{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0;transform:translateY(1px)}.brush-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--aqua) 0 var(--slider-progress), #fff3 var(--slider-progress) 100%);border-radius:99px;height:2px}.brush-control input::-webkit-slider-thumb{appearance:none;background:var(--aqua);width:13px;height:13px;box-shadow:none;border:2px solid #080a0c;border-radius:50%;margin-top:-5.5px;transition:transform .18s}.brush-control input:hover::-webkit-slider-thumb{transform:scale(1.08)}.brush-control input::-moz-range-track{background:linear-gradient(90deg, var(--aqua) 0 var(--slider-progress), #fff3 var(--slider-progress) 100%);border:0;border-radius:99px;height:2px}.brush-control input::-moz-range-thumb{background:var(--aqua);width:9px;height:9px;box-shadow:none;border:2px solid #080a0c;border-radius:50%}.brush-control input:focus-visible{outline:2px solid var(--aqua);outline-offset:4px;border-radius:3px}.brush-control input:disabled{opacity:.3;cursor:default}.sinusoid-tile{pointer-events:none;opacity:0;z-index:10;will-change:transform, opacity;background:#17171b;border:1px solid #ffffff24;border-radius:10px;width:clamp(144px,15vw,200px);padding:5px;transition:opacity .22s ease-out;position:fixed;top:0;left:0;overflow:hidden}.sinusoid-tile[data-visible=true]{transition-duration:.32s;transition-timing-function:ease-in}.sinusoid-tile canvas{image-rendering:auto;border-radius:5px;width:100%;height:auto;display:block}.status{text-align:center;color:#8d8d93;margin-top:1.5rem;font-size:.875rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1000px) and (height>=850px){.experiment{margin-top:clamp(70px,10vh,130px)}}@media (width<=720px){.hero{padding:25px 20px 0}h1{font-size:clamp(2.35rem,7.8vw,3.25rem);line-height:1.04}.subtitle{margin-top:10px;font-size:1rem}.experiment{width:calc(100% - 40px);margin-top:40px}.visuals{grid-template-columns:minmax(0,1fr);gap:24px}.control-dock{flex-wrap:wrap;gap:.6rem 1rem;margin-top:20px}.presets,.history{flex-wrap:wrap;justify-content:center}.presets{gap:.35rem;padding-inline:.1275rem}button{padding-inline:.85rem}.presets button{padding-inline:.8075rem}.brush-control{grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;margin-top:1rem}.brush-control input{grid-area:2/1/auto/-1;height:36px}.brush-control output{grid-area:1/2;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}