.cscm-container{width:100%;max-width:750px;margin:0 auto;padding:0;font-family:Arial,sans-serif;color:#333;box-sizing:border-box}.cscm-container *,.cscm-container *::before,.cscm-container *::after{box-sizing:border-box}.cscm-card{background:#fff;border-radius:12px;padding:15px;margin:0 0 12px 0;box-shadow:0 4px 12px rgb(0 0 0 / .06)}.cscm-card h2{margin:0 0 6px 0;font-size:22px;color:#000;text-align:center}.cscm-card p{margin:0;font-size:14px;color:#555;text-align:center}.cscm-input-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.cscm-input-group label{flex:1 0 180px;font-weight:600;font-size:14px}.cscm-input-group input,.cscm-input-group select{flex:1 0 180px;padding:6px;font-size:14px;border-radius:6px;border:1.5px solid #90caf9}.cscm-button{width:100%;padding:8px;margin-bottom:6px;background:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .3s}.cscm-button:hover{background:#115293}.cscm-reset{background:#f44336}.cscm-reset:hover{background:#b71c1c}.cscm-result{display:none;margin-top:10px;padding:10px}.cscm-result .cscm-card{padding:12px 15px;box-shadow:0 4px 12px rgb(0 0 0 / .08);border-radius:12px}.cscm-result .cscm-header{display:flex;justify-content:space-between;font-weight:700;font-size:16px;margin-bottom:10px}.cscm-result .cscm-badge{padding:4px 10px;border-radius:8px;color:#fff;font-weight:600;font-size:14px}.badge-excellent{background-color:#4caf50}.badge-verygood{background-color:#2e7d32}.badge-good{background-color:#ff9800}.badge-fair{background-color:#f44336}.badge-poor{background-color:#b71c1c}.cscm-result .cscm-details{margin-top:10px}.cscm-detail-item{margin-bottom:8px}.cscm-detail-item span{font-weight:600}.cscm-progress{height:12px;border-radius:6px;background:#eee;margin-top:2px;overflow:hidden}.cscm-progress-bar{height:100%;width:0;background:#1976d2;text-align:right;color:#fff;font-size:10px;padding-right:4px;line-height:12px;transition:width .5s}.cscm-simulation{margin-top:10px;padding:10px;background:#e3f2fd;border-radius:8px;font-size:14px;color:#0d47a1}.cscm-tips{margin-top:10px;padding:10px;background:#fff8e1;border-left:4px solid #ff9800;border-radius:6px;font-size:14px}canvas{margin-top:10px}@media(max-width:480px){.cscm-input-group label,.cscm-input-group input,.cscm-input-group select{flex:1 0 100%}}.cscm-disclaimer{margin-top:10px;padding:10px 12px;background:#fff3e0;border-left:4px solid #ff9800;border-radius:6px;font-size:10px;color:#bf360c;line-height:1.4}.cscm-disclaimer strong{font-weight:700}