:root{color:#dce4e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#7b8794;--accent:#b4f3cd;background:#080c14;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.playground{background:radial-gradient(at 55% 45%,#17233052 0%,#0000 50%),linear-gradient(#8fa7c504 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#8fa7c504 1px,#0000 1px) 0 0/56px 56px,#080c14;width:100%;height:100dvh;min-height:320px;position:relative;overflow:hidden}#canvas{width:100%;height:100%;position:fixed;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 55% 42%,#0000 30%,#080c1466 100%);position:absolute;inset:0}.masthead{flex-direction:column;gap:14px;display:flex;position:absolute;top:35px;left:42px}.wordmark{color:#e2e9e9;letter-spacing:-.6px;align-items:center;gap:3px;font-size:18px;font-weight:550;text-decoration:none;display:flex}.brand-symbol{color:var(--accent);margin-right:9px;font-size:30px;font-weight:300;line-height:20px}.muted{color:#617177;margin:0 2px}.edition{letter-spacing:2px;color:var(--muted);margin-left:40px;font-size:8px}.experiment-tag{color:#94a1ab;letter-spacing:1px;align-items:center;gap:10px;font:9px ui-monospace,monospace;display:flex;position:absolute;top:43px;right:42px}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #b4f3cd66}.live-dot.is-paused{box-shadow:none;background:#a6a8ae}.tag-divider{color:#3d4a57;padding:0 4px}.introduction{pointer-events:none;position:absolute;bottom:15%;left:6%}.eyebrow{color:var(--muted);letter-spacing:2px;margin:0 0 16px;font-size:8px;font-weight:500}h1{letter-spacing:-5px;margin:0 0 24px;font-size:clamp(48px,5.8vw,92px);font-weight:400;line-height:.97}h1 em{color:#b9cccb;font-family:Georgia,Times New Roman,serif;font-weight:400}.description{color:#8f9ba5;margin:0 0 32px;font-size:12px;line-height:1.8}.formula{color:#b1bdbf;align-items:center;gap:12px;font:11px ui-monospace,monospace;display:flex}.formula>span:first-child{color:var(--accent);font:italic 22px Georgia,serif}.formula-line{background:#4f6666;width:28px;height:1px}.formula-note{letter-spacing:1.2px;color:#677883;font:7px Arial,sans-serif}.control-dock{gap:12px;width:270px;display:grid;position:absolute;bottom:94px;right:42px}.panel-toggle{z-index:2;color:#94a1ab;background:0 0;border:none;justify-self:end;align-items:center;gap:9px;padding:10px 0 10px 10px;font-size:10px;display:flex}.panel-toggle>span:first-child{color:#a6b8bc;font-size:15px}kbd{color:#a8b5be;border:1px solid #3b4853;border-radius:3px;padding:3px 4px;font:8px ui-monospace,monospace}.panel-toggle kbd{margin-left:10px}.controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101821d9;border:1px solid #a3c0cc26;border-radius:12px;width:100%;padding:25px 23px 17px;box-shadow:0 12px 50px #0002}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.panel-heading .eyebrow{letter-spacing:1.8px;margin-bottom:9px;font-size:7px}h2{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:400}.control-symbol{color:#8bafa4;align-self:flex-start;font-size:20px}.control-row{grid-template-columns:1fr auto;row-gap:12px;margin-bottom:18px;display:grid}.control-row label{color:#aebbc4;font-size:10px}.control-row output{color:#c1d1d5;font:10px ui-monospace,monospace}input[type=range]{appearance:none;background:linear-gradient(to right, #a3d6bc var(--range-progress), #2a3540 var(--range-progress));cursor:pointer;border-radius:3px;grid-column:1/-1;width:100%;height:3px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d3f2df;border:2px solid #101821;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #8cb3a0}input[type=range]::-moz-range-thumb{background:#d3f2df;border:2px solid #101821;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #8cb3a0}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.panel-actions{gap:10px;padding-top:4px;display:flex}.primary-button{color:#c7ebd8;background:#b4f3cd0c;border:1px solid #d2f6e23b;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:10px;padding:9px 12px;font-size:10px;display:flex}.primary-button:hover{background:#b4f3cd1c}.reset-button{color:#94a4ae;background:0 0;border:none;padding:9px 0 9px 7px;font-size:10px}.reset-button span{margin-left:8px;font-size:15px}.reset-button:hover,.panel-toggle:hover{color:#e4efed}.keyboard-help{color:#72818c;justify-content:center;align-items:center;gap:6px;margin:19px 0 0;font-size:8px;display:flex}.keyboard-help kbd{color:#94a4ae;border:none;padding:0;font-size:7px}.keyboard-help>span{color:#465865;margin:0 4px}.footer{letter-spacing:1.7px;color:#667581;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:30px;left:42px;right:42px}.renderer-note{align-items:center;gap:13px;display:flex}.renderer-note span{color:#a4b7b8;font-size:14px;line-height:7px}.error-message{color:#ffd9d9;background:#231b25;border:1px solid #d8a4a4;border-radius:8px;padding:20px;position:absolute;top:110px;left:5%;right:5%}@media (min-width:1700px){.introduction{left:8%}.control-dock{right:4%}}@media (max-width:1000px){.introduction{bottom:20%;left:36px}h1{font-size:60px}.formula-note{display:none}.control-dock{width:245px;right:28px}}@media (max-width:759px){.masthead{top:25px;left:24px}.wordmark{font-size:16px}.edition{display:none}.experiment-tag{gap:6px;font-size:7px;top:33px;right:24px}.experiment-tag .tag-divider{padding:0}.introduction{bottom:119px;left:24px}.introduction .eyebrow{max-width:100px;font-size:7px;line-height:1.8}h1{letter-spacing:-2px;margin-bottom:18px;font-size:43px}.description{max-width:130px;margin-bottom:20px;font-size:10px}.formula{gap:8px;font-size:9px}.formula-line{width:12px}.control-dock{width:200px;bottom:78px;right:18px}.controls{padding:18px 16px 16px}.panel-heading{margin-bottom:21px}.panel-heading h2{font-size:12px}.panel-heading .eyebrow{font-size:6px}.control-row{margin-bottom:17px}.panel-toggle{font-size:9px}.keyboard-help{gap:4px;font-size:7px}.keyboard-help>span{margin:0 2px}.footer{letter-spacing:1px;font-size:6px;bottom:24px;left:24px;right:24px}}@media (max-width:370px){.control-dock{width:178px;right:14px}.controls{padding:16px 12px}.introduction{left:18px}.experiment-tag{display:none}.description{max-width:110px}h1{font-size:38px}}@media (max-height:720px) and (max-width:759px){.control-dock{bottom:53px}.introduction{bottom:83px}.description{display:none}h1{font-size:37px}.controls{padding-top:15px}.panel-heading{margin-bottom:17px}}@media (max-height:650px) and (min-width:760px){.masthead{top:22px}.edition{display:none}.experiment-tag{top:30px}.control-dock{bottom:53px}.controls{padding-top:17px}.introduction{bottom:18%}h1{font-size:50px}.description{margin-bottom:16px}}@media (max-height:480px){.control-dock{gap:2px;width:310px;bottom:42px;right:24px}.controls{grid-template-columns:1fr 1fr;column-gap:22px;padding:15px 18px;display:grid}.panel-heading{grid-column:1/-1;margin-bottom:18px}.panel-heading .eyebrow,.keyboard-help{display:none}.panel-actions{grid-column:1/-1;padding-top:0}.control-row{margin-bottom:18px}.introduction{bottom:56px}.introduction .eyebrow{margin-bottom:10px;font-size:7px}h1{letter-spacing:-2px;margin-bottom:12px;font-size:42px}.description{display:none}.formula{font-size:9px}.formula-note{display:none}.footer{bottom:17px}}@media (max-width:370px) and (max-height:720px){h1{font-size:32px}.introduction .eyebrow{letter-spacing:1.5px;font-size:6px}}