:root{--global-margin:clamp(15px,2.2vw,2.2vw);--scale-unit:clamp(20px,1.6vw,1.6vw)}*{box-sizing:border-box}#__next,body,html{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:neue-haas-unica,sans-serif;font-size:clamp(16px,1.25vw,1.25vw);line-height:1.25;font-weight:500;font-style:normal;font-kerning:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}html:lang(jp) body{font-family:source-han-sans-cjk-ja,neue-haas-unica,sans-serif}h1,h2,h3{font-weight:600;line-height:1;margin:0 0 1em}h1{font-size:1.5em}p{font-size:1em;font-weight:500;line-height:1.2;margin:0 0 1em}p.small{font-size:.8em}p:last-child{margin-bottom:0}a{text-decoration:none}a,button{color:#fff}button{display:inline-grid;place-content:center;padding:0;margin:0;background:none;border:none;cursor:pointer;font-family:neue-haas-unica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;line-height:1}button:focus{outline:none}.svg{display:block;width:100%}.pageContent{width:100%;max-width:21em;overflow-y:auto}.pageContent a{font-family:neue-haas-unica,sans-serif}.dialog{width:90vw;max-width:600px;padding:var(--scale-unit);border:2px solid #fff;background:#000}.intro{z-index:0}.intro,.introOverlay{position:fixed;top:0;left:0}.introOverlay{z-index:5}.root{z-index:4}.menu,.root{position:fixed;top:0;left:0}.menu{z-index:3}.menuToggle{z-index:2;position:fixed;top:var(--global-margin);left:var(--global-margin)}.logo{top:calc(var(--global-margin) - .2em)}.audioToggle,.logo{z-index:2;position:fixed;right:var(--global-margin)}.audioToggle{bottom:calc(var(--global-margin) + (var(--scale-unit) * 1.25));transform:translateY(50%)}.recordSound{z-index:3;position:fixed;bottom:var(--global-margin);left:50%;transform:translateX(-50%)}.viewSwitcher{z-index:2;position:fixed;left:var(--global-margin);bottom:calc(var(--global-margin) + (var(--scale-unit) * .5));transform:none}@media (min-width:768px){.viewSwitcher{bottom:calc(var(--global-margin) + (var(--scale-unit) * 1.25));transform:translateY(50%)}}.sequencerControls{z-index:2;position:fixed;bottom:var(--global-margin);left:50%;transform:translateX(-50%)}