.CircleOfFifths-module__t6Am5G__container{flex-direction:column;gap:20px;max-width:600px;margin:40px auto;padding:0 20px 40px;display:flex}.CircleOfFifths-module__t6Am5G__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.CircleOfFifths-module__t6Am5G__card{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000012}.CircleOfFifths-module__t6Am5G__grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.CircleOfFifths-module__t6Am5G__keyBtn,.CircleOfFifths-module__t6Am5G__keyActive{cursor:pointer;background:#fff;border:1.5px solid #d0dbe8;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.CircleOfFifths-module__t6Am5G__keyActive{background:#1a3a5c;border-color:#1a3a5c}.CircleOfFifths-module__t6Am5G__keyMajor{color:#1a3a5c;font-size:1.1rem;font-weight:800}.CircleOfFifths-module__t6Am5G__keyActive .CircleOfFifths-module__t6Am5G__keyMajor{color:#fff}.CircleOfFifths-module__t6Am5G__keyMinor{color:#889;font-size:.75rem}.CircleOfFifths-module__t6Am5G__keyActive .CircleOfFifths-module__t6Am5G__keyMinor{color:#cbd8e8}.CircleOfFifths-module__t6Am5G__keyAccidentals{color:#aab;margin-top:2px;font-size:.7rem}.CircleOfFifths-module__t6Am5G__keyActive .CircleOfFifths-module__t6Am5G__keyAccidentals{color:#aec0d8}.CircleOfFifths-module__t6Am5G__resultCard{background:#f0f6ff;border:1.5px solid #c8daf0}.CircleOfFifths-module__t6Am5G__results{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.CircleOfFifths-module__t6Am5G__stat{flex-direction:column;align-items:center;gap:4px;display:flex}.CircleOfFifths-module__t6Am5G__statLabel{color:#667;text-align:center;font-size:.75rem}.CircleOfFifths-module__t6Am5G__statValue{color:#1a3a5c;text-align:center;font-size:1.1rem;font-weight:700}@media (max-width:640px){.CircleOfFifths-module__t6Am5G__container{margin:16px auto;padding:0 12px 24px}.CircleOfFifths-module__t6Am5G__grid{grid-template-columns:repeat(3,1fr)}.CircleOfFifths-module__t6Am5G__results{grid-template-columns:1fr}}