.crpc-app{font-family:Inter,system-ui,-apple-system,sans-serif;max-width:1050px;margin:30px auto;color:#172231}.crpc-hero{background:linear-gradient(135deg,var(--crpc-accent),#101828);color:#fff;border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.crpc-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.8}.crpc-hero h2{margin:5px 0;font-size:clamp(28px,4vw,44px)}.crpc-score-ring{min-width:110px;height:110px;border:8px solid #ffffff55;border-radius:50%;display:flex;align-items:center;justify-content:center}.crpc-score-ring strong{font-size:36px}.crpc-notice{margin:16px 0;padding:14px 16px;background:#fff6df;border-left:4px solid #e3a008;border-radius:8px}.crpc-steps{display:flex;gap:7px;margin:18px 0;overflow:auto}.crpc-step-dot{width:36px;height:8px;border-radius:99px;background:#d7e0ea;flex:none}.crpc-step-dot.active,.crpc-step-dot.done{background:var(--crpc-accent)}.crpc-panel{display:none;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 10px 30px #1018280d}.crpc-panel.active{display:block}.crpc-grid,.crpc-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.crpc-card{padding:14px;border:1px solid #dde6f0;border-radius:12px;background:#f9fbfd}.crpc-card strong{display:block;margin-bottom:4px}.crpc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.crpc-btn{border:1px solid #c8d2df;background:#fff;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:650}.crpc-btn.primary{background:var(--crpc-accent);color:#fff;border-color:var(--crpc-accent)}.crpc-keyboard{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.crpc-key{font-size:11px;border:1px solid #cfd8e3;padding:9px 2px;text-align:center;border-radius:6px}.crpc-key.hit{background:#d9fbe4;border-color:#25a759}.crpc-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-bottom:16px}.crpc-check{border:1px solid #dbe4ee;padding:12px;border-radius:10px}.crpc-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crpc-media-grid video,.crpc-media-grid canvas{width:100%;background:#111;border-radius:12px;min-height:180px}.crpc-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:650}.crpc-form-grid input,.crpc-form-grid select,.crpc-form-grid textarea{padding:11px;border:1px solid #cbd5e1;border-radius:9px}.crpc-form-grid .wide{grid-column:1/-1}.crpc-result-score{font-size:54px;font-weight:800;color:var(--crpc-accent)}.crpc-good{background:#e7f8ed;padding:14px;border-radius:10px}.crpc-warn{background:#fff3d6;padding:14px;border-radius:10px}.crpc-fullscreen-test{position:fixed;inset:0;z-index:999999;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:30px;color:#fff;text-shadow:0 1px 3px #000}.crpc-fullscreen-test span{background:#0009;padding:10px;border-radius:8px}@media(max-width:700px){.crpc-hero{align-items:flex-start}.crpc-score-ring{min-width:80px;height:80px}.crpc-media-grid{grid-template-columns:1fr}.crpc-keyboard{grid-template-columns:repeat(8,1fr)}}