body,html{margin:0;padding:0;height:100%;width:100%;font-family:Arial,sans-serif}#app{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;transition:background-color .5s}h1,h2{margin:0;text-align:center}#heading{font-size:3em;margin-bottom:20px}#subheading{font-size:1.5em}.visualizer-container.svelte-13xs08b{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}svg.svelte-13xs08b{display:block}.bars-visualizer-container.svelte-1ryszw{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}svg.svelte-1ryszw{display:block;background-color:transparent}.particle-visualizer-container.svelte-fw9ioc{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a)}svg.svelte-fw9ioc{display:block}.note-glows.svelte-fw9ioc circle:where(.svelte-fw9ioc){transition:opacity .1s ease-out}.circular-visualizer-container.svelte-za6yj6{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a);display:flex;justify-content:center;align-items:center}svg.svelte-za6yj6{max-width:90vh;max-height:90vh}.active-segments.svelte-za6yj6 path:where(.svelte-za6yj6){transition:opacity .08s ease-out}div.svelte-luocnr{position:absolute;top:10px;left:10px;z-index:20;background-color:#282828cc;padding:8px 12px;border-radius:5px;display:flex;align-items:center;gap:8px}label.svelte-luocnr{font-size:.9em;color:#ccc;margin-right:0}select.svelte-luocnr{background-color:#555;color:#eee;border:1px solid #777;border-radius:3px;padding:4px 6px;font-size:.9em;cursor:pointer}select.svelte-luocnr:focus{outline:none;border-color:#aaa}.visualizer-selector-container.svelte-t6dci6{position:absolute;top:55px;left:10px;z-index:20;background-color:#282828cc;padding:8px 12px;border-radius:5px;display:flex;align-items:center;gap:8px}label.svelte-t6dci6{font-size:.9em;color:#ccc}select.svelte-t6dci6{background-color:#555;color:#eee;border:1px solid #777;border-radius:3px;padding:4px 6px;font-size:.9em;cursor:pointer}select.svelte-t6dci6:focus{outline:none;border-color:#aaa}body{margin:0;padding:0;background-color:#222;color:#eee;overflow:hidden;font-family:Arial,sans-serif}main.svelte-1cuxxwz{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.instructions.svelte-1cuxxwz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;background-color:#0009;padding:20px 40px;border-radius:10px;pointer-events:none;font-family:Helvetica,sans-serif}.instructions.svelte-1cuxxwz h1:where(.svelte-1cuxxwz){margin-bottom:.5em;font-size:4em;font-weight:700}.instructions.svelte-1cuxxwz p:where(.svelte-1cuxxwz){font-size:2em;margin-top:0}