.shp-form{flex-direction:column;gap:18px;max-width:720px;display:flex}.shp-field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.shp-field>span,.shp-field>legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:600}.shp-field small{font-size:13px}.shp-error{color:var(--eco-bad);font-weight:600}.shp-wait{border-radius:var(--eco-r-md);background:var(--eco-sunk);align-items:center;gap:12px;padding:16px 18px;display:flex}.shp-spinner{border:2px solid var(--eco-line);border-top-color:var(--eco-accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.9s linear infinite shp-spin}@keyframes shp-spin{to{transform:rotate(360deg)}}.shp-score-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.shp-score-num{font-family:var(--eco-display);font-variant-numeric:tabular-nums;font-size:clamp(44px,7vw,64px);line-height:1}[data-tone=ok].shp-score-num{color:var(--eco-ok)}[data-tone=risk].shp-score-num{color:var(--eco-risk)}[data-tone=bad].shp-score-num{color:var(--eco-bad)}.shp-groups{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.shp-groups li{grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 32px;align-items:center;gap:12px;font-size:14px;display:grid}.shp-groups i{border-radius:var(--eco-r-pill);background:var(--eco-sunk);height:8px;display:block;overflow:hidden}.shp-groups em{border-radius:var(--eco-r-pill);height:100%;transition:width .5s var(--eco-ease);display:block}.shp-groups em[data-tone=ok]{background:var(--eco-ok)}.shp-groups em[data-tone=risk]{background:var(--eco-risk)}.shp-groups em[data-tone=bad]{background:var(--eco-bad)}.shp-groups b{text-align:right;font-variant-numeric:tabular-nums}.shp-checks{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.shp-check{border-bottom:1px solid var(--eco-line);grid-template-columns:12px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.shp-check:last-child{border-bottom:0}.shp-check i{background:var(--eco-risk);border-radius:50%;width:10px;height:10px;margin-top:6px}.shp-check[data-status=fail] i{background:var(--eco-bad)}.shp-fix{color:var(--eco-soft);font-size:14px;margin-top:4px!important}.shp-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.shp-stats div{border-radius:var(--eco-r-md);background:var(--eco-sunk);padding:14px 16px}.shp-stats dt{color:var(--eco-soft);font-size:13px}.shp-stats dd{font-family:var(--eco-display);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:24px}.shp-h3{margin:6px 0 0;font-size:15px;font-weight:700}.shp-core{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.shp-core li{border-radius:var(--eco-r-pill);background:var(--eco-sunk);padding:6px 12px;font-size:14px}.shp-core b{color:var(--eco-soft);font-variant-numeric:tabular-nums}.shp-cmp,.shp-why{flex-direction:column;gap:10px;display:flex}.shp-why-list{flex-direction:column;gap:8px;margin:0;padding-left:22px;list-style:decimal;display:flex}.shp-why-list li::marker{color:var(--eco-accent-text);font-weight:700}.shp-table-wrap{overflow-x:auto}.shp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.shp-table th,.shp-table td{border-bottom:1px solid var(--eco-line);text-align:left;padding:10px 12px}.shp-table thead th{color:var(--eco-soft);font-size:13px;font-weight:600}.shp-table tbody th{font-weight:500}.shp-table tr[data-leader=them] td:last-child{color:var(--eco-bad);font-weight:700}.shp-table tr[data-leader=me] td:nth-child(2){color:var(--eco-ok);font-weight:700}@media (max-width:560px){.shp-groups li{grid-template-columns:minmax(0,8em) minmax(0,1fr) 30px;gap:10px}.shp-table{font-size:13px}.shp-table th,.shp-table td{padding:9px 6px}}@media (prefers-reduced-motion:reduce){.shp-spinner{animation-duration:2.4s}}
