@font-face{font-family:Roboto Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/roboto-latin-wght-normal-ccAYIvAh.woff2)format("woff2")}:root{color:#1f1f1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#0b57d0;--blue-hover:#0842a0;--blue-active:#062e6f;--muted:#5f6368;--line:#dadce0;background:#fff;font-family:Roboto Variable,Roboto,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default;opacity:.5}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1:focus{outline:none}::selection{color:#17365e;background:#d4e3fc}*{scrollbar-color:#b2c2db #fff;scrollbar-width:thin}input{caret-color:var(--blue)}.app{text-align:center;flex-direction:column;width:min(100% - 48px,440px);min-height:100dvh;margin:0 auto;padding:clamp(24px,12vh - 32px,112px) 0 36px;display:flex}.app:not(.phase-results){height:100dvh;min-height:min-content}h1{text-wrap:balance;margin:0;font-size:clamp(32px,5vw,36px);font-weight:400;line-height:1.2}.brand-domain{color:var(--muted);font-size:.6em}.subtitle{color:var(--muted);text-wrap:balance;margin:12px 0 0;font-size:16px;line-height:1.6}.task{flex-direction:column;flex:1 0 auto;align-items:center;margin-top:44px;display:flex}.app:not(.phase-results) .task{flex-shrink:1}.mic-button{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:96px;height:96px;transition:background .16s;display:grid}.mic-button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:36px;height:36px}.mic-button:hover:not(:disabled){background:var(--blue-hover)}.mic-button:active:not(:disabled){background:var(--blue-active)}.action-label{margin-top:20px;font-size:16px;font-weight:550}.hint{color:var(--muted);text-wrap:balance;margin:8px 0 0;font-size:13px;line-height:1.6}.text-button{min-height:44px;color:var(--blue);background:0 0;border-radius:24px;padding:11px 16px;font-size:14px;font-weight:550;transition:background .16s}.text-button:hover:not(:disabled){background:#e8f0fe}.text-button:active:not(:disabled){background:#d3e3fd}.upload-button{margin-top:28px}.filled-button{color:#fff;background:var(--blue);border-radius:26px;min-height:48px;padding:13px 26px;font-size:15px;font-weight:550;transition:background .16s}.filled-button:hover:not(:disabled){background:var(--blue-hover)}.filled-button:active:not(:disabled){background:var(--blue-active)}.outlined-button{min-height:48px;color:var(--blue);background:0 0;border:1px solid #747775;border-radius:26px;padding:12px 25px;font-size:15px;font-weight:550;transition:background .16s}.outlined-button:hover:not(:disabled){background:#e8f0fe}.outlined-button:active:not(:disabled){background:#d3e3fd}.filled-button+.text-button{margin-top:12px}footer{color:var(--muted);text-wrap:balance;margin-top:auto;padding-top:32px;font-size:13px;line-height:1.6}.privacy-statement{text-wrap:balance;display:block}.sound-bars{justify-content:center;align-items:center;gap:6px;width:96px;height:72px;display:flex}.sound-bars span{width:5px;height:44px;transform:scaleY(var(--level));background:var(--blue);border-radius:3px;transition:transform 80ms linear}.is-searching span{animation:1.2s cubic-bezier(.16,1,.3,1) infinite thinking;animation-delay:var(--delay)}@keyframes thinking{0%,to{transform:scaleY(.18)}45%{transform:scaleY(.77)}}.pitch-staff{border:1px solid var(--line);border-radius:12px;flex-shrink:0;width:100%;height:430px;display:block}.app:not(.phase-results) .pitch-staff{flex:1 1 0;height:auto;min-height:200px;max-height:430px}.pitch-plots{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:12px;display:grid}.pitch-plot{min-width:0;margin:0}.pitch-plot canvas{width:100%;height:96px;display:block}.pitch-plot figcaption{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.selected-audio+.pitch-staff{margin-bottom:26px}.phase-searching .pitch-staff{margin-bottom:8px}.your-tune{width:100%;margin:28px 0 0}.your-tune figcaption,.download-button{margin-top:6px}.recording-controls{flex-direction:column;align-items:center;display:flex}.timer{font-variant-numeric:tabular-nums;margin:12px 0 28px;font-size:28px;font-weight:450}.timer span{color:var(--muted);font-size:16px}.status{margin:14px 0 24px;font-size:16px}.selected-audio{max-width:100%;margin-bottom:26px}.selected-audio svg{width:32px;height:32px;stroke:var(--blue);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.filename{overflow-wrap:anywhere;margin:18px 0 0;font-size:16px;font-weight:550}.error{color:#a13228;text-wrap:pretty;max-width:360px;margin:20px 0;font-size:14px;line-height:1.6}.matches{text-align:left;border-top:1px solid var(--line);width:100%;margin:0;padding:0;list-style:none}.matches li{border-bottom:1px solid var(--line)}.match{color:inherit;text-underline-offset:3px;border-radius:2px;justify-content:space-between;align-items:center;gap:18px;padding:22px 4px;text-decoration:none;display:flex}.match:hover .song-title{color:var(--blue);text-decoration:underline}.song{flex-direction:column;gap:6px;min-width:0;display:flex}.song-title{overflow-wrap:anywhere;font-size:17px;font-weight:550;line-height:1.4}.artist{color:var(--muted);overflow-wrap:anywhere;font-size:14px;line-height:1.45}.match-end{flex-shrink:0;align-items:center;gap:12px;display:flex}.confidence{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.confidence span{color:var(--muted);text-align:right;margin-top:2px;font-size:11px;font-weight:400;display:block}.match-end svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.more-button,.parts-note{margin-top:14px}.again-button{margin-top:28px}.verification{width:300px;margin-top:24px;position:relative}.verification-widget{min-height:65px}.verification-loading{place-items:center;margin:0;display:grid;position:absolute;inset:0}.verification .error{margin:12px 0 0}.verification .text-button{margin-top:4px}.no-script{width:min(100% - 48px,440px);color:var(--muted);text-align:center;margin:0 auto 36px;font-size:14px;line-height:1.6}@media (width<=480px){.task{margin-top:36px}.match{gap:14px;padding:20px 0}.match-end{gap:8px}.song-title{font-size:16px}}@media (height<=960px){.task{margin-top:28px}footer{padding-top:20px}.recording-controls{flex-flow:wrap;justify-content:center;gap:8px 12px;margin-top:16px}.recording-controls .timer{margin:0 4px 0 0;font-size:22px}.recording-controls .timer span{font-size:14px}.recording-controls .filled-button+.text-button{margin:0}.pitch-plot canvas,.phase-searching .sound-bars{height:56px}.phase-searching .status{margin:8px 0 12px}}@media (height<=720px){.pitch-plots{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.is-searching span{transform:scaleY(.36)}}