:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;place-items:center}#root{width:100%;min-height:100vh}._container_1deg5_1{display:flex;flex-direction:column;align-items:center;gap:1rem}._button_1deg5_8{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #6366f166}._button_1deg5_8:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}._button_1deg5_8:active:not(:disabled){transform:translateY(0)}._button_1deg5_8:disabled{opacity:.7;cursor:not-allowed}._button_1deg5_8._active_1deg5_38{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 15px #ef444466}._button_1deg5_8._active_1deg5_38:hover:not(:disabled){box-shadow:0 6px 20px #ef444480}._micIcon_1deg5_47:before{content:"🎤";font-size:1.25rem}._stopIcon_1deg5_52:before{content:"⏹";font-size:1.25rem}._spinner_1deg5_57{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1deg5_57 .8s linear infinite}@keyframes _spin_1deg5_57{to{transform:rotate(360deg)}}._error_1deg5_72{color:#f87171;font-size:.875rem;text-align:center;max-width:300px}._container_9ixzi_1{width:100%;display:flex;justify-content:center}._canvas_9ixzi_7{width:100%;max-width:600px;height:auto;border-radius:12px;background:#1e1e3f}._container_jbzdx_1{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2)}._title_jbzdx_11{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}._noteWrapper_jbzdx_20{display:flex;align-items:baseline;gap:.5rem}._note_jbzdx_20{font-size:4rem;font-weight:700;color:#fff;line-height:1}._cents_jbzdx_33{font-size:1.5rem;font-weight:600;transition:color .2s ease}._frequency_jbzdx_39{font-size:1rem;color:#ffffff80;margin-top:.5rem}._tunerBar_jbzdx_45{width:100%;max-width:200px;margin-top:1rem}._tunerTrack_jbzdx_51{position:relative;height:8px;background:#ffffff1a;border-radius:4px;overflow:visible}._tunerIndicator_jbzdx_59{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);transition:left .1s ease,background-color .2s ease}._tunerCenter_jbzdx_69{position:absolute;top:-4px;left:50%;width:2px;height:16px;background:#ffffff4d;transform:translate(-50%)}._container_w29u7_1{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2)}._title_w29u7_11{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}._bpm_w29u7_20{font-size:4rem;font-weight:700;color:#fff;line-height:1}._confidenceWrapper_w29u7_27{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem;width:100%;max-width:150px}._confidenceBar_w29u7_37{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}._confidenceFill_w29u7_45{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .3s ease}._confidenceLabel_w29u7_52{font-size:.75rem;color:#ffffff80}._container_g1iut_1{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2);min-height:160px}._title_g1iut_12{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}._key_g1iut_21{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;text-transform:capitalize}._loading_g1iut_29{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:1rem}._spinner_g1iut_37{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_g1iut_37 .8s linear infinite}@keyframes _spin_g1iut_37{to{transform:rotate(360deg)}}._error_g1iut_52{color:#f87171;font-size:.875rem;text-align:center}._strengthWrapper_g1iut_58{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem;width:100%;max-width:150px}._strengthBar_g1iut_68{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}._strengthFill_g1iut_76{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;transition:width .3s ease}._strengthLabel_g1iut_83{font-size:.75rem;color:#ffffff80}._container_1n5zc_1{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2);min-height:160px}._title_1n5zc_12{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}._chord_1n5zc_21{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}._notes_1n5zc_28{font-size:.875rem;color:#ffffff80;margin-top:.5rem;letter-spacing:.05em}._confidenceWrapper_1n5zc_35{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem;width:100%;max-width:150px}._confidenceBar_1n5zc_45{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}._confidenceFill_1n5zc_53{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;transition:width .15s ease}._confidenceLabel_1n5zc_60{font-size:.75rem;color:#ffffff80}._container_9hgvf_1{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2)}._title_9hgvf_11{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}._controls_9hgvf_20{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}._recordButton_9hgvf_28{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#ef4444;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease}._recordButton_9hgvf_28:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}._recordButton_9hgvf_28:disabled{opacity:.5;cursor:not-allowed}._recordIcon_9hgvf_53{width:12px;height:12px;background:#fff;border-radius:50%}._recordingActive_9hgvf_60{display:flex;flex-direction:column;align-items:center;gap:.75rem}._recordingIndicator_9hgvf_67{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#fff}._recordingDot_9hgvf_75{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:_pulse_9hgvf_1 1s ease-in-out infinite}@keyframes _pulse_9hgvf_1{0%,to{opacity:1}50%{opacity:.5}}._stopButton_9hgvf_92{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}._stopButton_9hgvf_92:hover{background:#fff3}._stopIcon_9hgvf_111{width:10px;height:10px;background:#fff;border-radius:2px}._playbackSection_9hgvf_118{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}._audioPlayer_9hgvf_126{width:100%;max-width:300px;height:40px}._playbackActions_9hgvf_132{display:flex;gap:.5rem}._actionButton_9hgvf_137{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:#6366f14d;border:1px solid rgba(99,102,241,.5);border-radius:8px;cursor:pointer;transition:all .2s ease}._actionButton_9hgvf_137:hover{background:#6366f180}._clearButton_9hgvf_153{background:#ef444433;border-color:#ef444466}._clearButton_9hgvf_153:hover{background:#ef444466}._container_ha3u8_1{display:flex;flex-direction:column;background:#1e1e3f99;border-radius:16px;border:1px solid rgba(139,92,246,.2);overflow:hidden}._header_ha3u8_10{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(139,92,246,.1)}._title_ha3u8_18{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em}._clearButton_ha3u8_26{padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#fff9;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}._clearButton_ha3u8_26:hover{background:#fff3;color:#fff}._list_ha3u8_43{flex:1;overflow-y:auto;max-height:300px;padding:.5rem}._empty_ha3u8_50{display:flex;align-items:center;justify-content:center;height:100px;color:#fff6;font-size:.875rem;text-align:center;padding:1rem}._item_ha3u8_61{display:grid;grid-template-columns:80px 60px 80px 1fr;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;border-radius:6px;transition:background .15s ease}._item_ha3u8_61:hover{background:#ffffff0d}._time_ha3u8_75{color:#fff6;font-family:monospace}._note_ha3u8_80{color:#8b5cf6;font-weight:600}._bpm_ha3u8_85{color:#6366f1}._key_ha3u8_89{color:#10b981;text-transform:capitalize}._container_1mlud_1{display:flex;flex-direction:column;gap:2rem}._intro_1mlud_7{text-align:center;max-width:700px;margin:0 auto}._sectionTitle_1mlud_13{font-size:1.75rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}._introText_1mlud_23{color:#ffffffb3;line-height:1.6}._cards_1mlud_28{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}._card_1mlud_28{background:#1e1e3f99;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.5rem}._cardTitle_1mlud_41{font-size:1.125rem;font-weight:600;color:#a78bfa;margin-bottom:.75rem}._cardText_1mlud_48{color:#fffc;line-height:1.6;margin-bottom:1rem}._list_1mlud_54{list-style:none;padding:0;margin:0 0 1rem}._list_1mlud_54 li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#ffffffb3;line-height:1.5}._list_1mlud_54 li:before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;background:#6366f1;border-radius:50%}._list_1mlud_54 li code{background:#6366f133;color:#a5b4fc;padding:.125rem .375rem;border-radius:4px;font-size:.875rem}._list_1mlud_54 li strong{color:#ffffffe6}._library_1mlud_91{margin:0;padding-top:.75rem;border-top:1px solid rgba(139,92,246,.15);font-size:.875rem;color:#ffffff80}._library_1mlud_91 a{color:#8b5cf6;text-decoration:none}._library_1mlud_91 a:hover{text-decoration:underline}@media(max-width:768px){._cards_1mlud_28{grid-template-columns:1fr}._sectionTitle_1mlud_13{font-size:1.5rem}}._container_12rel_1{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background:#1e1e3f99;border-radius:12px;border:1px solid rgba(139,92,246,.2);min-width:200px}._label_12rel_12{display:flex;justify-content:space-between;align-items:center}._title_12rel_18{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em}._value_12rel_26{font-size:1rem;font-weight:600;color:#fff}._slider_12rel_32{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}._slider_12rel_32::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #6366f166;transition:transform .15s ease}._slider_12rel_32::-webkit-slider-thumb:hover{transform:scale(1.1)}._slider_12rel_32::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #6366f166}._hints_12rel_69{display:flex;justify-content:space-between;font-size:.75rem;color:#fff6}._container_fq2jg_1{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background:#1e1e3f99;border-radius:12px;border:1px solid rgba(139,92,246,.2);min-width:200px}._label_fq2jg_12{display:flex;justify-content:space-between;align-items:center}._title_fq2jg_18{font-size:.875rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em}._status_fq2jg_26{font-size:.75rem;font-weight:500;color:#fff6;transition:color .2s ease}._meterWrapper_fq2jg_33{position:relative}._meter_fq2jg_33{position:relative;width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:visible}._fill_fq2jg_46{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:4px;transition:width .05s ease-out,background .2s ease}._fill_fq2jg_46._active_fq2jg_53{background:linear-gradient(90deg,#10b981,#34d399)}._threshold_fq2jg_57{position:absolute;top:-2px;width:2px;height:12px;background:#fff9;border-radius:1px;transform:translate(-50%)}._threshold_fq2jg_57:after{content:"min";position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:.625rem;color:#fff6;white-space:nowrap}._app_1qjfq_1{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto}._header_1qjfq_10{text-align:center;margin-bottom:2rem}._title_1qjfq_15{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}._subtitle_1qjfq_25{color:#fff9;font-size:1.125rem}._tabs_1qjfq_30{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}._tab_1qjfq_30{padding:.5rem 1.25rem;border:none;background:transparent;color:#ffffff80;font-size:.9375rem;font-weight:500;cursor:pointer;border-radius:9999px;transition:all .2s ease}._tab_1qjfq_30:hover{color:#fffc;background:#8b5cf61a}._tabActive_1qjfq_54{color:#fff;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);box-shadow:0 0 20px #8b5cf633}._main_1qjfq_60{flex:1;display:flex;flex-direction:column;gap:2rem}._controls_1qjfq_67{display:flex;flex-direction:column;align-items:center;gap:1.5rem}._inputControls_1qjfq_74{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}._visualizer_1qjfq_81{display:flex;justify-content:center}._detectors_1qjfq_86{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}._extras_1qjfq_92{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}._instructions_1qjfq_98{text-align:center;padding:3rem;color:#fff9}._instructions_1qjfq_98 p{margin-bottom:.5rem}._instructions_1qjfq_98 ._note_1qjfq_108{font-size:.875rem;color:#fff6}._footer_1qjfq_113{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(139,92,246,.2);text-align:center}._footer_1qjfq_113 p{color:#fff6;font-size:.875rem}._footer_1qjfq_113 a{color:#8b5cf6;text-decoration:none}._footer_1qjfq_113 a:hover{text-decoration:underline}@media(max-width:768px){._app_1qjfq_1{padding:1rem}._title_1qjfq_15{font-size:2rem}._detectors_1qjfq_86,._extras_1qjfq_92{grid-template-columns:1fr}}