#test-area{cursor:pointer;transition:background-color 0.2s,transform 0.1s;user-select:none}#test-area:active{background-color:#e9ecef !important;transform:scale(0.99)}#test-area.disabled{pointer-events:none;opacity:0.6}.stat-number{font-size:2.2rem;font-weight:600;line-height:1.2}.stat-card{height:100%;display:flex;flex-direction:column;justify-content:center}.modal-display-number{font-size:3.5rem;font-weight:700;line-height:1.2}.click-area{transition:background-color 0.1s ease,transform 0.1s ease,border-color 0.1s ease;cursor:pointer;user-select:none;background:#f8fafc;min-height:300px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border:1px solid #e2e8f0}.click-area:active{background-color:#e2e8f0 !important;transform:scale(0.99)}.click-area:focus{outline:none;box-shadow:none;border-color:#e2e8f0}.click-area[data-inactive="true"]{opacity:0.7;cursor:not-allowed}.click-area[data-inactive="true"]:active{transform:none}.click-pulse::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;background:rgba(74,108,247,0.5);border-radius:50%;transform:translate(-50%,-50%) scale(1);animation:ripple 0.4s ease-out;pointer-events:none}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:0.7}100%{transform:translate(-50%,-50%) scale(30);opacity:0}}.progress-timer{height:6px;border-radius:10px;background-color:#e9ecef}.progress-timer .progress-bar{background-color:#4a6cf7;border-radius:10px;transition:width 0.2s ease}.voice-toggle{cursor:pointer;color:#6c757d;transition:color 0.2s}.voice-toggle.active{color:#4a6cf7}