.comment-field-container {
    position: relative;
    width: 100%;
}

.char-counter {
    position: absolute;
    bottom: 8px;
    right: 12px;
    font-size: 12px;
    color: var(--tg-theme-hint-color);
    background-color: var(--tg-theme-bg-color);
    padding: 2px 6px;
    border-radius: 4px;
    opacity: 0.9;
}

.char-counter.near-limit {
    color: #ff9500;
}

.char-counter.at-limit {
    color: #ff3b30;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .char-counter {
        background-color: var(--tg-theme-secondary-bg-color);
    }
}