body{font-family:system-ui,sans-serif;margin:12px}.app{max-width:900px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.card{padding:12px;border:1px solid #ddd;border-radius:6px}.card.great{border-color:#0a9}.card.good{border-color:#3a8}.card.fair{border-color:#e6a600}.card.poor{border-color:#d00}.notice{background:#eef;border:1px solid #99c;border-radius:6px;padding:12px;margin-bottom:16px}.error{background:#fee;border:1px solid #d88;border-radius:6px;color:#800;padding:12px;margin-bottom:16px}.manual-form{margin:16px 0}.manual-form fieldset{border:1px solid #ccc;border-radius:6px;padding:12px}.manual-form legend{font-weight:700}.manual-form label{display:block;margin-bottom:10px}.manual-form input{width:100%;max-width:260px;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:4px}.manual-form button{margin-top:10px;padding:10px 16px;border:none;border-radius:4px;background:#0a9;color:#fff;cursor:pointer}.manual-form button:hover{background:#078}.score-key li{margin-bottom:6px}.score-key{margin:20px 0;padding:12px;border:1px solid #cce;border-radius:6px;background:#f6fbff}.score-key ul{margin:8px 0 0 16px}.score-key li{margin-bottom:4px}