.cps-page{--cps-bg:#f8fafc;--cps-surface:#ffffff;--cps-surface-2:#f1f5f9;--cps-border:#e2e8f0;--cps-text:#0f172a;--cps-muted:#64748b;--cps-blue:#2563eb;--cps-blue-bright:#3b82f6;--cps-blue-deep:#1d4ed8;--cps-green:#16a34a;--cps-amber:#d97706;min-height:100vh;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(37,99,235,.12),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 0,rgba(59,130,246,.08),transparent 45%),var(--cps-bg);color:var(--cps-text);font-family:var(--font-inter),system-ui,sans-serif}.cps-main{max-width:960px;margin:0 auto;padding:28px 20px 48px}.cps-hero{text-align:center;margin-bottom:28px;animation:cps-fade-up .55s ease-out both}.cps-hero-eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cps-blue)}.cps-hero-title{margin:0 0 12px;font-size:clamp(1.55rem,4vw,2.35rem);font-weight:800;letter-spacing:-.03em;color:var(--cps-text)}.cps-hero-sub{margin:0 auto;color:var(--cps-muted);font-size:1rem;line-height:1.55;max-width:580px}.cps-mode-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;animation:cps-fade-up .55s ease-out .08s both}.cps-mode-btn{padding:8px 16px;border:1px solid var(--cps-border);border-radius:999px;background:var(--cps-surface);color:var(--cps-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s,box-shadow .2s}.cps-mode-btn:hover{border-color:#93c5fd;color:#334155;transform:translateY(-1px)}.cps-mode-btn-active{background:#eff6ff;border-color:var(--cps-blue);color:var(--cps-blue-deep);box-shadow:0 0 0 1px rgba(37,99,235,.12)}.cps-tool-panel{background:var(--cps-surface);border:1px solid var(--cps-border);border-radius:18px;padding:24px;margin-bottom:24px;box-shadow:0 10px 40px rgba(15,23,42,.06);animation:cps-fade-up .55s ease-out .14s both}.cps-tool-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.cps-tool-title{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--cps-text)}.cps-tool-desc{margin:0 0 16px;color:var(--cps-muted);font-size:.92rem;line-height:1.5}.cps-sound-toggle{flex-shrink:0;padding:8px 14px;border-radius:999px;border:1px solid var(--cps-border);background:var(--cps-surface);color:var(--cps-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.cps-sound-toggle:hover{border-color:#93c5fd;color:#334155}.cps-sound-on{border-color:var(--cps-blue);color:var(--cps-blue-deep);background:#eff6ff}.cps-duration-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}.cps-duration-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cps-muted);margin-right:4px}.cps-duration-btn{padding:7px 14px;border:1px solid var(--cps-border);border-radius:8px;background:var(--cps-surface);color:var(--cps-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s}.cps-duration-btn:hover{transform:translateY(-1px);border-color:#93c5fd}.cps-duration-btn-active{border-color:var(--cps-blue);color:#fff;background:var(--cps-blue)}.cps-progress-track{height:4px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-bottom:16px}.cps-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cps-blue-deep),var(--cps-blue-bright));transition:width .08s linear}.cps-progress-live{box-shadow:0 0 10px rgba(37,99,235,.35)}.cps-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:12px;margin-bottom:16px}.cps-stat{text-align:center;padding:12px 8px;background:var(--cps-surface-2);border-radius:12px;border:1px solid var(--cps-border)}.cps-stat-highlight{border-color:#bfdbfe;background:#eff6ff}.cps-stat-pop{animation:cps-stat-pulse .18s ease-out}.cps-stat-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cps-muted);margin-bottom:4px}.cps-stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cps-text)}.cps-stat-highlight .cps-stat-value{color:var(--cps-blue-deep)}.cps-stat-timer .cps-stat-value{color:var(--cps-green)}.cps-arena-timer{position:absolute;top:16px;right:20px;font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--cps-blue-deep);z-index:2;pointer-events:none;animation:cps-timer-tick 1s ease-in-out infinite}.cps-arena{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:240px;border:2px dashed #cbd5e1;border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(37,99,235,.08),transparent 65%),var(--cps-surface-2);cursor:pointer;transition:border-color .2s,background .2s,transform .12s,box-shadow .2s;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.cps-arena:hover:not(.cps-arena-done){border-color:#93c5fd;box-shadow:0 8px 28px rgba(37,99,235,.1)}.cps-arena-active{border-color:var(--cps-blue);border-style:solid;background:radial-gradient(circle at 50% 40%,rgba(37,99,235,.14),transparent 65%),#eff6ff;animation:cps-arena-glow .7s ease-in-out infinite alternate}.cps-arena-done{border-color:#86efac;border-style:solid;background:#f0fdf4;cursor:default;opacity:.85}.cps-arena-rightclick,.cps-arena-spacebar{cursor:default}.cps-arena-counter{min-height:180px}.cps-arena-label{font-size:clamp(1.1rem,3vw,1.45rem);font-weight:700;color:var(--cps-muted);z-index:1;text-align:center;padding:0 16px}.cps-arena-active .cps-arena-label{color:var(--cps-blue-deep);animation:cps-label-breathe .9s ease-in-out infinite}.cps-arena-hint{z-index:1;font-size:.82rem;color:#94a3b8}.cps-arena-pulse{inset:0;background:radial-gradient(circle at center,rgba(37,99,235,.12),transparent 70%);animation:cps-pulse-fade 1.2s ease-in-out infinite}.cps-arena-pulse,.cps-ripple{position:absolute;pointer-events:none}.cps-ripple{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(37,99,235,.65);z-index:3;animation:cps-ripple .55s ease-out forwards}.cps-click-burst{position:absolute;top:28%;left:50%;transform:translateX(-50%);font-size:1.1rem;font-weight:800;color:var(--cps-blue);pointer-events:none;z-index:4;animation:cps-burst .45s ease-out forwards}.cps-hint{margin:10px 0 0;font-size:.78rem;color:#94a3b8;text-align:center}.cps-hint kbd{padding:2px 6px;border-radius:4px;background:#e2e8f0;border:1px solid #cbd5e1;font-size:.75rem;color:#475569}.cps-counter-actions{margin-top:16px;text-align:center}.cps-chart{margin:16px 0;padding:12px;background:var(--cps-surface-2);border-radius:10px;border:1px solid var(--cps-border)}.cps-chart-title{margin:0 0 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cps-muted);text-align:center}.cps-chart-bars{display:flex;align-items:flex-end;gap:4px;height:80px;overflow-x:auto}.cps-chart-col{flex:1;min-width:12px;display:flex;flex-direction:column;align-items:center;height:100%}.cps-chart-bar{width:100%;min-height:4px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#60a5fa,var(--cps-blue-deep));margin-top:auto;animation:cps-bar-grow .45s ease-out both}.cps-chart-label{font-size:.65rem;color:#94a3b8;margin-top:4px}.cps-recent{margin-top:20px;padding:16px;background:var(--cps-surface-2);border:1px solid var(--cps-border);border-radius:12px}.cps-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cps-recent-title{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cps-muted)}.cps-btn-text{border:none;background:none;color:var(--cps-blue);font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.cps-btn-text:hover{text-decoration:underline}.cps-recent-list{margin:0;padding:0;list-style:none}.cps-recent-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--cps-border);font-size:.85rem;color:var(--cps-muted)}.cps-recent-list li:last-child{border-bottom:none}.cps-recent-cps{font-weight:700;color:var(--cps-blue-deep)}.cps-recent-meta{color:var(--cps-muted);font-size:.8rem}.cps-health-warn{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fffbeb;border:1px solid #fcd34d;color:#b45309;font-size:.82rem;line-height:1.45}.cps-result{margin-top:20px;text-align:center;padding:22px 20px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;animation:cps-result-in .5s cubic-bezier(.22,1,.36,1) both}.cps-result-best{border-color:#86efac;background:#f0fdf4;box-shadow:0 0 32px rgba(22,163,74,.12)}.cps-new-best{margin:0 0 8px;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cps-green);animation:cps-new-best .8s ease-out both}.cps-result-score{margin:0 0 8px;font-size:1rem;color:#334155}.cps-result-cps{font-size:2.75rem;font-weight:800;color:var(--cps-blue-deep);margin-right:6px;display:inline-block;animation:cps-score-pop .55s cubic-bezier(.22,1,.36,1) both}.cps-result-rank{display:inline-block;margin-left:10px;padding:4px 12px;border-radius:999px;background:rgba(15,23,42,.05);font-size:.85rem;font-weight:700}.cps-result-tip{margin:0 0 10px;color:var(--cps-muted);font-size:.88rem;line-height:1.45}.cps-result-detail{margin:0 0 16px;color:var(--cps-muted);font-size:.9rem}.cps-result-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.cps-btn-retry{padding:10px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--cps-blue-bright),var(--cps-blue-deep));color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 20px rgba(37,99,235,.28)}.cps-btn-retry:hover{opacity:.95;transform:translateY(-1px)}.cps-btn-secondary{padding:10px 20px;border-radius:10px;border:1px solid var(--cps-border);background:var(--cps-surface);color:#334155;font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.cps-btn-secondary:hover{border-color:#93c5fd;background:#eff6ff}.cps-share-msg{font-size:.82rem;font-weight:600;color:var(--cps-green)}.cps-ranks{padding:20px;background:var(--cps-surface);border:1px solid var(--cps-border);border-radius:14px;box-shadow:0 4px 16px rgba(15,23,42,.04);animation:cps-fade-up .55s ease-out .2s both}.cps-ranks-title{margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cps-muted)}.cps-ranks-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.85rem;color:#475569}.cps-ranks-list li{display:flex;align-items:center;gap:8px}.cps-rank-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cps-seo{border-top:1px solid var(--cps-border);background:#f1f5f9;padding:48px 20px 64px}.cps-seo-inner{max-width:960px;margin:0 auto}.cps-seo-h2{margin:0 0 24px;font-size:1.25rem;font-weight:700;text-align:center;color:var(--cps-text)}.cps-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cps-seo-card{background:var(--cps-surface);border:1px solid var(--cps-border);border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .2s,box-shadow .2s}.cps-seo-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px rgba(37,99,235,.08)}.cps-seo-card-wide{grid-column:1/-1}.cps-seo-card h3{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cps-muted)}.cps-seo-prose{color:#475569;font-size:.9rem;line-height:1.65}.cps-seo-prose p{margin:0 0 12px}.cps-seo-prose p:last-child{margin-bottom:0}.cps-seo-card ol,.cps-seo-card ul{margin:0;padding-left:20px;color:#475569;font-size:.9rem;line-height:1.6}.cps-seo-card li{margin-bottom:8px}.cps-seo-tools li strong{color:var(--cps-text)}.cps-seo-related{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.cps-seo-related a{color:var(--cps-blue);font-size:.9rem;font-weight:500;text-decoration:none}.cps-seo-related a:hover{text-decoration:underline}.cps-seo-faqs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cps-seo-faq h4{margin:0 0 6px;font-size:.92rem;font-weight:600;color:var(--cps-text)}.cps-seo-faq p{margin:0;font-size:.88rem;line-height:1.55;color:var(--cps-muted)}@keyframes cps-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cps-arena-glow{0%{box-shadow:inset 0 0 0 0 rgba(37,99,235,0)}to{box-shadow:inset 0 0 40px rgba(37,99,235,.12)}}@keyframes cps-pulse-fade{0%,to{opacity:.55}50%{opacity:1}}@keyframes cps-label-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes cps-ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(6);opacity:0}}@keyframes cps-burst{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-28px) scale(1.2)}}@keyframes cps-result-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cps-score-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cps-new-best{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes cps-stat-pulse{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes cps-timer-tick{0%,to{opacity:1}50%{opacity:.72}}@keyframes cps-bar-grow{0%{transform:scaleY(.2);transform-origin:bottom;opacity:.4}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}@media (max-width:720px){.cps-seo-faqs,.cps-seo-grid{grid-template-columns:1fr}.cps-arena{min-height:200px}.cps-result-cps{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.cps-page *,.cps-page :after,.cps-page :before,.cps-seo *,.cps-seo :after,.cps-seo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}