.page-module__XpvRtG__main{min-height:100vh;padding-bottom:4rem}.page-module__XpvRtG__statsPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.page-module__XpvRtG__statsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__XpvRtG__statItem{text-align:center;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:1rem}.page-module__XpvRtG__statValue{color:var(--primary);font-size:2rem;font-weight:700;line-height:1.2}.page-module__XpvRtG__statUnit{color:var(--text-secondary);margin-left:.25rem;font-size:.875rem;font-weight:400}.page-module__XpvRtG__statLabel{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.page-module__XpvRtG__resetControl{justify-content:center;margin-top:1rem;display:flex}.page-module__XpvRtG__btnReset{cursor:pointer;border:1px solid var(--border);background:var(--background);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.page-module__XpvRtG__btnReset:hover{border-color:var(--primary);color:var(--primary)}.page-module__XpvRtG__mainContent{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.page-module__XpvRtG__testArea{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;height:350px;transition:background-color .1s;display:flex}.page-module__XpvRtG__testArea.page-module__XpvRtG__idle{background:var(--surface);border:2px dashed var(--border)}.page-module__XpvRtG__testArea.page-module__XpvRtG__waiting{background:#dc2626}.page-module__XpvRtG__testArea.page-module__XpvRtG__ready{background:#22c55e}.page-module__XpvRtG__testArea.page-module__XpvRtG__tooEarly{background:#f59e0b}.page-module__XpvRtG__content{text-align:center;color:#fff}.page-module__XpvRtG__testArea.page-module__XpvRtG__idle .page-module__XpvRtG__content{color:var(--text-primary)}.page-module__XpvRtG__icon{opacity:.9;margin-bottom:1rem;font-size:3rem}.page-module__XpvRtG__instruction{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.page-module__XpvRtG__hint{opacity:.8;font-size:.875rem}.page-module__XpvRtG__newRecord{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;animation:.5s page-module__XpvRtG__bounce;display:inline-flex}@keyframes page-module__XpvRtG__bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page-module__XpvRtG__resultTime{margin-bottom:.5rem;font-size:4rem;font-weight:700;line-height:1}.page-module__XpvRtG__unit{opacity:.8;margin-left:.25rem;font-size:1.25rem;font-weight:400}.page-module__XpvRtG__rating{opacity:.9;margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.page-module__XpvRtG__recordsPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px}.page-module__XpvRtG__recordsHeader{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;display:flex}.page-module__XpvRtG__recordsHeader i{color:var(--primary)}.page-module__XpvRtG__recordsList{flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.page-module__XpvRtG__recordItem{background:var(--background);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.page-module__XpvRtG__recordRank{color:var(--text-muted);font-size:.6875rem;font-weight:600}.page-module__XpvRtG__recordTime{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.page-module__XpvRtG__recordUnit{opacity:.7;font-size:.625rem;font-weight:400}.page-module__XpvRtG__recordRating{border-radius:8px;padding:.125rem .375rem;font-size:.625rem}.page-module__XpvRtG__trophyIcon{color:#fbbf24;font-size:.6875rem}.page-module__XpvRtG__excellent .page-module__XpvRtG__recordTime{color:#059669}.page-module__XpvRtG__excellent .page-module__XpvRtG__recordRating{color:#059669;background:#d1fae5}.page-module__XpvRtG__good .page-module__XpvRtG__recordTime{color:#0891b2}.page-module__XpvRtG__good .page-module__XpvRtG__recordRating{color:#0891b2;background:#cffafe}.page-module__XpvRtG__average .page-module__XpvRtG__recordTime{color:#d97706}.page-module__XpvRtG__average .page-module__XpvRtG__recordRating{color:#d97706;background:#fef3c7}.page-module__XpvRtG__slow .page-module__XpvRtG__recordTime{color:#ea580c}.page-module__XpvRtG__slow .page-module__XpvRtG__recordRating{color:#ea580c;background:#ffedd5}.page-module__XpvRtG__verySlow .page-module__XpvRtG__recordTime{color:#dc2626}.page-module__XpvRtG__verySlow .page-module__XpvRtG__recordRating{color:#dc2626;background:#fee2e2}.page-module__XpvRtG__recordHighlight{background:linear-gradient(135deg,#fefce8,#fef9c3)!important;border-color:#fcd34d!important}.page-module__XpvRtG__recordHighlight .page-module__XpvRtG__recordRank{color:#ca8a04}.page-module__XpvRtG__infoSection{margin-top:1.5rem}.page-module__XpvRtG__tipsBox{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;display:flex}.page-module__XpvRtG__tipsBox i{color:var(--primary);flex-shrink:0;margin-top:.125rem;font-size:1rem}.page-module__XpvRtG__tipsBox strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;display:block}.page-module__XpvRtG__tipsBox p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.page-module__XpvRtG__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__XpvRtG__statsGrid{grid-template-columns:repeat(3,1fr);gap:.75rem}.page-module__XpvRtG__statValue{font-size:1.5rem}.page-module__XpvRtG__testArea{height:280px}.page-module__XpvRtG__instruction{font-size:1.25rem}.page-module__XpvRtG__resultTime{font-size:3rem}.page-module__XpvRtG__icon{font-size:2.5rem}.page-module__XpvRtG__recordsList{gap:.375rem;padding:.75rem}.page-module__XpvRtG__recordItem{padding:.375rem .5rem}.page-module__XpvRtG__recordTime{font-size:.875rem}}
