.cps-test-container{font-family:Inter,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.cps-test-container .test-area{background:#1f2937;border-radius:16px;min-height:420px;padding:32px}.cps-test-container .test-area .start-screen{text-align:center}.cps-test-container .test-area .start-screen h2{color:#f9fafb;font-size:24px;font-weight:700;margin-bottom:16px}.cps-test-container .test-area .start-screen p{color:#9ca3af;font-size:16px;line-height:1.5;margin-bottom:32px}.cps-test-container .test-area .start-screen .time-selection{margin-bottom:32px}.cps-test-container .test-area .start-screen .time-selection label{color:#f9fafb;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.cps-test-container .test-area .start-screen .time-selection select{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#f9fafb;cursor:pointer;font-size:16px;padding:8px 12px}.cps-test-container .test-area .start-screen .time-selection select:focus{border-color:#4f46e5;outline:none}.cps-test-container .test-area .start-screen .time-selection select option{background:#374151;color:#f9fafb}.cps-test-container .test-area .start-screen .start-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .2s ease}.cps-test-container .test-area .start-screen .start-btn:hover{background:#4338ca;transform:translateY(-1px)}.cps-test-container .test-area .start-screen .start-btn:active{transform:translateY(0)}.cps-test-container .test-area .click-area{text-align:center}.cps-test-container .test-area .click-area .click-zone{align-items:center;background:var(--test-area-color,#4fd1c7);border:none;border-radius:16px;color:#1f2937;cursor:pointer;display:flex;font-size:24px;font-weight:700;justify-content:center;margin-bottom:24px;min-height:200px;padding:80px 40px;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cps-test-container .test-area .click-area .click-zone:hover{transform:scale(1.02)}.cps-test-container .test-area .click-area .click-zone:active{transform:scale(.98)}.cps-test-container .test-area .click-area .click-zone.click-effect{box-shadow:0 0 20px rgba(79,209,199,.5);transform:scale(1.05)}.cps-test-container .test-area .click-area .timer-display{align-items:center;color:#4f46e5;display:flex;font-size:48px;font-weight:700;justify-content:center;margin-bottom:16px;min-height:60px}.cps-test-container .test-area .click-area .live-stats{backdrop-filter:blur(10px);background:rgba(55,65,81,.8);border-radius:12px;margin:24px 0;padding:20px;transition:all .3s ease}.cps-test-container .test-area .click-area .live-stats .live-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.cps-test-container .test-area .click-area .live-stats .live-stats-grid{gap:12px;grid-template-columns:1fr}}.cps-test-container .test-area .click-area .live-stats .live-stat-item{background:rgba(31,41,55,.6);border-radius:8px;padding:12px 16px;text-align:center;transition:all .2s ease}.cps-test-container .test-area .click-area .live-stats .live-stat-item:hover{background:rgba(31,41,55,.8);transform:translateY(-1px)}.cps-test-container .test-area .click-area .live-stats .live-stat-item .live-stat-label{color:#9ca3af;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.cps-test-container .test-area .click-area .live-stats .live-stat-item .live-stat-value{color:#4fd1c7;font-size:20px;font-weight:700;transition:all .2s ease}.cps-test-container .test-area .click-area .live-stats .live-stat-item .live-stat-value.updated{animation:pulse-update .3s ease}.cps-test-container .test-area .click-area .live-stats.show-stats{animation:fade-in-up .4s ease}.cps-test-container .test-area .click-area .click-counter{color:#f9fafb;font-size:32px;font-weight:600}.cps-test-container.theme-blue .test-area{background:#1e3a8a}.cps-test-container.theme-blue .test-area .start-btn{background:#3b82f6}.cps-test-container.theme-blue .test-area .start-btn:hover{background:#2563eb}.cps-test-container.theme-blue .test-area .timer-display{color:#60a5fa}.cps-test-container.theme-red .test-area{background:#7f1d1d}.cps-test-container.theme-red .test-area .start-btn{background:#dc2626}.cps-test-container.theme-red .test-area .start-btn:hover{background:#b91c1c}.cps-test-container.theme-red .test-area .timer-display{color:#f87171}.cps-test-container.theme-green .test-area{background:#14532d}.cps-test-container.theme-green .test-area .start-btn{background:#16a34a}.cps-test-container.theme-green .test-area .start-btn:hover{background:#15803d}.cps-test-container.theme-green .test-area .timer-display{color:#4ade80}.cps-test-container.theme-purple .test-area{background:#581c87}.cps-test-container.theme-purple .test-area .start-btn{background:#9333ea}.cps-test-container.theme-purple .test-area .start-btn:hover{background:#7c3aed}.cps-test-container.theme-purple .test-area .timer-display{color:#c084fc}.cps-test-container .results-screen{text-align:center}.cps-test-container .results-screen h2{color:#f9fafb;font-size:28px;font-weight:700;margin-bottom:32px}.cps-test-container .results-screen .result-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.cps-test-container .results-screen .result-stats .stat-item{background:#374151;border-radius:12px;padding:20px}.cps-test-container .results-screen .result-stats .stat-item .stat-label{color:#9ca3af;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.cps-test-container .results-screen .result-stats .stat-item .stat-value{color:#4fd1c7;font-size:24px;font-weight:700}.cps-test-container .results-screen .analytics-section{margin-bottom:40px}.cps-test-container .results-screen .analytics-section h3{color:#f9fafb;font-size:20px;font-weight:600;margin-bottom:24px}.cps-test-container .results-screen .analytics-section .analytics-stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.cps-test-container .results-screen .analytics-section .analytics-stats .analytics-item{background:#374151;border-radius:8px;padding:16px}.cps-test-container .results-screen .analytics-section .analytics-stats .analytics-item .analytics-label{color:#9ca3af;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.cps-test-container .results-screen .analytics-section .analytics-stats .analytics-item .analytics-value{color:#60a5fa;font-size:18px;font-weight:600}.cps-test-container .results-screen .analytics-section .charts-section .chart-container{background:#374151;border-radius:12px;margin-bottom:24px;padding:24px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container h4{color:#f9fafb;font-size:16px;font-weight:600;margin-bottom:16px;text-align:left}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area{height:200px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area .ct-series-a .ct-line{stroke:#4fd1c7;stroke-width:3px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area .ct-series-a .ct-point{stroke:#4fd1c7;stroke-width:4px;fill:#4fd1c7}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area .ct-series-a .ct-bar{stroke:#60a5fa;stroke-width:8px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area .ct-label{fill:#9ca3af;font-size:12px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area .ct-grid{stroke:#4b5563;stroke-dasharray:2px 2px}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area.heatmap-area{align-items:center;background:#1f2937;border-radius:8px;display:flex;height:220px;justify-content:center}.cps-test-container .results-screen .analytics-section .charts-section .chart-container .chart-area.heatmap-area svg{max-height:100%;max-width:100%}.cps-test-container .results-screen .restart-btn{background:#374151;border:2px solid #4b5563;border-radius:12px;color:#f9fafb;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.cps-test-container .results-screen .restart-btn:hover{background:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.cps-test-container .results-screen .restart-btn:active{transform:translateY(0)}@media (max-width:768px){.cps-test-container{padding:12px}.cps-test-container .test-area{min-height:360px;padding:20px}.cps-test-container .test-area .start-screen h2{font-size:20px}.cps-test-container .test-area .start-screen p{font-size:14px}.cps-test-container .test-area .start-screen .start-btn{font-size:16px;padding:14px 24px}.cps-test-container .test-area .click-area .click-zone{font-size:18px;min-height:160px;padding:60px 20px}.cps-test-container .test-area .click-area .timer-display{font-size:36px}.cps-test-container .test-area .click-area .click-counter{font-size:24px}.cps-test-container .results-screen h2{font-size:22px}.cps-test-container .results-screen .result-stats{gap:16px;grid-template-columns:1fr}.cps-test-container .results-screen .result-stats .stat-item{padding:16px}.cps-test-container .results-screen .result-stats .stat-item .stat-value{font-size:20px}.cps-test-container .results-screen .analytics-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.cps-test-container .results-screen .analytics-stats .analytics-item{padding:12px}.cps-test-container .results-screen .analytics-stats .analytics-item .analytics-value{font-size:16px}.cps-test-container .results-screen .chart-container{padding:16px}.cps-test-container .results-screen .chart-container .chart-area{height:160px}.cps-test-container .results-screen .chart-container .chart-area.heatmap-area{height:180px}}@media (max-width:480px){.cps-test-container .test-area .click-area .click-zone{font-size:16px;min-height:120px;padding:40px 16px}.cps-test-container .test-area .click-area .timer-display{font-size:28px}.cps-test-container .test-area .click-area .click-counter{font-size:20px}.cps-test-container .results-screen .analytics-stats{grid-template-columns:1fr}}@keyframes clickEffect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-update{0%{color:#4fd1c7;transform:scale(1)}50%{color:#60a5fa;transform:scale(1.1)}to{color:#4fd1c7;transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cps-test-container .click-zone.click-effect{animation:clickEffect .1s ease}.cps-test-container .timer-display{animation:fadeIn .3s ease}.cps-test-container .result-stats .stat-item{animation:fadeIn .5s ease}.cps-test-container .result-stats .stat-item:first-child{animation-delay:.1s}.cps-test-container .result-stats .stat-item:nth-child(2){animation-delay:.2s}.cps-test-container .result-stats .stat-item:nth-child(3){animation-delay:.3s}.cps-test-container .analytics-stats .analytics-item{animation:slideIn .4s ease}.cps-test-container .analytics-stats .analytics-item:first-child{animation-delay:.1s}.cps-test-container .analytics-stats .analytics-item:nth-child(2){animation-delay:.2s}.cps-test-container .analytics-stats .analytics-item:nth-child(3){animation-delay:.3s}.cps-test-container .analytics-stats .analytics-item:nth-child(4){animation-delay:.4s}.cps-test-container .chart-container{animation:fadeIn .6s ease}.cps-test-container .chart-container:first-child{animation-delay:.2s}.cps-test-container .chart-container:nth-child(2){animation-delay:.4s}.cps-test-container .chart-container:nth-child(3){animation-delay:.6s}