.vocal-pitch-diagnostic .orange-stage{min-height:440px}.vocal-pitch-diagnostic h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:anywhere}.vocal-pitch-diagnostic .orange-header{gap:20px}.vocal-pitch-diagnostic .orange-header>.orange-quiet{margin-left:auto;flex-shrink:0}.vocal-pitch-diagnostic .orange-brand{min-width:0}.vocal-pitch-diagnostic .orange-primary:disabled{opacity:.4;cursor:default}.vocal-pitch-meter{height:16px;width:min(100%,340px);background:#34394e;border-radius:12px;margin:24px auto;overflow:hidden}.vocal-pitch-meter span{height:100%;display:block;background:#ffb675;transition:width .12s linear}.vocal-pitch-gauge{height:16px;width:min(100%,340px);position:relative;margin:28px auto 8px;border-radius:12px;background:linear-gradient(90deg,#37374f 35%,#31514a 35% 65%,#37374f 65%)}.vocal-pitch-gauge i{position:absolute;top:-6px;bottom:-6px;left:50%;width:2px;background:#ffb675}.vocal-pitch-gauge span{position:absolute;top:-4px;width:24px;height:24px;transform:translate(-50%);background:#f7f3ed;border-radius:50%}.vocal-pitch-count{font-size:2rem;font-weight:800;margin:16px 0}.vocal-pitch-details,.vocal-pitch-card{max-width:680px;margin:auto;width:100%}.vocal-pitch-details h1,.vocal-pitch-card h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:24px}.vocal-pitch-note-list{margin:24px 0;display:grid;gap:16px}.vocal-pitch-note-list li{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;padding-bottom:16px;border-bottom:1px solid #34394e}.vocal-pitch-note-list strong{font-size:1.25rem;width:3rem}.vocal-pitch-note-list span{font-size:1.125rem}.vocal-pitch-card{text-align:center}.vocal-pitch-card>.orange-primary{margin:32px auto}@media(max-height:500px)and (min-width:640px){.vocal-pitch-diagnostic .orange-stage{min-height:0;width:100%;max-width:760px;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:32px;text-align:left;align-items:start}.vocal-pitch-diagnostic .orange-stage>.orange-symbol{display:none}.vocal-pitch-diagnostic .orange-stage>h1{grid-column:1;grid-row:2/5}.vocal-pitch-diagnostic .orange-stage>.orange-kicker{grid-column:1;grid-row:1}.vocal-pitch-diagnostic .orange-stage>:not(h1):not(.orange-symbol):not(.orange-kicker){grid-column:2}}@media(prefers-reduced-motion:reduce){.vocal-pitch-meter span{transition:none}}.vocal-pitch-details :is(.text-xs,.text-sm){font-size:1rem;line-height:1.6}.vocal-pitch-details>.orange-link{margin-top:24px}.vocal-pitch-details :is(.text-dojo-400,.text-dojo-500){color:#c0bccc}.vocal-pitch-details input::placeholder{color:#a5acbf}