.ear-app{color:#ffffffd9;grid-template-columns:1fr 260px;grid-template-areas:"header header""main setup";gap:24px;max-width:1120px;margin:0 auto;padding:24px 24px 80px;display:grid}.ear-header{border-bottom:1px solid #ffffff14;grid-area:header;align-items:center;gap:18px;padding-bottom:14px;display:flex}.ear-back{color:#ffffff8c;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.ear-back:hover{color:#e4b97d;background:#e4b97d0f}.ear-title{color:#fff;flex:1;margin:0;font-size:1.25rem;font-weight:600}.ear-score{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:.95rem;display:inline-flex}.ear-score__ok{color:var(--correct,#22c55e);font-weight:600}.ear-score__ko{color:var(--wrong,#ef4444);font-weight:600}.ear-score__sep{color:#ffffff4d}.ear-score__acc{color:#ffffff80;margin-left:10px;font-size:.8rem}.ear-volume{background:#ffffff05;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.ear-volume__icon{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .15s;display:inline-flex}.ear-volume__icon:hover{color:#fff}.ear-volume__slider{accent-color:#e4b97d;cursor:pointer;width:90px}.ear-unlock{color:#e4b97d;cursor:pointer;background:#e4b97d24;border:1px solid #e4b97d8c;border-radius:6px;grid-column:1/-1;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:7px 18px;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.ear-unlock:hover{background:#e4b97d38;border-color:#e4b97d}.ear-main{flex-direction:column;grid-area:main;gap:24px;display:flex}.ear-actions{flex-wrap:wrap;gap:10px;display:flex}.ear-btn{color:#ffffffd9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;transition:all .15s;display:inline-flex}.ear-btn:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#ffffff4d}.ear-btn:disabled{opacity:.4;cursor:not-allowed}.ear-btn--primary{color:#e4b97d;background:#e4b97d1f;border-color:#e4b97d80}.ear-btn--primary:hover:not(:disabled){color:#e4b97d;background:#e4b97d33;border-color:#e4b97d}.ear-btn--ghost{color:#ffffff80;background:0 0;border-color:#ffffff14}.ear-kbd{color:#fff9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;margin-left:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.ear-stage{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;min-height:220px;padding:28px;transition:box-shadow .2s,border-color .2s}.ear-stage--correct{border-color:#22c55e66;box-shadow:0 0 0 2px #22c55e26}.ear-stage--wrong{border-color:#ef444466;box-shadow:0 0 0 2px #ef444426}.ear-empty{color:#fff6;text-align:center;font-style:italic}.ear-answers-caption{color:#fff6;text-align:center;margin:0 0 10px;font-size:.78rem;font-style:italic}.ear-answers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.ear-answer{color:#ffffffd9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 14px;font-size:1rem;transition:all .12s;display:flex}.ear-answer:hover:not(:disabled){background:#e4b97d0d;border-color:#e4b97d66}.ear-answer:disabled{cursor:default}.ear-answer--correct{color:#22c55e;background:#22c55e26!important;border-color:#22c55e99!important}.ear-answer__name{font-weight:500}.ear-play-prompt{text-align:center;color:#ffffffbf;font-size:1.05rem;line-height:1.6}.ear-play-hint{color:#fff6;margin-top:6px;font-size:.85rem}.ear-reveal-chord{flex-direction:column;align-items:center;gap:10px;display:flex}.ear-reveal-caption{color:#e4b97d;background:#e4b97d1a;border:1px solid #e4b97d66;border-radius:6px;align-items:center;gap:10px;margin:0;padding:6px 14px;font-size:.95rem;display:inline-flex}.ear-reveal-replay{color:#e4b97d;cursor:pointer;background:#e4b97d2e;border:1px solid #e4b97d80;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s;display:inline-flex}.ear-reveal-replay:hover{background:#e4b97d52}.ear-reveal-hint{color:#ffffff73;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:6px 0 0;font-size:.82rem;display:inline-flex}.ear-reveal-hint-or{color:#ffffff59}.chord-mini--sm{background:#fff;border-radius:4px;padding:2px;line-height:0}.chord-mini--lg{background:#fff;border-radius:6px;padding:6px 8px;line-height:0}.ear-setup{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;grid-area:setup;gap:20px;height:fit-content;padding:16px;display:flex;position:sticky;top:20px}.ear-setup__section h3{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin:0 0 10px;font-size:.72rem;font-weight:600}.ear-tabs{background:#ffffff08;border-radius:5px;gap:4px;padding:3px;display:flex}.ear-tab{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:6px 10px;font-size:.8rem;transition:all .12s}.ear-tab.is-active{color:#e4b97d;background:#e4b97d26}.ear-type-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ear-type-chip{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;padding:6px 10px;font-size:.8rem;transition:all .12s}.ear-type-chip:hover{color:#ffffffd9;border-color:#ffffff4d}.ear-type-chip.is-active{color:#e4b97d;background:#e4b97d1f;border-color:#e4b97d80}@media (max-width:768px){.ear-app{grid-template-columns:1fr;grid-template-areas:"header""main""setup";padding:16px}.ear-setup{position:static}.ear-header{flex-wrap:wrap;gap:8px}.ear-title{order:-1;width:100%;font-size:1.1rem}}
.ear-seo{color:#ffffffc7;max-width:880px;margin:40px auto;padding:0 24px 40px;font-size:.95rem;line-height:1.6}.ear-seo h2{color:#e4b97d;letter-spacing:-.01em;margin:32px 0 12px;font-size:1.25rem;font-weight:600}.ear-seo__intro p{margin:0 0 12px}.ear-seo__chords-intro{color:#fff9;margin:0 0 16px}.ear-seo__chord-list{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ear-seo__chord{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;align-items:flex-start;gap:14px;padding:14px;display:flex;position:relative}.ear-seo__play{color:#e4b97d;cursor:pointer;background:#e4b97d24;border:1px solid #e4b97d80;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:10px;right:10px}.ear-seo__play:hover{background:#e4b97d40;border-color:#e4b97d}.ear-seo__chord .chord-mini--sm{flex-shrink:0}.ear-seo__chord-body{flex:1;min-width:0}.ear-seo__chord h3{color:#fff;margin:0 0 4px;font-size:.95rem;font-weight:600}.ear-seo__chord-symbol{color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:400}.ear-seo__chord-intervals{color:#ffffff8c;margin:0 0 4px;font-size:.82rem}.ear-seo__chord-desc{color:#ffffff80;margin:0;font-size:.82rem;font-style:italic}.ear-seo__theory-link{color:#e4b97d;background:#e4b97d24;border:1px solid #e4b97d80;border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.ear-seo__theory-link:hover{background:#e4b97d38}