@font-face{font-family:Chomsky;src:url(/video-round-tripper/fonts/Chomsky.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@property --g2{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --g3{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --g4{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --g5{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --g6{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --sway{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--expanded: "ABC Areal", "Helvetica Neue", Arial, sans-serif;--grotesk: "ABC Areal", "Helvetica Neue", Arial, sans-serif;--blackletter: "Chomsky", "UnifrakturMaguntia", "Old English Text MT", fantasy;--seek: 0s;background-color:var(--curve-0400, rgb(51 38 181))}body{margin:0}html:not([data-tokens]) body{visibility:hidden}p,h1,h2{margin:0;font:inherit}.rainbow{background-image:linear-gradient(calc(var(--angle) + var(--sway)),var(--accent-0000) 0%,var(--accent-0200) 20%,var(--accent-0400) 40%,var(--accent-0600) 60%,var(--accent-0800) 80%,var(--accent-1000) 100%);background-size:135% 135%;animation:rainbow-slide var(--slide, 7s) ease-in-out infinite alternate,rainbow-sway var(--swing, 11s) ease-in-out infinite alternate;animation-delay:var(--seek)}.download{--angle: 148.1deg;--slide: 3s;--swing: 7s}.rainbow--about{--angle: 125.32deg;--slide: 7s;--swing: 11s}.rainbow--stage{--angle: 118.69deg;--slide: 5s;--swing: 13s}.slider-handle{--angle: 158.36deg;--slide: 17s;--swing: 19s}.rainbow--kcuf{--angle: 131.96deg;overflow:clip;background-size:170% 170%;animation:rainbow-slide 5s ease-in-out infinite alternate,rainbow-spin 13s linear infinite;animation-delay:var(--seek)}@keyframes ground-2{0%{--g2: -5%}to{--g2: 5%}}@keyframes ground-3{0%{--g3: -5%}to{--g3: 5%}}@keyframes ground-4{0%{--g4: -5%}to{--g4: 5%}}@keyframes ground-5{0%{--g5: -5%}to{--g5: 5%}}@keyframes ground-6{0%{--g6: -5%}to{--g6: 5%}}@keyframes rainbow-slide{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes rainbow-spin{0%{--sway: 0deg}to{--sway: 360deg}}@keyframes rainbow-sway{0%{--sway: -20deg}to{--sway: 20deg}}.mosh-word{font-family:var(--blackletter);font-weight:400;color:var(--white);line-height:1;white-space:nowrap;animation:mosh-pingpong 2s linear infinite alternate;animation-delay:var(--seek)}@keyframes mosh-pingpong{0%{translate:0 0}to{translate:var(--travel-x, 0) var(--travel-y, 0)}}.sphere{animation:sphere-drift 23s ease-in-out infinite;animation-delay:var(--seek)}@keyframes sphere-drift{0%,to{translate:0 0}25%{translate:calc(-70 * var(--s)) calc(24 * var(--s))}50%{translate:calc(-20 * var(--s)) calc(-30 * var(--s))}75%{translate:calc(60 * var(--s)) calc(18 * var(--s))}}.page{--u: calc(min(100vw, 1920px) / 1440);--s: var(--u);box-sizing:border-box;min-height:100svh;overflow:clip;color:var(--light-text-primary);font-family:var(--grotesk);font-weight:500;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 445% 100% at 50% 0%,var(--curve-0800) 0%,var(--curve-0750) 12.5%,var(--curve-0700) calc(25% + var(--g2)),var(--curve-0650) calc(37.5% + var(--g3)),var(--curve-0600) calc(50% + var(--g4)),var(--curve-0550) calc(62.5% + var(--g5)),var(--curve-0500) calc(75% + var(--g6)),var(--curve-0450) 87.5%,var(--curve-0400) 100%);animation:ground-2 37s ease-in-out infinite alternate,ground-3 41s ease-in-out infinite alternate,ground-4 43s ease-in-out infinite alternate,ground-5 47s ease-in-out infinite alternate,ground-6 53s ease-in-out infinite alternate;animation-delay:var(--seek);background-color:var(--curve-0400)}.nav{position:fixed;justify-content:space-between;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;padding:calc(32 * var(--u) + env(safe-area-inset-top,0px)) calc(32 * var(--u)) calc(32 * var(--u));pointer-events:none}.nav-mark{display:block;pointer-events:auto;color:inherit;text-decoration:none}.rt-toggle{--angle: 152.4deg;--slide: 29s;--swing: 31s;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;box-sizing:border-box;width:calc(52 * var(--u));height:calc(52 * var(--u));display:grid;place-items:center;border:calc(2 * var(--u)) solid transparent;border-radius:50%;color:var(--curve-0000);transition:background-color 90ms ease-out,color 90ms ease-out}.rt-toggle-icon,.rt-settings-icon{display:block;width:54%;height:54%}.nav-actions{position:relative;display:flex;align-items:center;gap:calc(12 * var(--u))}.rt-settings{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;box-sizing:border-box;width:calc(52 * var(--u));height:calc(52 * var(--u));display:grid;place-items:center;border:calc(2 * var(--u)) solid var(--curve-1000);border-radius:50%;background:transparent;color:var(--curve-1000);transition:background-color 90ms ease-out,color 90ms ease-out}.rt-settings:is(:hover,[data-hover]),.rt-settings[aria-expanded=true]{background-color:var(--curve-1000);color:var(--curve-0000)}.rt-settings[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:4px}.settings-pop{--nav-u: calc(min(100vw, 1920px) / 1440);pointer-events:auto;position:fixed;z-index:20;top:calc(84 * var(--nav-u) + 12px + env(safe-area-inset-top,0px));right:calc(32 * var(--nav-u));box-sizing:border-box;width:300px;display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;border:1.5px solid var(--curve-1000);border-radius:20px;background:#181440f0;color:var(--light-text-primary);font-family:var(--grotesk);font-weight:500;font-size:14px;line-height:1.2;box-shadow:0 12px 40px #00000073}.rt-toggle[hidden],.settings-pop[hidden]{display:none}.pop-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 12px}.pop-label{font-family:var(--blackletter);font-weight:400;font-size:22px;line-height:1}.pop-value{font-variant-numeric:tabular-nums;font-weight:600}.pop-row input[type=range],.pop-row select{grid-column:1 / -1}.pop-row--check{grid-template-columns:auto 1fr;align-items:center;cursor:pointer}.pop-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:22px;height:22px;border:1.5px solid var(--curve-1000);border-radius:6px;display:grid;place-items:center;cursor:pointer}.pop-row input[type=checkbox]:checked:after{content:"✕";font-size:15px;line-height:1;font-weight:600}.pop-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.pop-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:color-mix(in oklab,var(--curve-1000) 40%,transparent)}.pop-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background-color:var(--curve-1000)}.pop-row input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in oklab,var(--curve-1000) 40%,transparent)}.pop-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background-color:var(--curve-1000)}.pop-row select{box-sizing:border-box;width:100%;margin:0;padding:8px 32px 8px 10px;border:1.5px solid var(--curve-1000);border-radius:10px;color:var(--light-text-primary);font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,var(--curve-1000) 50%) calc(100% - 18px) 55% / 6px 6px no-repeat,linear-gradient(135deg,var(--curve-1000) 50%,transparent 50%) calc(100% - 12px) 55% / 6px 6px no-repeat,#00000040}.pop-row select option{color:var(--dark-text-primary)}.rt-toggle[aria-pressed=false]{background:transparent;border-color:var(--light-text-primary);color:var(--light-text-primary)}.kcuf-mark{display:block;font-family:var(--blackletter);font-weight:400;font-synthesis:none;font-size:calc(48 * var(--u));line-height:1;color:var(--light-text-primary)}.main{display:flex;flex-direction:column;align-items:center;gap:calc(96 * var(--u));padding:calc(32 * var(--u)) calc(128 * var(--u)) calc(128 * var(--u))}.main>section,.hero{align-self:stretch}.hero{display:flex;flex-direction:column;gap:calc(32 * var(--u))}.hero-mark{display:flex;align-items:center;justify-content:center;gap:calc(64 * var(--u))}.brand-frame{flex:none;width:min(100%,calc(676 * var(--u)));aspect-ratio:676 / 540}.brand-loop{display:block;width:100%;height:100%}.hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:calc(36 * var(--u))}.hero-pitch{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:calc(36 * var(--u));text-align:center}.hero-lockup{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));color:var(--light-text-primary)}.hero .title{color:var(--light-text-primary);font-family:var(--grotesk);font-weight:700;font-size:calc(96 * var(--u));line-height:1;text-transform:none;text-wrap:balance}.hero .title span{display:inline}.title{font-family:var(--expanded);font-weight:800;font-size:calc(68 * var(--u));line-height:.8;text-transform:uppercase}.title span,.toggle-label span{display:block}.lede,.install-note,.enable-note,.dial-caption{text-wrap:balance}.lede{font-weight:500;font-size:max(16px,calc(28 * var(--u)));line-height:1.25}.download{display:inline-block;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;flex:none;color:var(--dark-text-primary);font-family:var(--grotesk);font-weight:700;font-size:calc(36 * var(--u));line-height:1;letter-spacing:.12em;text-transform:uppercase;padding:calc(16 * var(--u)) calc(44 * var(--u));border-radius:999px}.download:focus-visible{outline:2px solid var(--curve-1000);outline-offset:4px}.card{display:flex;align-items:center;justify-content:space-between;gap:calc(32 * var(--u));padding:calc(64 * var(--u));border-radius:calc(31 * var(--u));color:var(--dark-text-tertiary)}.rainbow--about{box-sizing:border-box;min-height:calc(450 * var(--u))}.card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:calc(24 * var(--u));width:calc(460 * var(--u));flex:none;font-size:max(14px,calc(24 * var(--u)));line-height:1.4}.kcuf-copy{display:flex;flex-direction:column;align-items:center;gap:calc(24 * var(--u));width:100%;font-size:max(14px,calc(24 * var(--u)));line-height:1.4;text-align:center}.kcuf-copy p{color:var(--dark-text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kcuf-word{filter:drop-shadow(0 0 .2em var(--curve-1000)) drop-shadow(0 0 .06em var(--curve-1000));display:block;font-family:var(--blackletter);font-weight:400;font-synthesis:none;text-decoration:none;font-size:calc(450 * var(--u));line-height:.9;background-image:radial-gradient(ellipse 445% 100% at 50% 0%,var(--curve-0800) 0%,var(--curve-0750) 12.5%,var(--curve-0700) 25%,var(--curve-0650) 37.5%,var(--curve-0600) 50%,var(--curve-0550) 62.5%,var(--curve-0500) 75%,var(--curve-0450) 87.5%,var(--curve-0400) 100%);padding:.1em .2em;margin:-.1em -.2em;translate:-.07em 0;-webkit-background-clip:text;background-clip:text;color:transparent}.sphere-well{flex:none;width:calc(476 * var(--u));height:calc(214 * var(--u));display:grid;place-items:center}.example{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u))}.callout{margin-bottom:calc(16 * var(--u));font-size:max(16px,calc(28 * var(--u)));line-height:1.3;text-align:center}.eyebrow{font-weight:700;font-size:max(12px,calc(18 * var(--u)));line-height:1;letter-spacing:.08em;text-transform:uppercase}.chroma-well{box-sizing:border-box;width:calc(760 * var(--u));max-width:100%;height:calc(320 * var(--u));display:grid;place-items:center;border-radius:calc(31 * var(--u));background-color:var(--chroma-ground)}.chroma-word{color:var(--chroma-ink);font-family:var(--blackletter);font-weight:400;font-size:calc(230 * var(--u));line-height:1;white-space:nowrap}.moire-row{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(24 * var(--u))}.diagonal-well{position:relative;overflow:hidden;box-sizing:border-box;height:calc(320 * var(--u));border-radius:calc(31 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-1000);background-image:repeating-linear-gradient(45deg,color-mix(in oklab,var(--curve-1000) 30%,transparent) 0 1px,transparent 1px 5px)}.moire{position:absolute;inset:0 calc(-48 * var(--u));background-image:repeating-linear-gradient(51deg,color-mix(in oklab,var(--curve-1000) 30%,transparent) 0 1px,transparent 1px 5px);animation:moire-drift 13s ease-in-out infinite alternate;animation-delay:var(--seek)}.plain-well{background-image:none}.specimen{position:absolute;left:50%;top:50%;translate:-50% -50%;overflow:visible}.zone{animation:zone-zoom 17s ease-in-out infinite alternate;animation-delay:var(--seek)}@keyframes zone-zoom{0%{scale:.75}to{scale:1.35}}.spiral{animation:burst-turn 40s linear infinite;animation-delay:var(--seek)}.riff{background-image:repeating-linear-gradient(var(--base),color-mix(in oklab,var(--curve-1000) 30%,transparent) 0 1px,transparent 1px 5px)}.riff-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(var(--top),color-mix(in oklab,var(--curve-1000) 30%,transparent) 0 1px,transparent 1px 5px);animation-duration:13s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:var(--seek)}.riff--slide{--base: 0deg;--top: 4deg}.riff--slide .riff-layer{inset:calc(-48 * var(--u)) 0;animation-name:riff-slide;animation-duration:11s}.riff--rock{--base: 90deg;--top: 90deg}.riff--rock .riff-layer{top:-15%;right:-15%;bottom:-15%;left:-15%;animation-name:riff-rock;animation-duration:19s}.riff--breathe{--base: 45deg;--top: 45deg}.riff--breathe .riff-layer{animation-name:riff-breathe;animation-duration:17s}@keyframes riff-slide{0%{translate:0 calc(-40 * var(--u))}to{translate:0 calc(40 * var(--u))}}@keyframes riff-rock{0%{rotate:-7deg}to{rotate:7deg}}@keyframes riff-breathe{0%{scale:1}to{scale:1.12}}@keyframes burst-turn{to{rotate:360deg}}@keyframes moire-drift{0%{translate:calc(-40 * var(--u)) 0}to{translate:calc(40 * var(--u)) 0}}.sphere{width:calc(214 * var(--u));height:calc(214 * var(--u));border-radius:50%;background-image:linear-gradient(90deg,var(--curve-1000),var(--curve-0000));filter:blur(calc(16 * var(--u)))}.mosh{display:flex;flex-direction:column;gap:calc(36 * var(--u))}.mosh{gap:calc(64 * var(--u))}.enable{display:flex;align-items:center;justify-content:space-between;gap:calc(32 * var(--u))}.enable-text{display:flex;flex-direction:column;gap:calc(12 * var(--u));width:calc(591 * var(--u));max-width:100%}.enable-copy{font-size:max(14px,calc(24 * var(--u)));line-height:1.5}.toggle{display:inline-flex;align-items:center;gap:calc(24 * var(--u));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.toggle-box{flex:none;display:block;width:calc(67 * var(--u));height:calc(67 * var(--u));overflow:visible}.toggle-x{visibility:hidden;fill:var(--curve-1000)}.toggle-box rect{stroke:var(--curve-1000)}.toggle input:checked+.toggle-box .toggle-x{visibility:visible}.toggle input:focus-visible+.toggle-box{outline:2px solid var(--curve-1000);outline-offset:6px;border-radius:4px}.toggle-label{font-weight:700;font-size:calc(72 * var(--u));line-height:1;white-space:nowrap}.toggle-label span{display:inline}.mosh-stage{position:relative;height:calc(233 * var(--u))}.mosh-stage .rainbow{position:absolute;top:0;bottom:0;left:calc(362 * var(--u));width:calc(544 * var(--u))}.mosh-word{position:absolute;top:0;left:calc(1047 * var(--u));transform:translate(-50%);font-size:calc(232.717 * var(--u));--travel-x: calc(-782 * var(--u))}.dial-title{text-align:center;font-weight:700;font-size:calc(48 * var(--u));line-height:1}.dial-subtitle{text-align:center;font-family:var(--blackletter);font-weight:400;white-space:nowrap;font-size:calc(64 * var(--u));line-height:1}.slider{--hw: calc(132 * var(--u));--hh: calc(90 * var(--u));--border: calc(2 * var(--u));position:relative;align-self:stretch;height:var(--hh)}.slider input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;touch-action:pan-y}.slider input:active{cursor:grabbing}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--hw);height:var(--hh)}.slider input::-moz-range-thumb{width:var(--hw);height:var(--hh);border:0}.slider-track{position:absolute;left:0;right:0;top:50%;translate:0 -50%;box-sizing:border-box;height:calc(26 * var(--u));border:var(--border) solid var(--curve-0500);border-radius:999px;background-color:var(--field-background-light)}.slider-handle{position:absolute;top:0;bottom:0;left:calc(var(--pos, .5) * (100% - var(--hw)));width:var(--hw);box-sizing:border-box;display:grid;place-items:center;border:var(--border) solid var(--curve-0950);border-radius:calc(40 * var(--u));color:var(--curve-0950);font-weight:700;font-size:calc(46 * var(--u));line-height:1}.slider--wide{--hw: calc(160 * var(--u))}.slider input:focus-visible~.slider-handle{outline:2px solid var(--curve-1000);outline-offset:4px}.panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(32 * var(--u));padding:calc(36 * var(--u)) calc(24 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-1000);border-radius:calc(35 * var(--u))}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--curve-0900);mix-blend-mode:overlay;pointer-events:none;opacity:.8}.panel>*{position:relative}.panel--config{border-color:var(--curve-0850);align-items:stretch;padding:calc(64 * var(--u)) calc(128 * var(--u))}.panel--config{gap:calc(10 * var(--u))}.panel--config .dial-title{font-size:calc(44 * var(--u));letter-spacing:.11em;text-transform:uppercase;text-align:center}.panel-pair{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:calc(96 * var(--u));align-items:start}.panel--config .dial-subtitle,.panel--config .dial-caption{align-self:flex-start;text-align:left}.panel-row{align-self:stretch;display:flex;flex-direction:column;gap:calc(48 * var(--u))}.panel-dial{flex:1 0 0;display:flex;flex-direction:column;align-items:center;gap:calc(32 * var(--u))}.showcase-head{display:flex;flex-direction:column;align-items:center;gap:calc(20 * var(--u));text-align:center}.showcase-back{color:var(--light-text-primary);font-weight:600;font-size:max(14px,calc(20 * var(--u)))}.showcase-list{align-self:stretch;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(20 * var(--u))}.showcase-link{display:flex;flex-direction:column;gap:calc(8 * var(--u));padding:calc(28 * var(--u)) calc(32 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-1000);border-radius:calc(24 * var(--u));color:var(--light-text-primary);text-decoration:none;transition:background-color 90ms ease-out,color 90ms ease-out}.showcase-link .showcase-name{font-size:calc(48 * var(--u));line-height:1}.showcase-blurb{font-weight:500;font-size:max(14px,calc(20 * var(--u)));line-height:1.4}.showcase-link:is(:hover,[data-hover]){background-color:var(--curve-1000);color:var(--dark-text-primary)}.showcase-link[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:4px}.showcase-item--solo .diagonal-well{height:min(calc(640 * var(--u)),70svh)}.showcase-item{display:flex;flex-direction:column;gap:calc(16 * var(--u))}.showcase-caption{max-width:calc(760 * var(--u));font-weight:500;font-size:max(14px,calc(22 * var(--u)));line-height:1.4}.showcase-name{font-family:var(--blackletter);font-weight:400;font-size:1.3em}.install{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:calc(12 * var(--u)) calc(49 * var(--u));align-items:end}.install .code{grid-area:1 / 1}.install-note+.install-note{grid-area:1 / 2}.code{align-self:stretch;min-width:0;margin:0;padding:calc(20 * var(--u)) calc(24 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-0850);border-radius:calc(16 * var(--u));background-color:var(--field-background-light);text-align:left;color:var(--dark-text-primary);font-size:max(13px,calc(18 * var(--u)));line-height:1.5;white-space:pre;overflow-x:auto}.code,.install-note code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:400}.code code{font:inherit}.install-note+.install-note{color:var(--light-text-primary)}.install-note{color:var(--dark-text-primary);font-weight:500;font-size:max(14px,calc(18 * var(--u)));line-height:1.4}.enable-note{font-weight:500;font-size:max(14px,calc(20 * var(--u)));line-height:1.4}.dial-caption{margin-top:calc(-20 * var(--u));font-weight:500;font-size:max(14px,calc(20 * var(--u)));line-height:1.3;text-align:center}.readout-list{align-self:stretch;margin:0;display:flex;flex-direction:column;gap:calc(14 * var(--u))}.readout-list>div{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;gap:calc(28 * var(--u))}.readout-list dt{text-align:right;font-family:var(--blackletter);font-weight:400;font-size:calc(40 * var(--u));line-height:1.1}.readout-list dd{margin:0;font-weight:700;font-size:max(14px,calc(24 * var(--u)));line-height:1.3;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:calc(10 * var(--u))}.field input,.field select{box-sizing:border-box;width:100%;margin:0;padding:calc(14 * var(--u)) calc(18 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-0200);border-radius:calc(14 * var(--u));background-color:var(--field-background-dark);color:var(--light-text-primary);font-family:var(--grotesk);font-weight:500;font-size:max(16px,calc(22 * var(--u)));line-height:1.3}.codec-field{align-self:center;width:min(calc(420 * var(--u)),100%)}.codec-field select{border-color:var(--curve-0550);background-color:var(--field-background-light)}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:calc(48 * var(--u));background-image:linear-gradient(45deg,transparent 50%,var(--chevron) 50%),linear-gradient(135deg,var(--chevron) 50%,transparent 50%);background-position:calc(100% - 26px) 55%,calc(100% - 20px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field select option{color:var(--dark-text-primary)}.field ::placeholder{color:var(--light-text-tertiary)}.toys{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(28 * var(--u)) calc(36 * var(--u));padding:calc(8 * var(--u)) calc(24 * var(--u)) calc(16 * var(--u));font-family:var(--grotesk);font-weight:500;font-size:max(14px,calc(22 * var(--u)))}.toy-text{width:calc(320 * var(--u))}.toy-select{width:calc(240 * var(--u))}.toy-click{display:inline-flex;align-items:center;gap:calc(16 * var(--u))}.toy-count{min-width:5.5em;font-variant-numeric:tabular-nums}.toy-button{--angle: 141.3deg;--slide: 13s;--swing: 23s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;color:var(--dark-text-primary);font-family:var(--grotesk);font-weight:700;font-size:calc(36 * var(--u));line-height:1;letter-spacing:.12em;text-transform:uppercase;padding:calc(16 * var(--u)) calc(44 * var(--u));border-radius:999px}.toy-check,.toy-seg label,.toy-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toy-check{display:inline-flex;align-items:center;gap:calc(12 * var(--u))}.toy-check input,.toy-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.toy-box{box-sizing:border-box;width:calc(32 * var(--u));height:calc(32 * var(--u));border:calc(1.5 * var(--u)) solid var(--curve-1000);border-radius:calc(8 * var(--u));display:grid;place-items:center;font-weight:600;line-height:1}.toy-check input:checked+.toy-box:after{content:"✕"}.toy-word,.toy-details summary{font-family:var(--blackletter);font-weight:400;font-size:calc(38 * var(--u));line-height:1}.toy-seg{display:inline-flex;border:calc(1.5 * var(--u)) solid var(--curve-1000);border-radius:999px;overflow:hidden}.toy-seg span{display:block;min-width:1.4em;text-align:center;padding:calc(10 * var(--u)) calc(18 * var(--u));font-weight:700;font-size:max(14px,calc(22 * var(--u)));line-height:1}.toy-seg label+label span{border-left:calc(1.5 * var(--u)) solid var(--curve-1000)}.toy-seg input:checked+span{background-color:var(--curve-1000);color:var(--dark-text-primary)}.toy-details summary{list-style:none;display:inline-flex;align-items:baseline;gap:.25em}.toy-details summary::-webkit-details-marker{display:none}.toy-details summary:before{content:"▸";font-family:var(--grotesk);font-size:.6em;transition:rotate .12s ease-out}.toy-details[open] summary:before{rotate:90deg}.toy-details p{margin-top:calc(8 * var(--u))}.download,.toy-button{transition:background-color 90ms ease-out,color 90ms ease-out,box-shadow 90ms ease-out}:is(.download,.toy-button):is(:hover,[data-hover]){background-image:none;background-color:var(--curve-0000);color:var(--light-text-primary);box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--curve-1000)}:is(.download,.toy-button)[data-active]{background-image:none;background-color:var(--light-text-primary);color:var(--dark-text-primary);box-shadow:none;translate:0 calc(2 * var(--u))}:is(.download,.toy-button)[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:4px}.toy-check:is(:hover,[data-hover]) .toy-box,.toy-seg label:is(:hover,[data-hover]) input:not(:checked)+span{background:color-mix(in oklab,var(--curve-1000) 18%,transparent)}.toy-details summary:is(:hover,[data-hover]){text-decoration:underline;text-decoration-thickness:calc(2 * var(--u));text-underline-offset:calc(6 * var(--u))}:is(.toy-check,.toy-seg label,.toy-details summary)[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:4px;border-radius:4px}.rt-toggle[aria-pressed=true]:is(:hover,[data-hover]){background-image:none;background-color:var(--curve-0000);color:var(--curve-1000);border-color:var(--curve-1000)}.rt-toggle[aria-pressed=false]:is(:hover,[data-hover]){background-color:var(--curve-1000);color:var(--curve-0000)}.rt-toggle[data-active]{translate:0 calc(1 * var(--u))}.rt-toggle[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:4px}.nav-mark[data-focus-visible],.kcuf-word[data-focus-visible]{outline:2px solid var(--curve-1000);outline-offset:6px;border-radius:4px}.field input,.field select{--chevron: var(--curve-1000);caret-color:var(--light-text-primary);transition:background-color 90ms ease-out,border-color 90ms ease-out,box-shadow 90ms ease-out}.field :is(input,select):is(:hover,[data-hover]){background-color:var(--field-background-dark-1);border-color:var(--curve-1000)}.codec-field select:is(:hover,[data-hover]){background-color:var(--field-background-light-1);border-color:var(--curve-0550)}.field :is(input,select):is(:focus,[data-focus]){outline:none;box-shadow:0 0 calc(10 * var(--u)) calc(5 * var(--u)) var(--curve-0800)}.codec-field select:is(:focus,[data-focus]){box-shadow:0 0 0 calc(5 * var(--u)) var(--curve-0800),0 0 calc(10 * var(--u)) calc(5 * var(--u)) var(--curve-0800)}.toggle:is(:hover,[data-hover]) .toggle-box rect{fill:color-mix(in oklab,var(--curve-1000) 18%,transparent)}.toggle[data-focus-visible] .toggle-box{outline:2px solid var(--curve-1000);outline-offset:6px;border-radius:4px}.slider-handle{transition:box-shadow 90ms ease-out}.slider:is(:hover,[data-hover]) .slider-handle{box-shadow:0 0 calc(25 * var(--u)) var(--light-text-primary)}.slider[data-active] .slider-handle{box-shadow:0 0 0 calc(9 * var(--u)) color-mix(in oklab,var(--curve-1000) 55%,transparent)}.slider[data-focus-visible] .slider-handle{outline:2px solid var(--curve-1000);outline-offset:4px}@media(max-width:760px){.page{--u: calc(min(100vw, 560px) / 393);--s: calc(var(--u) * .55)}.nav{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px}.kcuf-mark{font-size:34px}.rt-toggle,.rt-settings{width:38px;height:38px;border-width:1.5px}.nav-actions{gap:10px}.settings-pop{top:calc(64px + env(safe-area-inset-top,0px));left:16px;right:16px;width:auto}.main{gap:calc(64 * var(--u));padding:calc(96 * var(--u)) max(16px,calc((100vw - 560px)/2 + 16px)) calc(80 * var(--u))}.hero{gap:calc(40 * var(--u))}.brand-frame{width:100%}.hero .title{font-size:calc(56 * var(--u))}.hero-pitch{gap:calc(20 * var(--u))}.hero-lockup{gap:calc(12 * var(--u))}.panel--config{padding:calc(24 * var(--u));gap:calc(20 * var(--u))}.panel--config .dial-title{font-size:calc(32 * var(--u))}.install{grid-template-columns:1fr}.install .code,.install-note+.install-note{grid-area:auto}.panel-pair{grid-template-columns:1fr;gap:calc(64 * var(--u))}.hero-text{gap:calc(16 * var(--u))}.lede{font-size:calc(18 * var(--u));line-height:1.25}.lede br{display:none}.download{font-size:calc(22 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u))}.rainbow--about{min-height:0}.card{flex-direction:column;align-items:stretch;gap:calc(8 * var(--u));padding:calc(28 * var(--u));border-radius:calc(24 * var(--u))}.card-copy{width:auto;font-size:calc(18 * var(--u))}.kcuf-copy{gap:calc(12 * var(--u));font-size:calc(18 * var(--u))}.kcuf-word{font-size:calc(118 * var(--u))}.sphere-well{width:100%;height:calc(170 * var(--u))}.example{gap:calc(12 * var(--u))}.showcase-head .title{font-size:calc(32 * var(--u))}.showcase-item--solo .diagonal-well{height:min(calc(420 * var(--u)),60svh)}.showcase-link{padding:calc(20 * var(--u))}.showcase-link .showcase-name{font-size:calc(34 * var(--u))}.showcase-blurb,.showcase-back{font-size:calc(16 * var(--u))}.showcase-caption{font-size:calc(17 * var(--u))}.callout{margin-bottom:calc(8 * var(--u));font-size:calc(20 * var(--u))}.moire-row{grid-template-columns:1fr;gap:calc(16 * var(--u))}.diagonal-well{height:calc(200 * var(--u));border-radius:calc(24 * var(--u));border-width:1.5px}.eyebrow{font-size:calc(13 * var(--u))}.chroma-well{width:100%;height:calc(180 * var(--u));border-radius:calc(24 * var(--u))}.chroma-word{font-size:calc(120 * var(--u))}.sphere{width:calc(150 * var(--u));height:calc(150 * var(--u));filter:blur(calc(12 * var(--u)))}.mosh{gap:calc(24 * var(--u))}.enable{flex-direction:column;align-items:flex-start;gap:calc(20 * var(--u))}.enable-text{width:auto}.toggle{gap:calc(14 * var(--u))}.toggle-box{width:calc(48 * var(--u));height:calc(48 * var(--u))}.toggle-label{font-size:calc(34 * var(--u))}.enable-copy{font-size:calc(18 * var(--u));line-height:1.5}.mosh-stage{height:calc(470 * var(--u))}.mosh-stage .rainbow{top:calc(116 * var(--u));bottom:calc(116 * var(--u));left:50%;width:calc(276 * var(--u));transform:translate(-50%)}.mosh-word{top:calc(-14.72 * var(--u));left:50%;font-size:calc(142.265 * var(--u));--travel-x: 0px;--travel-y: calc(358 * var(--u))}.dial-title{font-size:calc(34 * var(--u))}.dial-subtitle{font-size:calc(44 * var(--u))}.panel,.panel-dial{gap:calc(20 * var(--u))}.panel-row{gap:calc(32 * var(--u))}.slider{--hw: calc(88 * var(--u));--hh: calc(60 * var(--u));--border: 2px}.slider--wide{--hw: calc(112 * var(--u))}.slider-track{height:calc(18 * var(--u))}.slider-handle{font-size:calc(24 * var(--u));border-radius:calc(32 * var(--u))}.panel{padding:calc(24 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u))}.code{font-size:min(11.5px,3vw);padding:14px 16px;border-width:1.5px}.install-note{font-size:calc(15 * var(--u))}.enable-note,.dial-caption{margin-top:calc(-12 * var(--u));font-size:calc(15 * var(--u))}.readout-list>div{gap:calc(14 * var(--u))}.readout-list dt{font-size:calc(26 * var(--u))}.readout-list dd{font-size:calc(15 * var(--u))}.field input,.field select{border-width:1.5px;padding:12px 14px}.codec-field select:is(:focus,[data-focus]){box-shadow:0 0 calc(10 * var(--u)) calc(5 * var(--u)) var(--curve-0800)}.toys{gap:calc(18 * var(--u)) calc(20 * var(--u));padding:0;font-size:16px}.toy-text{width:100%}.toy-select{width:calc(170 * var(--u))}.toy-button{font-size:calc(20 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u))}.toy-box{width:26px;height:26px;border-width:1.5px;border-radius:7px}.toy-word,.toy-details summary{font-size:calc(30 * var(--u))}.toy-seg,.toy-seg label+label span{border-width:1.5px}.toy-seg span{font-size:calc(17 * var(--u));padding:9px 14px}}@media(prefers-reduced-motion:reduce){.specimen,.riff .riff-layer,.moire,.page,.rainbow,.mosh-word,.sphere{animation:none}}