.cantometro{background:radial-gradient(ellipse at 80% 20%,#43205d,#120a1b 65%);color:#fbf6ff;padding:90px 0}.canto-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.cantometro .section-label{color:#d9a4fb}.cantometro .section-intro{color:#d5c4df}.canto-panel{background:#ffffff09;border:1px solid #d795ff40;border-radius:26px;padding:30px;min-width:0}.canto-orb{width:145px;height:145px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#9a47cd,#36164b 70%);border:1px solid #ce86fb;box-shadow:0 0 45px #b14df22b;transform:scale(var(--voice-scale,1));transition:transform .12s}.canto-orb span{font-size:52px;color:#f0cfff}.canto-stage{text-align:center;font:400 29px/1.2 Georgia,serif;margin:15px 0}.canto-message{color:#eadcf2;line-height:1.6;min-height:52px;text-align:center}.canto-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.canto-actions button:disabled{opacity:.5;cursor:wait}.canto-stop{border:1px solid #c496df;border-radius:99px;padding:10px 18px;background:transparent;color:#fff;cursor:pointer}.canto-status{font-size:12px;color:#dbc3eb;text-align:center;min-height:18px}.canto-meter{height:7px;border-radius:9px;background:#ffffff18;overflow:hidden;margin:15px 0}.canto-meter div{height:100%;width:0;background:linear-gradient(90deg,#9b44d0,#eac2ff);transition:width .12s}.canto-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.canto-steps span{font-size:11px;border:1px solid #ad77ce50;border-radius:99px;padding:8px 10px;color:#d8bfeb}.canto-steps .earned{background:#b14df23d;color:#f7e5ff;border-color:#c282e9}.canto-results{margin-top:20px}.canto-result{border-top:1px solid #ffffff26;padding:14px 0}.canto-result strong{display:block;color:#ebc7ff;margin-bottom:5px}.canto-result p{font-size:14px;line-height:1.6;margin:0;color:#e4d5ed}.canto-note{font-size:12px!important;line-height:1.6!important;color:#c9b5d5!important;margin-top:20px}.canto-reward{font:400 25px Georgia,serif;text-align:center;color:#edc5ff;animation:canto-celebrate .8s ease-out}.canto-tip{padding:18px;border-radius:15px;background:#b14df21a;margin-top:18px;line-height:1.6}.cantometro [hidden]{display:none!important}.cantometro :focus-visible{outline:3px solid #eccaff;outline-offset:5px}@keyframes canto-celebrate{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}@media(max-width:820px){.canto-layout{grid-template-columns:1fr;gap:30px}.canto-panel{padding:22px}.cantometro{padding:65px 0}}@media(prefers-reduced-motion:reduce){.canto-reward{animation:none}.canto-orb,.canto-meter div{transition:none}}
.canto-layout{grid-template-columns:.7fr 1.3fr;gap:40px}.canto-game{margin:24px 0;border:1px solid #c388eb35;background:radial-gradient(ellipse at center,#4b235a45,#100a20);border-radius:20px;overflow:hidden}.game-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 18px 12px;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:#d0a9ed}.game-phase{color:#f6e8ff}.game-score{display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#cdb8dc;font-size:12px}.game-stars{font-size:26px;letter-spacing:4px;color:#e0adff;text-shadow:0 0 18px #c675f255}.game-seconds{font-variant-numeric:tabular-nums;color:#fff}.pitch-field{display:block;width:100%;height:auto;overflow:visible}.game-axis{fill:#bda2cf;font:10px Arial,sans-serif;letter-spacing:1px}.voice-point{filter:drop-shadow(0 0 7px #d58aff);transition:cy .065s linear}.target-band{transition:fill .2s}.on-target .target-band{fill:#d7a0fb40}.on-target .voice-point{fill:#fff;filter:drop-shadow(0 0 13px #f2c9ff)}.game-hint{padding:0 16px;text-align:center;min-height:40px;font-size:14px;color:#efdefa}.game-input{display:flex;align-items:center;gap:10px;padding:8px 18px;font:10px 'DM Mono',monospace;color:#bfa6cf}.game-input>div{height:5px;border-radius:5px;background:#ffffff12;flex:1;overflow:hidden}.game-input i{display:block;height:100%;width:0;background:#d597ff;transition:width .08s}.game-help{padding:0 18px 16px;color:#bca6c9;font-size:12px;line-height:1.6;margin:8px 0 0}.canto-panel{padding:25px}.canto-message{min-height:70px}@media(max-width:820px){.canto-layout{grid-template-columns:1fr}.canto-panel{padding:16px}.game-top{font-size:9px;padding:15px 12px}.game-score{padding:0 12px}.game-stars{font-size:23px}.game-hint{font-size:13px}.game-input{padding:8px 12px;gap:6px}}@media(prefers-reduced-motion:reduce){.voice-point,.target-band,.game-input i{transition:none}}