.gpsic-form{display:flex;gap:1rem;width:100%}.gpsic-form input{padding:1rem;font-size:16px;border:1px solid #ccc;border-radius:5px;width:70%;box-shadow:2px 2px 4px rgb(0 0 0 / .1);height:50px}.gpsic-form input:active,.gpsic-form input:focus{box-shadow:2px 2px 4px rgb(76 175 80 / .3)}.gpsic-form button{padding:10px;font-size:16px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;box-shadow:2px 2px 4px rgb(0 0 0 / .1);transition:background-color 0.3s ease;width:30%;height:60px}.gpsic-form button:hover{background-color:#45a049}.loading-spinner{margin:20px auto;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #4caf50;width:40px;height:40px;animation:spin 1s linear infinite;display:none}#gpsic-loading-text{display:none;text-align:center;margin-top:10px}.gpsic-container{margin:20px 0}#gpsic-results{margin-top:20px;display:flex;flex-direction:column;gap:20px}#gpsic-results h3{margin-bottom:10px;text-align:center}.gpsic-score{background:#f0f0f0;padding:10px;border-radius:5px;box-shadow:2px 2px 4px rgb(0 0 0 / .1)}.gpsic-metrics{background:#f9f9f9;padding:10px;border-radius:5px;box-shadow:2px 2px 4px rgb(0 0 0 / .1)}.gpsic-metric{margin-bottom:15px}.progress-bar-container{background:#e0e0e0;border-radius:5px;overflow:hidden;height:20px;position:relative}.progress-bar{height:100%;transition:width 0.3s ease}.progress-bar-guidelines{position:absolute;top:0;left:0;height:100%;width:100%}.progress-bar-guidelines span.guideline{position:absolute;top:0;height:100%;width:2px;background-color:#000}.progress-bar-guidelines span.good{background-color:green}.progress-bar-guidelines span.needs-attention{background-color:orange}.progress-bar-guidelines span.poor{background-color:red}.gpsic-metric-ranges{list-style:none;padding:0;margin:5px 0}.gpsic-metric-ranges li{margin-bottom:5px}.good{color:green}.needs-attention{color:orange}.poor{color:red}canvas{display:block;margin:0 auto;height:150px!important;width:150px!important}.gpsic-guide{background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 4px rgb(0 0 0 / .1);margin-bottom:20px}.gpsic-guide h2{margin-top:0}.gpsic-guide code{display:block;background:#f7f7f7;padding:10px;border-radius:5px;margin:10px 0}@media (max-width:788px){.gpsic-form{flex-direction:column}.gpsic-form input{width:100%}.gpsic-form button{width:100%}}