.score-ring{--c:#16a34a;--p:0;width:56px;height:56px;color:var(--ink);background:radial-gradient(closest-side,#fff 80%,transparent 82% 100%),conic-gradient(var(--c) calc(var(--p) * 1%),#e8eaee 0);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.score-ring.mid{--c:#f59e0b}.score-ring.low{--c:#ef4444}.score-ring b{font:700 18px/1 Geologica,Onest,sans-serif}.score-ring.sm{width:48px;height:48px}.score-ring.sm b{font-size:16px}.score-ring.lg{background:radial-gradient(closest-side,#fff 84%,transparent 85% 100%),conic-gradient(var(--c) calc(var(--p) * 1%),#e8eaee 0);width:150px;height:150px}.score-ring.lg b{font-size:48px}.score-ring.lg small{color:#5e636e;margin-top:4px;font-size:13px}.tone-good{color:#15803d}.tone-mid{color:#b45309}.tone-low{color:#dc2626}.ai-medal{background:#fff3c4;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 20px;display:grid}.ai-medal img{width:44px;height:44px}.ai-points{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.ai-points section{color:var(--ink);background:#effaf3;border:1px solid #cdeed9;border-radius:18px;padding:20px}.ai-points section.warn{background:#fff8eb;border-color:#fbe3b5}.ai-points h3{color:var(--ink);align-items:center;gap:8px;margin:0 0 14px;font-size:17px;display:flex}.ai-points ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ai-points li{gap:10px;margin:0;line-height:1.5;display:flex}.ai-points svg{flex-shrink:0}.ai-points li svg{margin-top:2px}.ai-points .good svg{color:#16a34a}.ai-points .warn svg{color:#d97706}.ai-match-head{align-items:center;gap:16px;display:flex}.ai-match-head h2,.ai-match-head h3{margin:0}.re-assessment-group h2{align-items:center;gap:10px;display:flex}.re-assessment-group h2 svg{color:#3040f0;flex-shrink:0}.re-assessment-group.good h2 svg{color:#16a34a}.re-assessment-group.warn h2 svg{color:#d97706}.re-assessment-group.good>div,.re-assessment-group.warn>div{background:#effaf3;border:1px solid #cdeed9;border-radius:18px;margin-bottom:12px;padding:20px}.re-assessment-group.warn>div{background:#fff8eb;border-color:#fbe3b5}.re-assessment-group.good>div h3,.re-assessment-group.warn>div h3{margin-top:0}.re-assessment-group.good>div p:last-child,.re-assessment-group.warn>div :last-child{margin-bottom:0}