body{color:#000;background-color:#ecfdf5;margin:0;padding:0;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}footer.svelte-1n46o8q{text-align:center;border-top:4px solid #000;margin-top:40px;padding:20px;font-size:1.2rem;font-weight:700}#app.svelte-1n46o8q{box-sizing:border-box;width:100%;max-width:900px;margin:20px auto;padding:20px}header.svelte-1n46o8q{text-align:center;flex-direction:column;align-items:center;margin-bottom:25px;display:flex}.zunable-badge.svelte-1n46o8q{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);color:#000;letter-spacing:8px;text-shadow:4px 4px #03530333;background:#a7f3d0cc;border:4px solid #000;margin:0 0 20px;padding:15px 30px;font-size:clamp(3rem,8vw,4rem);font-weight:900;display:inline-block;box-shadow:8px 8px #000}.demo-btn.svelte-1n46o8q{cursor:pointer;color:#000;-webkit-text-fill-color:#000;background:#fef08a;border:4px solid #000;margin-top:20px;margin-bottom:0;padding:15px 20px;font-family:inherit;font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:700;transition:all .1s;display:block;box-shadow:6px 6px #000}.demo-btn.svelte-1n46o8q:hover{background:#fde047;transform:translate(-4px,-4px);box-shadow:10px 10px #000}.demo-btn.svelte-1n46o8q:active{transform:translate(4px,4px);box-shadow:2px 2px #000}@keyframes svelte-1n46o8q-dropIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-drop.svelte-1n46o8q{opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards svelte-1n46o8q-dropIn}.state-box.svelte-1n46o8q{text-align:center;padding:60px 20px}.state-box.svelte-1n46o8q h2:where(.svelte-1n46o8q){letter-spacing:-1px;margin:0 0 10px;font-size:2.5rem}.error-box.svelte-1n46o8q{color:#fff;background:#dc2626;border-color:#000;box-shadow:8px 8px #dc2626}.loading-box.svelte-1n46o8q{color:#fff;background:#000}.brutal-box.svelte-1n46o8q{background:#fff;border:4px solid #000;flex-direction:column;margin-bottom:40px;display:flex;box-shadow:8px 8px #000}.brutal-box-small.svelte-1n46o8q{background:#fff;border:4px solid #000;margin-bottom:30px;padding:20px;box-shadow:8px 8px #000}.slider-row.svelte-1n46o8q{margin-bottom:20px}.slider-row.svelte-1n46o8q:last-child{margin-bottom:0}.toggle-row.svelte-1n46o8q{gap:15px;display:flex}.mode-toggle.svelte-1n46o8q{cursor:pointer;text-transform:uppercase;background:#fff;border:4px solid #000;flex:1;padding:12px 10px;font-family:inherit;font-size:clamp(.9rem,3vw,1.2rem);font-weight:700;transition:all .1s;box-shadow:4px 4px #000}.mode-toggle.active.svelte-1n46o8q{background:#a7f3d0;transform:translate(2px,2px);box-shadow:2px 2px #000}.mode-toggle.svelte-1n46o8q:not(.active):hover{background:#f1f5f9;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.controls.svelte-1n46o8q label:where(.svelte-1n46o8q){font-size:1.2rem;font-weight:700;display:block}input[type=range].svelte-1n46o8q{appearance:none;background:0 0;width:100%;height:20px;margin-top:15px}input[type=range].svelte-1n46o8q:focus{outline:none}input[type=range].svelte-1n46o8q::-webkit-slider-runnable-track{cursor:pointer;background:#fff;border:3px solid #000;width:100%;height:12px;box-shadow:3px 3px #000}input[type=range].svelte-1n46o8q::-moz-range-track{cursor:pointer;background:#fff;border:3px solid #000;width:100%;height:12px;box-shadow:3px 3px #000}input[type=range].svelte-1n46o8q::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#a7f3d0;border:3px solid #000;border-radius:0;width:20px;height:28px;margin-top:-11px;box-shadow:3px 3px #000}input[type=range].svelte-1n46o8q::-moz-range-thumb{cursor:pointer;background:#a7f3d0;border:3px solid #000;border-radius:0;width:20px;height:28px;box-shadow:3px 3px #000}.graph-container.svelte-1n46o8q{background:#fff;border-bottom:4px solid #000;width:100%;height:250px;position:relative}.history-graph.svelte-1n46o8q{width:100%;height:100%;display:block}.graph-label.svelte-1n46o8q{z-index:10;background:#fff;border:2px solid #000;padding:2px 6px;font-size:.9rem;font-weight:700;position:absolute;left:10px;box-shadow:4px 4px #000}.graph-label.sharp.svelte-1n46o8q{color:#ef4444;top:10px}.graph-label.perfect.svelte-1n46o8q{color:#22c55e;top:50%;transform:translateY(-50%)}.graph-label.flat.svelte-1n46o8q{color:#eab308;bottom:10px}.notes-wrapper.svelte-1n46o8q{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:clamp(350px,40vh,500px);padding:clamp(20px,5vw,40px);display:flex;position:relative}.note-row.svelte-1n46o8q{z-index:2;box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:30px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.note-label.svelte-1n46o8q{margin-bottom:5px;font-size:1.5rem;font-weight:700}.note-display.svelte-1n46o8q{justify-content:center;align-items:center;gap:10px;font-size:clamp(5rem,15vw,8rem);font-weight:700;line-height:1.2;display:flex;position:relative}.tune-arrow.svelte-1n46o8q{margin-left:10px;font-size:clamp(2rem,8vw,3rem);font-weight:900;line-height:1;display:inline-block;transform:translateY(-5px)}.note-name.svelte-1n46o8q{letter-spacing:-5px}.octave.svelte-1n46o8q{color:#000;font-size:clamp(2rem,8vw,3.5rem)}.freq-cents.svelte-1n46o8q{margin:10px 0;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700}.cents-val.svelte-1n46o8q{font-size:clamp(1.5rem,5vw,2rem)}