@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=STIX+Two+Text:ital@0;1&display=swap";
.cj-root{color:#e2e8f0;box-sizing:border-box;background:#0e1117;flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:140px 16px 80px;font-family:Space Mono,monospace;display:flex}.cj-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cj-logo{color:#c9a84c;letter-spacing:2px;font-family:STIX Two Text,serif;font-size:40px;font-style:italic}.cj-title{letter-spacing:4px;text-transform:uppercase;color:#e2e8f0;margin:0;font-size:13px;font-weight:400}.cj-subtitle{letter-spacing:3px;text-transform:uppercase;color:#64748b;margin:0;font-size:9px}.cj-intro{background:#161b27;border:1px solid #2a3145;border-radius:14px;width:100%;max-width:560px;padding:20px 28px}.cj-intro p{color:#94a3b8;text-align:center;margin:0;font-size:12px;line-height:2}.cj-mode{box-sizing:border-box;background:#161b27;border:1px solid #2a3145;border-radius:16px;width:100%;max-width:560px;padding:28px}.cj-mode--gold{border-left:3px solid #c9a84c}.cj-mode--green{border-left:3px solid #4ade80}.cj-mode--red{border-left:3px solid #f87171}.cj-mode-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.cj-mode-icon{font-size:32px;line-height:1}.cj-mode-title{margin:0 0 4px;font-family:STIX Two Text,serif;font-size:22px;font-style:italic}.cj-mode--gold .cj-mode-title{color:#c9a84c}.cj-mode--green .cj-mode-title{color:#4ade80}.cj-mode--red .cj-mode-title{color:#f87171}.cj-mode-subtitle{letter-spacing:2px;text-transform:uppercase;color:#64748b;margin:0;font-size:9px}.cj-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cj-step{align-items:baseline;gap:14px;display:flex}.cj-step-n{letter-spacing:1px;color:#3a4155;flex-shrink:0;width:18px;font-size:9px}.cj-step-text{color:#94a3b8;font-size:11px;line-height:1.8}.cj-colors{box-sizing:border-box;background:#161b27;border:1px solid #2a3145;border-radius:16px;width:100%;max-width:560px;padding:28px}.cj-section-title{letter-spacing:3px;text-transform:uppercase;color:#c9a84c;margin:0 0 20px;font-size:9px;font-weight:700}.cj-color-demo{flex-direction:column;gap:20px;display:flex}.cj-color-row{justify-content:center;gap:8px;display:flex}.cj-demo-cell{border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-family:STIX Two Text,serif;font-size:24px;font-weight:700;display:flex}.cj-demo-cell--correct{color:#4ade80;background:#14532d;border-color:#4ade80}.cj-demo-cell--close{color:#fbbf24;background:#78350f;border-color:#fbbf24}.cj-demo-cell--wrong{color:#f87171;background:#7f1d1d;border-color:#f87171}.cj-color-legend{flex-direction:column;gap:10px;display:flex}.cj-legend-item{color:#94a3b8;align-items:center;gap:12px;font-size:11px;line-height:1.5;display:flex}.cj-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cj-legend-dot--correct{background:#4ade80}.cj-legend-dot--close{background:#fbbf24}.cj-legend-dot--wrong{background:#f87171}.cj-scoring{box-sizing:border-box;background:#161b27;border:1px solid #2a3145;border-radius:16px;width:100%;max-width:560px;padding:28px}.cj-scoring-note{color:#64748b;margin:0 0 20px;font-size:11px;line-height:1.9}.cj-scoring-note strong{color:#e2e8f0}.cj-scoring-grid{border:1px solid #2a3145;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.cj-scoring-row{border-bottom:1px solid #2a3145;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.cj-scoring-row:last-child{border-bottom:none}.cj-scoring-label{letter-spacing:1px;color:#64748b;font-size:10px}.cj-scoring-val{color:#c9a84c;font-family:STIX Two Text,serif;font-size:16px}.cj-cta{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}.cj-cta-btn{letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:14px 36px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.cj-cta-btn--primary{color:#c9a84c;border-color:#c9a84c}.cj-cta-btn--primary:hover{background:#c9a84c1a;box-shadow:0 0 20px #c9a84c26}.cj-cta-btn--secondary{color:#64748b;border-color:#2a3145}.cj-cta-btn--secondary:hover{color:#e2e8f0;border-color:#3a4155}@media (max-width:600px){.cj-root{gap:20px;padding:80px 12px 64px}.cj-mode,.cj-colors,.cj-scoring,.cj-intro{padding:20px 16px}.cj-mode-title{font-size:18px}.cj-color-row{gap:6px}.cj-demo-cell{width:44px;height:44px;font-size:20px}}.cj-scoring-formula{text-align:center;background:#c9a84c12;border:1px solid #c9a84c33;border-radius:8px;margin-bottom:12px;padding:10px 16px}.cj-formula-text{color:var(--gold);letter-spacing:.5px;font-family:STIX Two Text,serif;font-size:15px;font-style:italic}