body{margin:0}*{box-sizing:border-box}.logo-img{align-items:center;width:auto;height:52px}.welcome-heading{text-align:center;margin-top:40px;margin-bottom:4px;font-family:Helvetica,Arial,sans-serif;font-size:32px;font-weight:700}.welcome-subheading{font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:regular;text-align:center;margin-top:0;margin-bottom:40px}.navbar{background-color:#7aa3a0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.navbar-buttons{gap:12px;display:flex}.icon-button{color:#000;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Helvetica,Arial,sans-serif;font-size:30px;text-decoration:none;display:inline-flex}.category-row{justify-content:center;gap:32px;padding:0 24px 48px;display:flex}.category-column{color:#1a1a1a;border-radius:20px;width:280px;padding:24px}.category-title{text-align:center;margin-bottom:40px;font-family:Helvetica,Arial,sans-serif}.sound-entry{text-align:center;margin-bottom:24px}.sound-link{font-family:Helvetica,Arial,sans-serif;font-weight:regular;color:inherit;-webkit-text-decoration:underline wavy #286393;text-decoration:underline wavy #286393}.sound-link:hover{font-family:Helvetica,Arial,sans-serif;font-weight:regular;color:#02450b;-webkit-text-decoration:underline wavy #0015ff;text-decoration:underline wavy #0015ff}.sound-description{margin-top:4px;margin-bottom:40px;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-style:oblique;font-weight:lighter}.sound-title{text-align:center;font-family:Helvetica,Arial,sans-serif;font-weight:700}.sketch-window{background-color:#1a1a1a;border-radius:20px;width:min(720px,100% - 48px);height:320px;margin:0 auto 24px;overflow:hidden}.sketch-window canvas{width:100%;height:100%;display:block}.controls{justify-content:center;gap:10px;display:flex}.sliders{justify-content:center;margin-top:16px;font-family:Helvetica,Arial,sans-serif;font-style:oblique;font-weight:lighter;display:flex}.param-slider{flex-direction:column;display:flex}.play-pause{cursor:pointer;background-color:#fff0;border:dotted;border-radius:50%;padding:7px;transition:background-color .15s}.play-pause:hover:not(:disabled){background-color:#e0e0e0}.play-pause:disabled{cursor:not-allowed}.panels{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;margin-top:24px;display:flex}.panel{interpolate-size:allow-keywords;border:1px solid #222;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;transition:width .25s;display:flex}.panel::details-content{width:0;height:0;transition:width .25s ease, height .25s ease, content-visibility .25s ease allow-discrete;flex-direction:column;align-items:center;gap:12px;display:flex;overflow:hidden}.panel[open]::details-content{width:auto;height:auto}.panel-title{cursor:pointer;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:700}.timer{font-family:Helvetica,Arial,sans-serif;font-style:oblique;font-weight:lighter}.timer-display{text-align:center;font-size:20px}.timer-buttons{gap:10px;margin-top:12px;display:flex}.timer-button{font-family:Helvetica,Arial,sans-serif;font-weight:regular;cursor:pointer;background-color:#fff0;border:dotted;border-radius:50%;padding:10px 14px;font-style:oblique;transition:background-color .15s}.timer-button:hover{background-color:#e0e0e0}.back-link{text-align:center;color:inherit;margin-top:24px;font-family:Helvetica,Arial,sans-serif;font-weight:lighter;text-decoration:none;display:block}.back-link:hover{text-decoration:underline}.about-text{max-width:640px;margin:0 auto;padding:0 24px;font-family:Helvetica,Arial,sans-serif;font-weight:lighter;line-height:1.5}.about-links{justify-content:center;gap:24px;margin-top:16px;display:flex}