.word-length-counts{margin:10px 0 12px;padding:10px 12px;border:1px solid #af79d166;border-radius:13px;background:#221231;color:#fff8e6}.word-length-counts .lengths-heading{display:block;font:750 10px/1.3 system-ui,sans-serif;letter-spacing:.1em;color:#e8d4f5;margin-bottom:7px}.word-length-counts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.word-length-counts li{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:7px 4px;border:1px solid #a477c050;border-radius:8px;background:#ffffff06}.word-length-counts li span{font:650 11px/1.3 system-ui,sans-serif;white-space:nowrap}.word-length-counts li b{font:850 20px/1.1 system-ui,sans-serif;color:#ffe45e;font-variant-numeric:tabular-nums}.word-length-counts li.length-complete{opacity:.5}.word-length-counts li.length-complete b{color:#9dffce}@media(max-width:600px){.word-length-counts{padding:8px}.word-length-counts ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.word-length-counts li{padding:5px}.word-length-counts li b{font-size:18px}}