.charcount-tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);margin:22px 0 10px;padding:22px 20px}.charcount-tool-title{margin:0 0 6px;font-size:1.25rem}.charcount-tool-lead{color:var(--muted);margin:0 0 16px;font-size:.95rem}.charcount-field{flex-direction:column;gap:6px;min-width:0;display:flex}.charcount-field label{font-size:.92rem;font-weight:700}.charcount-input{border:1px solid var(--line);background:var(--soft);width:100%;min-width:0;min-height:220px;color:var(--fg);font:inherit;resize:vertical;border-radius:12px;padding:12px 14px;font-size:1rem;line-height:1.7}.charcount-input::placeholder{color:var(--muted)}.charcount-input:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px;background:var(--bg)}.charcount-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.charcount-output{margin-top:18px}.charcount-hero{border-radius:var(--radius);background:var(--soft);text-align:center;padding:18px}.charcount-hero-label{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.charcount-hero-value{color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0;font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.1}.charcount-hero-value strong{font-weight:800}.charcount-hero-value span{color:var(--muted);margin-left:4px;font-size:1rem}.charcount-hero-sub{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.92rem}.charcount-hero-sub strong{color:var(--fg);font-variant-numeric:tabular-nums}.charcount-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.charcount-card{border:1px solid var(--line);border-radius:12px;min-width:0;padding:12px 14px}.charcount-card-wide{grid-column:1/-1}.charcount-card dt{color:var(--muted);font-size:.82rem}.charcount-card dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:1.5rem;font-weight:800;line-height:1.25}.charcount-card dd span{color:var(--muted);margin-left:2px;font-size:.82rem;font-weight:600}.charcount-card dd em{color:var(--muted);margin-top:2px;font-size:.82rem;font-style:normal;font-weight:600;display:block}.charcount-notes{color:var(--muted);margin-top:16px;font-size:.84rem}.charcount-notes p{margin:6px 0}.charcount-notes strong{color:var(--fg)}.charcount-privacy{margin-top:10px}@media (max-width:560px){.charcount-tool{padding:16px 14px}.charcount-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.charcount-card dd{font-size:1.3rem}.charcount-actions .btn{flex:1 1 0}}