.char-counter{display:inline-flex;align-items:center;gap:.375rem;flex:0 0 auto;max-width:100%;padding:.25rem .625rem;border-radius:999px;border:1px solid transparent;background:#ffffffeb;box-shadow:0 1px 2px #0a1a2f0f;font-size:.75rem;line-height:1.25;color:#6b7280;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .2s ease-out,transform .2s ease-out}@starting-style{.char-counter{opacity:0;transform:translateY(4px) scale(.96)}}.char-counter[hidden]{display:none}.char-counter__icon{display:none;flex:0 0 auto;font-size:.8125rem;line-height:1}.char-counter__body{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}.char-counter__count{direction:ltr;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.char-counter__hint{direction:rtl;font-size:.6875rem;line-height:1.3;font-weight:500;white-space:nowrap}.char-counter__hint[hidden]{display:none}.char-counter__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-char-state=warning] .char-counter{color:#b45309;background:#fffbeb;border-color:#fde68a;box-shadow:0 1px 2px #b4530914}[data-char-state=limit] .char-counter{color:#b91c1c;background:#fef2f2;border-color:#fecaca;box-shadow:0 1px 2px #b91c1c1a;font-weight:600}[data-char-state=limit] .char-counter__icon{display:inline-flex;color:#dc2626}[data-char-state=limit] .char-counter__hint{color:#991b1b}[data-char-state=warning] [data-char-counter-input]{outline:1.5px solid rgba(245,158,11,.35)!important;outline-offset:-1.5px}[data-char-state=limit] [data-char-counter-input]{outline:1.5px solid rgba(239,68,68,.45)!important;outline-offset:-1.5px}.char-counter.is-shaking{animation:char-counter-shake .35s ease-in-out}@keyframes char-counter-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.char-counter{transition:none}.char-counter.is-shaking{animation:none}}