@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&display=swap);:root{--global-margin:clamp(15px,2.2vw,2.2vw);--scale-unit:clamp(20px,2vw,2vw)}*{box-sizing:border-box}#__next,body,html{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#f6f6f6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(16px,1.25vw,1.25vw);line-height:1.25;font-style:normal;font-kerning:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}body,h1,h2,h3{font-weight:400}h1,h2,h3{line-height:1;margin:0 0 1em}h1{font-size:clamp(28px,5vw,5vw)}p{font-size:1em;font-weight:400;line-height:1.3;margin:0 0 1em}p.small{font-size:.8em}p:last-child{margin-bottom:0}a{text-decoration:none}button{display:inline-grid;place-content:center;padding:0;margin:0;background:none;border:none;cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;line-height:1;color:#fff}button:focus{outline:none}.svg{display:block;width:100%}.pageContent{width:100%;max-width:21em;overflow-y:auto}.pageContent a{font-family:Be Vietnam Pro,sans-serif}.dialog{height:auto;max-height:100vh;width:100vw;max-width:600px;padding:var(--scale-unit);overflow-y:scroll;color:#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{top:var(--global-margin)}.menuToggle,.topLeft{z-index:2;position:fixed;right:var(--global-margin)}.topLeft{top:calc(var(--global-margin) - .2em);left:var(--global-margin);display:grid;gap:calc(var(--global-margin) - .8em)}.audioToggle{z-index:2;position:fixed;bottom:calc(var(--global-margin) + (var(--scale-unit) * 1.5));transform:translateY(50%);right:var(--global-margin)}.recordSound{z-index:3;position:fixed;bottom:var(--global-margin);left:50%;transform:translateX(-50%)}.viewToggle{z-index:2;position:fixed;bottom:calc(var(--global-margin) + (var(--scale-unit) * 1.5));transform:translateY(50%);left:var(--global-margin)}