@font-face{font-family:Modulat;src:url(fonts/ModulatVF.ttf);font-weight:100 900}@font-face{font-family:Title;src:url(fonts/Title_MODVF.ttf);font-weight:100 900}.ui-button{position:relative;font:inherit;border:none;border-radius:.4rem;color:var(--theme-ui-text);background-color:var(--theme-ui-background);overflow:hidden;transition:background-color .1s ease-in-out,color .1s ease-in-out;height:4rem}.ui-button.inverted{color:var(--theme-ui-background);background-color:var(--theme-ui-text)}.ui-button:has(svg){display:flex;justify-content:center;align-items:center}.ui-button.ignore-theme{color:#000;background-color:#fff}.ui-button.ignore-theme.inverted{color:#fff;background-color:#000}.ui-button svg{width:2.4rem;height:2.4rem;fill:currentColor}.ui-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none}.ui-button:hover:after{background-color:#80808040}.ui-button[disabled]{cursor:default}.ui-button[disabled]:after{background-color:#80808080}.ui-button.no-hover:after{background-color:transparent}.flex-center{display:flex;justify-content:center;align-items:center}.square{aspect-ratio:1}.pointer{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%}html,body{height:100%;scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior:none;font-size:16px;font-family:Modulat,sans-serif;font-variation-settings:"wght" 400,"wdth" 400,"opsz" 0}body{background-color:#bfff00}body section{overflow-x:hidden;scroll-snap-align:start}button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}#app{display:contents}#credits{background:linear-gradient(transparent,#000 30rem),linear-gradient(transparent 15rem,#000 45rem);color:#fff;display:grid;grid-template-columns:3fr 2fr;gap:5ch;padding:20rem 3.2rem 3.2rem}#credits .description,#credits .information{display:grid;grid-template-columns:10ch 1fr}#credits .description,#credits .name,#credits .mentors,#credits .thanks,#credits .mentions{margin-bottom:1em}#credits .copyright{margin-top:4em}#credits h2{font-size:inherit}#glyphs{padding-inline:1.6rem}#goodbye{height:100%;width:100%;position:relative;padding:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer}#goodbye .controls-top{margin-left:1.6rem}#goodbye .goodbye-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#goodbye .goodbye-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:80%;font-variation-settings:"opsz" var(--opsz),"wght" var(--wght),"wdth" var(--wdth);font-feature-settings:var(--features);transition:font-variation-settings 50ms,color .3s ease;text-align:center;font-size:40dvw}#goodbye .goodbye-text:hover{color:#6441ff}#graphs{background:linear-gradient(to bottom,var(--title-color),var(--theme-background));animation:title-color 12.5s infinite;transition:--theme-background .1s ease-in-out}#graphs .frequencies{height:100dvh}#graphs .introduction{display:flex;flex-direction:column;justify-content:center;align-items:top;text-align:left;color:#bfff00;font-size:8.5rem;padding:3rem;line-height:.9;font-variation-settings:"wght" 160,"wdth" 400,"opsz" 0}#graphs span{font-variation-settings:"wght" 360,"wdth" 400,"opsz" 0}#graphs .modulat{font-feature-settings:"ss02"}#graphs .type-system{font-feature-settings:"ss01"}#graphs .respond{font-feature-settings:"ss04"}#graphs .music{font-feature-settings:"ss02"}#graphs .frequencies{font-feature-settings:"ss06"}#graphs .sound{font-feature-settings:"ss03"}#graphs .graphs-wrapper{height:100dvh;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:16rem;gap:4rem}#graphs .graphs-wrapper .graph-wrapper .graph{aspect-ratio:1;background-color:#bfff00;border-radius:.9rem;transition:aspect-ratio .5s ease}@property --title-color{syntax: "<color>"; inherits: true; initial-value: #000000;}@keyframes title-color{0%{--title-color: #5429ff}50%{--title-color: black}to{--title-color: #5429ff}}#title{height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;color:var(--title-color);animation:title-color 12.5s infinite;animation-delay:-1.25s;background:radial-gradient(ellipse at center,transparent 50%,var(--title-color));background-size:175% 150%;background-position:center 100%;background-repeat:no-repeat}#title:before{content:"";position:absolute;z-index:-1;top:-100vmax;right:-100vmax;bottom:-100vmax;left:-100vmax;background:linear-gradient(45deg,#5429ff,#5429ff 10%,#000 30%,#000 40%,#5429ff 60%,#5429ff 70%,#000 90%,#000);background-size:400% 400%;animation:gradient 25s infinite}@keyframes gradient{0%{transform:rotate(0);background-position:0% 50%}25%{background-position:100% 50%}50%{transform:rotate(180deg);background-position:0% 50%}75%{background-position:100% 50%}to{transform:rotate(0);background-position:0% 50%}}#title h1{font-size:20dvw;letter-spacing:-.08em;font-variation-settings:"wght" 800,"wdth" 400,"opsz" var(--opsz);font-feature-settings:"ss03";font-family:Title;animation:animate-font 3s ease-in-out infinite;filter:drop-shadow(0 0 .5em rgba(84,41,255,.5843137255))}@keyframes animate-font{0%{font-variation-settings:"opsz" 0,"wght" 800,"wdth" 400}10%{font-variation-settings:"opsz" 400,"wght" 800,"wdth" 400}30%{font-variation-settings:"opsz" 200,"wght" 800,"wdth" 400}50%{font-variation-settings:"opsz" 600,"wght" 800,"wdth" 400}60%{font-variation-settings:"opsz" 800,"wght" 800,"wdth" 400}70%{font-variation-settings:"opsz" 100,"wght" 800,"wdth" 400}90%{font-variation-settings:"opsz" 400,"wght" 800,"wdth" 400}to{font-variation-settings:"opsz" 0,"wght" 800,"wdth" 400}}#typetester .contenteditable-wrapper{min-height:100dvh}#typetester .contenteditable-wrapper.grabbing{cursor:ns-resize}#typetester .contenteditable{width:100%;font-size:calc(var(--font-size) * .02vw);font-feature-settings:var(--features);font-variation-settings:"wght" var(--wght),"wdth" var(--wdth),"opsz" var(--opsz);line-height:calc(1.35 - var(--font-size) / 1750);padding:3.2rem;text-align:center;outline:none}#typetester .contenteditable.placeholder{animation:placeholder-blink 4s ease-in-out infinite}@keyframes placeholder-blink{0%,to{opacity:.25}50%{opacity:.75}}#typetester .controls-wrapper{z-index:1}#typetester .controls-top{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}#typetester .controls-bottom{display:flex;gap:.8rem;color:gray;font-size:1.3rem;margin-inline:1.6rem;border:none}#typetester .controls-bottom .slider-wrapper{flex:1;grid-template-columns:auto 1fr auto;gap:2.4rem;padding-inline:2.4rem;height:4rem;background-color:#fff;border-radius:.5rem}#typetester .controls-bottom .slider-wrapper .title,#typetester .controls-bottom .slider-wrapper .value{width:5ch}#typetester .controls-bottom .slider-wrapper .value{text-align:center}#typetester .controls-bottom .slider-wrapper input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.15rem;background-color:currentColor;cursor:ew-resize}#typetester .controls-bottom .slider-wrapper input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2rem;width:.15rem;background-color:currentColor}#typetester .features-menu{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.8rem;font-variation-settings:"wdth" 200,"wght" 500}.hidden-menu{position:fixed;inset-inline:0;transition:transform .25s ease;z-index:1000}.hidden-menu.top{top:1.6rem;bottom:auto}.hidden-menu.top.hidden{transform:translateY(calc(-100% - 4rem))}.hidden-menu.bottom{top:auto;bottom:1.6rem}.hidden-menu.bottom.hidden{transform:translateY(calc(100% + 4rem))}.ambiance-menu.ambiance-menu{display:grid;grid-template-columns:1fr 12ch 1fr;align-items:center;gap:.8rem;padding:.5rem;pointer-events:auto}.ambiance-menu.ambiance-menu .prev,.ambiance-menu.ambiance-menu .next{font-family:inherit;height:100%;border:none;border-radius:.1rem;background-color:transparent;cursor:pointer;transition:background-color 50ms}.ambiance-menu.ambiance-menu .prev:hover,.ambiance-menu.ambiance-menu .next:hover{background-color:#80808040}.ambiance-menu.ambiance-menu .title{text-align:center;letter-spacing:.01em}@property --theme-background{syntax: "<color>"; inherits: true; initial-value: #ffffff;}#visualizer{height:100%;width:100%;position:relative;background-color:var(--theme-background);transition:--theme-background .1s ease-in-out;overflow:visible;z-index:1}#visualizer .controls-top{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:.8rem;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.01em}#visualizer .controls-bottom{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.01em;gap:.8rem}#visualizer .player-controls{display:flex;gap:.8rem}#visualizer .music-title{height:4rem;min-width:22rem;display:flex;align-items:center;background-color:#000;border-radius:.5rem;padding:.2rem 1.6rem 0rem;font-size:1em;font-family:inherit;color:#fff}#visualizer .music-playpause{width:4rem;height:4rem;border-radius:.5rem;background:#6c00ff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}#visualizer .music-playpause:hover{background:#6c00ff}#visualizer .ratio-display{font-family:Modulat,sans-serif;font-weight:400;font-variation-settings:"wdth" 400;font-feature-settings:"case" 1;color:#000;font-size:1.6rem;text-align:center;pointer-events:none;letter-spacing:.1em;opacity:.3}#visualizer .songs{justify-self:end;display:flex;gap:.5rem;pointer-events:auto}#visualizer .song{position:relative;background:transparent;border:none}#visualizer .song .song-img{background-color:var(--theme-ui-monochrome);overflow:hidden}#visualizer .song img{filter:grayscale(100%) contrast(150%);mix-blend-mode:screen;width:100%;height:100%;margin-top:0;-o-object-fit:cover;object-fit:cover;background:#242424;transition:filter .1s}#visualizer .song.current img,#visualizer .song:hover img{filter:none;mix-blend-mode:normal}#visualizer .song .sound-wave{opacity:0;transition:opacity .2s;display:flex;justify-content:center;align-items:center;gap:.3rem;position:absolute;width:100%;top:calc(100% + .8rem);pointer-events:none}#visualizer .song .frequency-bar{width:.2rem;border-radius:.2rem;background-color:var(--theme-ui-text);transition:transform .2s;animation:none;transform:scaleY(1)}#visualizer .song.current .sound-wave{opacity:1}#visualizer .song.playing .frequency-bar{height:calc(var(--frequency) * .001rem + .2rem)}#visualizer .song-menu{display:flex;gap:.5rem}#visualizer .song-title{padding-inline:2.4rem}@property --gradient-color{syntax: "<color>"; inherits: true; initial-value: transparent;}#visualizer .cards{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.4rem;padding-inline:3.2rem;overflow-x:auto;scroll-padding-inline:3.2rem;container:cards/size}#visualizer .card-wrapper{position:relative}#visualizer .ratio{position:absolute;text-align:center;inset-inline:0;top:-1.6rem;font-size:1.2rem;color:var(--theme-ui-text);transition:color .1s ease-in-out;letter-spacing:.15em;opacity:.5}#visualizer .card{width:calc(var(--width) * .1rem);height:calc(var(--height) * .1rem);max-height:calc(100cqh - 14.4rem);min-height:5rem;flex:0 0 auto;position:relative;color:var(--theme-card-text);background-color:var(--theme-card-background);font-feature-settings:var(--features);font-variation-settings:"opsz" var(--opsz),"wght" var(--wght),"wdth" var(--wdth);overflow:hidden;pointer-events:none;border-radius:.9rem;container:card/size;--size-transition: .1s;transition:color .1s ease-in-out,background-color .1s ease-in-out,height var(--size-transition) ease-in-out,width var(--size-transition) ease-in-out}#visualizer .card.resizing{--size-transition: 0s}#visualizer .card .text{position:absolute;display:flex;align-items:center;justify-content:center;margin-top:.075em;height:100%;overflow:visible;inset-inline:calc(.075em / (var(--height) / var(--width)));z-index:1;font-size:calc(97cqh - 2rem);white-space:nowrap;text-align:center;outline:none;caret-color:var(--theme-card-text);transition:font-variation-settings 50ms}#visualizer .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:--gradient-color .25s ease-in-out;background:linear-gradient(to right,var(--gradient-color),transparent 20% 80%,var(--gradient-color))}#visualizer .card.maximized:before{--gradient-color: var(--theme-card-text)}#visualizer .card.minimized:before{background:linear-gradient(to right,var(--theme-card-background),transparent 10% 90%,var(--theme-card-background))}#visualizer .resize{position:absolute;right:0;bottom:0;width:1.6rem;height:1.6rem;cursor:grab;z-index:3}#visualizer .resize.resizing{cursor:grabbing}#visualizer .resize:before{content:"";position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}#visualizer .resize-icon{color:var(--theme-card-text);opacity:.5}#visualizer .gif{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s ease-in-out;filter:grayscale(100%) contrast(150%);mix-blend-mode:screen;background:#242424}#visualizer .gif-background .gif{opacity:1}#visualizer .gif-background .card{color:var(--theme-card-gif-text);background-color:var(--theme-card-gif-background)}#visualizer .text-cards-menu{display:flex;gap:.5rem}#wall{display:flex;flex-direction:column;gap:5rem;background:linear-gradient(var(--theme-background) 1rem,black,transparent 50%,black,black calc(100% - 25dvh),transparent 100%);padding-top:15rem;padding-bottom:10rem}#wall .wall-illustration{margin-inline:1.6rem}#wall .slider{height:100dvh;width:100vw;height:auto}