.studio-ear-check{min-height:100dvh;background:radial-gradient(ellipse at 50% 0%,#153340 0,#091923 65%);color:#edf5f6;font-size:1rem;line-height:1.6}.studio-ear-check *{box-sizing:border-box}.studio-ear-check button,.studio-ear-check a{-webkit-tap-highlight-color:transparent}.studio-ear-check :is(button,a):focus-visible{outline:3px solid #8decdd;outline-offset:4px}.ear-header{max-width:64rem;margin:auto;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#b9d0da}.ear-header a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #3a5260;border-radius:50%}.ear-header-separator{padding:0 .4rem;color:#628394}.studio-ear-check main{max-width:38rem;padding:1.5rem 1.5rem 3rem;margin:auto}.ear-scene{animation:ear-enter .32s cubic-bezier(.16,1,.3,1)}.ear-scene h1{font-size:clamp(1.85rem,5vw,2.6rem);font-weight:750;line-height:1.15;letter-spacing:-.025em;margin:.75rem 0 1.25rem;text-wrap:balance;outline:none;overflow-wrap:anywhere}.ear-scene p{margin:1rem 0;color:#c2d5df}.ear-scene .ear-label{margin:0;font-size:.875rem;color:#8bdccc;font-weight:650}.ear-scene .ear-note,.ear-scene .ear-source{font-size:.875rem;color:#a3bbc9}.ear-source{overflow-wrap:anywhere}.ear-next{display:flex;gap:.75rem;align-items:center;justify-content:center;width:100%;min-height:3.5rem;padding:.9rem 1.25rem;margin-top:1.75rem;border-radius:1rem;background:#f4cc71;color:#172431;font-weight:750;box-shadow:0 4px #997735;transition:transform .15s,background .15s}.ear-next:not(:disabled):hover{background:#ffdc93}.ear-next:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #997735}.ear-next svg,.ear-quiet svg,.ear-pair svg{flex-shrink:0}.ear-next:disabled{opacity:.6;cursor:wait}.ear-quiet{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem .75rem;color:#c0d7e0;border-radius:.75rem}.ear-quiet:hover{background:#1d3543}.ear-loading{padding:2rem 0;text-align:center}.ear-loading svg{margin:auto;color:#87dacc}.ear-curve{padding:.25rem 1rem 1rem;margin:1.5rem 0;background:#102b39;border:1px solid #355564;border-radius:1.25rem}.ear-curve svg{width:100%;max-height:145px}.ear-zero{stroke:#4f6b7a;stroke-width:1.5;fill:none}.ear-eq{stroke:#f4cc71;stroke-width:3;fill:none;transition:d .3s ease}.ear-curve>div{display:flex;justify-content:space-between;font-size:.875rem;color:#aac8d5}.ear-scene .ear-listening-label{color:#f4cc71;font-weight:650}.ear-pair{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.ear-pair button{flex:1 1 8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem;background:#1c3645;border:1px solid #4c7181;border-radius:.85rem}.ear-pair button[aria-pressed=true]{border-color:#8decdd;background:#194a48}.ear-progress{display:flex;gap:.4rem;margin:0 0 2rem}.ear-progress span{flex:1;height:.35rem;border-radius:1rem;background:#315060;transition:background .25s}.ear-progress span[data-done=true]{background:#82dfc8}.ear-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.ear-choices button{display:flex;flex-direction:column;gap:.1rem;align-items:center;justify-content:center;min-height:4.3rem;padding:.6rem;border-radius:1rem;background:#183442;border:1px solid #476c7e;font-weight:700;transition:transform .12s,background .12s}.ear-choices button:hover{background:#245361;border-color:#83dccc}.ear-choices button:active{transform:scale(.97)}.ear-choices span{font-size:.875rem;font-weight:400;color:#bfd6df}.ear-answer-mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#234858;color:#c5e5ee;margin:1rem 0}.ear-answer-mark[data-correct=true]{color:#123a32;background:#82dfc8;animation:ear-earned .38s ease-out}.ear-scene .ear-error{padding:1rem;background:#41292b;color:#ffdcce;border-radius:.8rem}.ear-score{font-size:4.5rem;font-weight:750;line-height:1.1;color:#f4cc71;margin:1.5rem 0}.ear-score span{font-size:1.5rem;color:#bdd1dc}.ear-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}.ear-listen-orb{display:grid;place-items:center;margin:1.75rem auto;width:6rem;height:6rem;border-radius:50%;color:#f4cc71;background:#203f4a;box-shadow:0 0 0 12px #132f3d}.ear-listen-orb[data-playing=true]{animation:ear-listening 1.6s ease-in-out infinite alternate}@keyframes ear-enter{0%{opacity:.3;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes ear-earned{0%{transform:scale(.7)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ear-listening{to{box-shadow:0 0 0 18px #173b48}}@media(min-width:800px){.studio-ear-check main{padding-top:3.5rem}}@media(prefers-reduced-motion:reduce){.studio-ear-check *,.studio-ear-check *:before{animation:none!important;transition:none!important}}