.detector-page{justify-content:flex-start;padding-top:155px;overflow:hidden}.detector-page>*{z-index:1;position:relative}.detector-page>.explore-brand{position:absolute}.detector-intro{max-width:740px}.detector-kicker{color:#88652d;letter-spacing:.2em;font-size:10px}.detector-intro h1{font-size:clamp(2.8rem,7vw,5.2rem)}.detector-intro>p:not(.detector-kicker){color:#655c4e;font:18px/1.7 Georgia,serif}.detector-intro .detector-privacy{margin-top:20px;color:#8b6a36!important;font:12px/1.6 Arial,Tahoma,sans-serif!important}.detector-inputs{grid-template-columns:1fr 1fr;gap:24px;width:min(960px,100%);margin:32px auto 0;display:grid}.detector-source-card{color:#292722;background:#f7f2eaa6;border:1px solid #b6a994;flex-direction:column;align-items:center;padding:32px;display:flex;box-shadow:0 18px 40px #32281915}.detector-source-card>svg{stroke:#997137;stroke-width:1.6px;filter:drop-shadow(2px 4px #bda78033);width:52px;height:52px}.detector-source-card h2{margin:20px 0 12px;font:30px/1.2 Georgia,serif}.detector-source-card p{color:#746754;margin:0 0 24px;font:16px/1.7 Georgia,serif}.detector-action{color:#e6cca2;cursor:pointer;background:#292722;border:1px solid #292722;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;margin-top:auto;padding:14px 25px;font:14px/1.5 Arial,Tahoma,sans-serif;transition:background .2s,transform .2s;display:flex}.detector-action:hover:not(:disabled){background:#44392b;transform:translateY(-2px)}.detector-action:disabled{opacity:.45;cursor:not-allowed}.detector-action:focus-visible,.detector-cancel:focus-visible{outline-offset:4px;outline:2px solid #997137}.detector-source-card small{color:#8b7b64;margin-top:13px;font:11px/1.7 Arial,Tahoma,sans-serif;display:block}.recording-clock{color:#8b3a27;align-items:center;gap:10px;margin-bottom:20px;font:15px/1.5 Arial,Tahoma,sans-serif;display:flex}.recording-clock i{background:#a34830;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #a3483015}.stop-recording{color:#fff2db;background:#713d2a}.detector-workspace{width:min(960px,100%)}.detector-progress{text-align:start;color:#705327;background:#f3eddf;border:1px solid #baac95;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0;padding:24px;font-size:14px;display:flex}.detector-progress progress{accent-color:#9b743b;flex:1;min-width:100px}.detector-cancel{color:#5c4e3b;font:inherit;cursor:pointer;background:0 0;border:1px solid #ab997d;min-height:44px;margin-inline-start:auto;padding:10px 16px}.detector-error{color:#7d3b24;background:#fff2e3;border:1px solid #b89376;padding:20px;font-size:14px;line-height:1.8}.detector-preview{text-align:start;background:#f4eee4;border:1px solid #b6a994;align-items:center;gap:20px;margin-top:28px;padding:20px;display:flex}.detector-preview>span{color:#756348;overflow-wrap:anywhere;flex:1;font-size:13px}.detector-preview audio{width:min(330px,100%);max-width:100%;height:44px}.detector-result-anchor{scroll-margin-top:96px}.detector-result{color:#e9d8b9;background:linear-gradient(135deg,#292722,#393228);border:1px solid #a48960;margin-top:30px;padding:44px 35px;box-shadow:0 22px 44px #30261a1f}.detector-result h2{margin:18px 0 20px;font:clamp(2.5rem,6vw,4rem)/1.2 Georgia,serif}.detector-result>.detector-kicker{color:#c4a066}.detector-result>p{color:#cbb99b;font-size:13px;line-height:1.8}.detector-confidence{color:#ecd3a7;border:1px solid #b29872;padding:8px 16px;font-size:12px;display:inline-block}.detector-confidence.low{border-style:dashed}.detected-scale{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;display:flex}.detected-scale span{background:#433b30;border:1px solid #a7906c;border-radius:50%;place-items:center;min-width:55px;height:55px;padding:9px;font:23px Georgia,serif;display:grid;box-shadow:3px 6px #19171266}.detector-result .detector-result-note{max-width:650px;margin-inline:auto;font-size:12px}.detector-result .detector-changing{color:#e4bf80;border-top:1px solid #76654c;padding-top:18px}.detector-pitch-profile{border-top:1px solid #76654c;margin-top:32px;padding-top:22px}.detector-result h3{margin:0 0 20px;font:400 19px/1.5 Georgia,serif}.chroma-bars{justify-content:center;gap:10px;max-width:600px;height:110px;margin:0 auto 30px;display:flex}.chroma-bars>div{background:#efe3d008;flex-direction:column;justify-content:flex-end;align-items:center;width:40px;height:100%;display:flex;position:relative}.chroma-bars i{background:linear-gradient(#d4b071,#937344);border-radius:2px 2px 0 0;width:65%;min-height:3px;display:block}.chroma-bars span{font-size:11px;position:absolute;bottom:-23px}.detector-alternatives{padding-top:24px}.detector-alternatives>span{border:1px solid #76654c;margin:0 5px 8px;padding:10px 16px;font-size:13px;display:inline-block}.detector-page>.detector-help{color:#7c6b52;max-width:740px;margin:34px auto 28px;font-size:13px;line-height:1.9}.detector-page>.return{color:#705327;letter-spacing:.15em;border-bottom:1px solid #705327;padding-bottom:6px;font-size:11px}.detector-page .detector-inputs{text-align:center}@media (width<=720px){.detector-page{padding:110px 16px 40px}.detector-intro h1{font-size:38px}.detector-intro>p:not(.detector-kicker){font-size:16px}.detector-inputs{grid-template-columns:1fr;gap:16px;margin-top:24px}.detector-source-card{padding:24px}.detector-source-card h2{font-size:27px}.detector-source-card p{font-size:15px}.detector-preview{flex-direction:column;align-items:stretch;gap:15px;padding:16px}.detector-preview audio{width:100%}.detector-result{padding:30px 18px}.detector-result h2{font-size:37px}.detected-scale{gap:10px}.detected-scale span{min-width:46px;height:46px;font-size:21px}.chroma-bars{gap:5px;height:90px}.chroma-bars>div{width:22px}.chroma-bars span{font-size:9px}.detector-page>.detector-help{font-size:12px}}html[lang=ar] .detector-intro h1{font-size:clamp(2rem,5vw,3.8rem)}html[lang=ar] .detector-source-card h2,html[lang=ar] .detector-result h2,html[lang=ar] .detector-result h3{font-family:Tahoma,Arial,sans-serif}html[lang=ar] .detected-scale span{font-family:Tahoma,Arial,sans-serif;font-size:18px}@media (prefers-reduced-motion:reduce){.detector-action{transition:none}}