.control-panel[data-v-3f300910]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.control-row[data-v-3f300910]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%}.duration-selector[data-v-3f300910]{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.selector-label[data-v-3f300910]{font-size:10px;color:#525ca8;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1}.selector-buttons[data-v-3f300910]{display:flex;gap:.5rem}.stats-card[data-v-3f300910]{display:flex;gap:1.5rem;padding:.75rem 1.25rem;background:linear-gradient(145deg,#e6e3de,#d8d5cf);border:1px solid #959292;border-radius:6px;box-shadow:3px 3px 6px #52576326,-2px -2px 4px #f8f6f299}.stats-item[data-v-3f300910]{display:flex;flex-direction:column;align-items:center;min-width:80px}.stats-label[data-v-3f300910]{font-size:10px;color:#525ca8;text-transform:uppercase;letter-spacing:.05em}.stats-value[data-v-3f300910]{font-family:IBM Plex Mono,monospace;font-size:1.25rem;font-weight:700;color:#2d2d2d}.timer-value[data-v-3f300910]{color:#525ca8}.timer-value.timer-active[data-v-3f300910]{color:#ab2f79;animation:pulse-3f300910 1s ease-in-out infinite}@keyframes pulse-3f300910{0%,to{opacity:1}50%{opacity:.6}}.cps-value[data-v-3f300910]{color:#8ea85c}.peak-value[data-v-3f300910]{color:#ab2f79}.hint-display[data-v-3f300910]{margin-top:1rem;text-align:center;min-height:24px}.hint-text[data-v-3f300910]{font-size:14px;color:#959292}.hint-text.active[data-v-3f300910]{color:#8ea85c;font-weight:500}.keyboard-wrapper[data-v-3f300910]{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:center;padding:10px 0}[data-v-3f300910] .keyboard-canvas{margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.stats-card[data-v-3f300910]{flex-wrap:wrap;justify-content:center;gap:1rem}.duration-selector[data-v-3f300910]{width:100%}.selector-buttons[data-v-3f300910]{width:100%;justify-content:center}.stats-item[data-v-3f300910]{min-width:60px}}