/* Opt-in native design. Base components, responsive layouts and interaction states. */
@font-face { font-family: "AnyComment Avatar"; src: url("../fonts/inter-avatar-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
/* Design tokens and theme palette */
.anycomment-native-area {
  --ac-bg: var(--bg, #fff);
  --ac-surface: #f5f5f5;
  --ac-text: #363636;
  --ac-heading: #252525;
  --ac-muted: #646464;
  --ac-line: #dedede;
  --ac-accent: var(--accent, #79c142);
  --ac-action: var(--accent, #79c142);
  --ac-action-hover: var(--ui-bg-btn-hover, #66aa32);
  --ac-accent-ink: var(--ac-accent);
  --ac-soft: #f0f3ed;
  --ac-negative: #b7322f;
  --ac-field: #fff;
  --ac-focus: var(--ac-accent);
  --ac-avatar-letter: #ffffff;
  --ac-avatar-a: #fb7185;
  --ac-avatar-b: #fb923c;
  --ac-avatar-c: #fbbf24;
  --ac-avatar-d: #facc15;
  --ac-avatar-e: #c5de2a;
  --ac-avatar-f: #a3e635;
  --ac-avatar-g: #4ade80;
  --ac-avatar-h: #2dd4bf;
  --ac-avatar-i: #22d3ee;
  --ac-avatar-j: #38bdf8;
  --ac-avatar-k: #60a5fa;
  --ac-avatar-l: #93a5ff;
  --ac-avatar-m: #b49bff;
  --ac-avatar-n: #c084fc;
  --ac-avatar-o: #e879f9;
  --ac-avatar-p: #f472b6;
  color: var(--ac-text);
  background: var(--ac-bg);
  padding: 28px;
  margin: 24px 0;
  scroll-margin-top: 90px;
  font: inherit;
}
body.dt .anycomment-native-area,
body[data-theme="dark"] .anycomment-native-area {
  color-scheme: dark;
  --ac-surface: #2b2b2b;
  --ac-text: #d6d6d6;
  --ac-heading: #f2f2f2;
  --ac-muted: #adadad;
  --ac-line: #3e3e3e;
  --ac-accent-ink: var(--ac-accent);
  --ac-soft: #30362b;
  --ac-negative: #ff9892;
  --ac-field: #252525;
  --ac-focus: var(--ac-accent);
  --ac-avatar-letter: #ffffff;
  --ac-avatar-a: #751239;
  --ac-avatar-b: #73300a;
  --ac-avatar-c: #634600;
  --ac-avatar-d: #565000;
  --ac-avatar-e: #3d5508;
  --ac-avatar-f: #245514;
  --ac-avatar-g: #08512f;
  --ac-avatar-h: #075143;
  --ac-avatar-i: #064a57;
  --ac-avatar-j: #0c3e69;
  --ac-avatar-k: #1d327a;
  --ac-avatar-l: #302372;
  --ac-avatar-m: #49206f;
  --ac-avatar-n: #5b1b6c;
  --ac-avatar-o: #6f1859;
  --ac-avatar-p: #751647;
}
.anycomment-native-heading > p { font-size: 10px; letter-spacing: 2px; color: var(--ac-muted); margin: 0 0 7px; }
.anycomment-native-heading > h2 { font-size: 25px; font-weight: 600; letter-spacing: -.6px; color: var(--ac-heading); margin: 0 0 24px; line-height: 1.4; }
#anycomment-root.anycomment-native { font: inherit; color: var(--ac-text); min-width: 0; }
#anycomment-root.anycomment-native *,
#anycomment-root.anycomment-native *::before,
#anycomment-root.anycomment-native *::after { box-sizing: border-box; }
#anycomment-root.anycomment-native .anycomment,
#anycomment-root.anycomment-native input,
#anycomment-root.anycomment-native button,
#anycomment-root.anycomment-native .ql-editor { font-family: inherit; }
#anycomment-root.anycomment-native .anycomment { color: inherit; }
#anycomment-root.anycomment-native .anycomment-app { padding: 0; margin: 0; background: transparent; border-radius: 0; color: var(--ac-text); }
#anycomment-root.anycomment-native a { color: var(--ac-accent-ink); text-decoration: none; }
#anycomment-root.anycomment-native a:hover { text-decoration: underline; }
#anycomment-root.anycomment-native button,
#anycomment-root.anycomment-native [type="submit"] { min-height: 44px; cursor: pointer; }
#anycomment-root.anycomment-native :is(button,a,input,[contenteditable],summary):focus-visible { outline: 3px solid var(--ac-focus); outline-offset: 3px; }
#anycomment-root.anycomment-native [hidden] { display: none !important; }
#anycomment-root.anycomment-native .anycomment-global-header:empty { display: none; }
#anycomment-root.anycomment-native .anycomment-list { margin: 0; padding: 0; list-style: none; }
/* Signed-in account: avatar and menu share a row above the full-width editor. */
#anycomment-root.anycomment-native .anycomment-global-header:has(.ac-profile-dropdown) { align-items: center; justify-content: flex-start; margin-bottom: 10px; min-width: 0; }
#anycomment-root.anycomment-native .ac-profile-dropdown { max-width: 100%; min-width: 0; margin: 0; }
#anycomment-root.anycomment-native .ac-profile-dropdown > .dropdown__trigger { display: block; }
#anycomment-root.anycomment-native .ac-profile-trigger { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: auto; max-width: 100%; padding: 4px 0; border: 0; background: transparent; color: var(--ac-accent-ink); font: inherit; font-size: 14px; text-align: left; text-transform: none; letter-spacing: normal; }
#anycomment-root.anycomment-native .ac-profile-trigger .anycomment-profile { min-width: 0; padding: 0; border: 0; overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .ac-profile-avatar { position: relative; display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; overflow: hidden; border: 1px solid var(--ac-line); border-radius: 50%; background: var(--ac-avatar-a); color: var(--ac-avatar-letter); font-size: 18px; font-weight: 600; }
#anycomment-root.anycomment-native .ac-profile-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
#anycomment-root.anycomment-native .ac-profile-dropdown .dropdown__content { z-index: 6; }
/* Comment form */
#anycomment-root.anycomment-native .anycomment-form { margin: 0 0 24px; border-left: 2px solid var(--ac-accent); width: 100%; min-width: 0; }
#anycomment-root.anycomment-native .anycomment-form > div { padding: 0; min-width: 0; }
#anycomment-root.anycomment-native .anycomment-form form { border: 1px solid var(--ac-line); overflow: visible; }
#anycomment-root.anycomment-native .anycomment-form-body-outliner { background: transparent; border: 0; padding: 0; }
#anycomment-root.anycomment-native .anycomment-form-body-outliner > div { background: transparent; padding: 0; }
#anycomment-root.anycomment-native .ql-container { border: 0; font: inherit; color: var(--ac-text); }
#anycomment-root.anycomment-native .ql-editor { color: var(--ac-text); overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .ql-editor.ql-blank::before { color: var(--ac-muted); font-style: normal; }
#anycomment-root.anycomment-native .ql-toolbar { display: flex; flex-wrap: wrap; align-items: center; border: 0; height: auto; }
#anycomment-root.anycomment-native .ql-toolbar button { background: transparent; color: var(--ac-muted); }
#anycomment-root.anycomment-native .ql-toolbar .ql-stroke { stroke: var(--ac-muted); }
#anycomment-root.anycomment-native .ql-toolbar .ql-fill { fill: var(--ac-muted); }
#anycomment-root.anycomment-native .ql-toolbar .ql-active .ql-stroke { stroke: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .ql-toolbar .ql-active .ql-fill { fill: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .ql-tooltip { background: var(--ac-bg); color: var(--ac-text); border: 1px solid var(--ac-line); max-width: 100%; white-space: normal; z-index: 5; box-shadow: 0 4px 15px #0002; }
#anycomment-root.anycomment-native .ql-tooltip input { color: var(--ac-text); background: var(--ac-field); max-width: 100%; }
#anycomment-root.anycomment-native .ql-tooltip:not(.ql-hidden) { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; left: 0 !important; padding: 8px; }
#anycomment-root.anycomment-native .ql-tooltip::before { content: "Ссылка:"; flex-basis: 100%; margin: 0; }
#anycomment-root.anycomment-native .ql-tooltip input { min-width: 0; flex: 1 1 100px; width: 100px; height: 44px; font-size: 16px; }
#anycomment-root.anycomment-native .ql-tooltip .ql-action,
#anycomment-root.anycomment-native .ql-tooltip .ql-remove { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 13px; }
#anycomment-root.anycomment-native .ql-tooltip .ql-action::after { content: "Изменить"; margin: 0; padding: 0 4px; border: 0; }
#anycomment-root.anycomment-native .ql-tooltip.ql-editing .ql-action::after { content: "Сохранить"; }
#anycomment-root.anycomment-native .ql-tooltip .ql-remove::before { content: "Удалить"; margin: 0; padding: 0 4px; }
#anycomment-root.anycomment-native .ql-tooltip.ql-editing .ql-remove { display: none; }
#anycomment-root.anycomment-native .ql-tooltip .ql-preview { max-width: 100%; overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .anycomment-form__inputs { display: flex; flex-direction: row; flex-wrap: wrap; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item { flex: 1 1 160px; min-width: 0; margin: 0; padding: 0; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item label { color: var(--ac-text); font-size: 12px; line-height: 1.6; margin: 0 0 5px; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item input { border: 1px solid var(--ac-line) !important; color: var(--ac-text) !important; height: 44px !important; line-height: normal !important; padding: 0 12px !important; font-size: 14px; border-radius: 4px; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item input:focus { border: 2px solid var(--ac-focus) !important; padding: 0 11px !important; outline: none; box-shadow: none !important; }
#anycomment-root.anycomment-native .anycomment-form__terms { color: var(--ac-muted); }
#anycomment-root.anycomment-native .anycomment-form__terms:empty { display: none; }
#anycomment-root.anycomment-native .anycomment-form__terms:has(> .anycomment-native-terms:empty) { display: none; }
#anycomment-root.anycomment-native .anycomment-native-feedback { grid-column: 1 / -1; color: var(--ac-negative); font-size: 14px; line-height: 1.6; padding-top: 12px; }
#anycomment-root.anycomment-native .anycomment-native-feedback:empty { display: none; }
#anycomment-root.anycomment-native .anycomment-btn:disabled { opacity: .7; cursor: wait; }
#anycomment-root.anycomment-native .anycomment-form__submit { gap: 12px; padding: 16px 18px; }
#anycomment-root.anycomment-native .anycomment-form__submit-status { color: var(--ac-muted); font-size: 12px; }
#anycomment-root.anycomment-native .anycomment-form__submit-status-action { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--ac-muted); }
#anycomment-root.anycomment-native .anycomment-form__submit-status-action .anycomment-icon { color: inherit; }
#anycomment-root.anycomment-native .anycomment-btn { background: var(--ac-accent); color: #19340d; border: 0; border-radius: var(--ui-elem-bdrs, 4px); height: 44px; min-width: 125px; padding: 0 20px; font-family: inherit !important; font-size: 14px; font-weight: 500; text-transform: uppercase !important; }
#anycomment-root.anycomment-native .anycomment-btn:hover { background: #66aa32; }
#anycomment-root.anycomment-native .anycomment-label-import { color: var(--ac-negative); }
#anycomment-root.anycomment-native .anycomment-form__guest-socials,
#anycomment-root.anycomment-native .anycomment-form__guest-socials-text { color: var(--ac-muted); }
/* Summary and comment tree */
#anycomment-root.anycomment-native .anycomment-summary { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: space-between; margin: 0; padding: 5px 0 10px; border: 0; }
#anycomment-root.anycomment-native .anycomment-summary-count { color: var(--ac-muted); font-size: 14px; }
#anycomment-root.anycomment-native .anycomment-summary-sort { display: flex; align-items: center; gap: 5px; font-size: 14px; line-height: 20px; color: var(--ac-muted); }
#anycomment-root.anycomment-native .anycomment-summary-sort .anycomment-link { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 20px; font-weight: 500; padding: 0 8px; min-height: 44px; background: transparent; border: 0; color: var(--ac-accent-ink); text-transform: none; }
#anycomment-root.anycomment-native .comment-single { display: grid; grid-template-columns: 45px minmax(0,1fr); column-gap: 13px; position: relative; margin: 0; padding: 16px 0 14px; border-top: 1px solid var(--ac-line); min-width: 0; width: auto; scroll-margin-top: 90px; }
#anycomment-root.anycomment-native .comment-single.comment-no-comments { display: block; color: var(--ac-muted); font-size: 14px; line-height: 1.7; }
#anycomment-root.anycomment-native .comment-single-avatar { grid-column: 1; grid-row: 1; position: static; width: 45px; height: 45px; margin: 0; }
#anycomment-root.anycomment-native .comment-single-avatar__img { width: 45px; height: 45px; border-radius: 50%; border: 1px solid var(--ac-line); box-shadow: none; }
#anycomment-root.anycomment-native .anycomment-native-avatar { position: relative; display: grid; place-items: center; padding: 0; border: 0; background: var(--ac-avatar-a); color: var(--ac-avatar-letter); font-family: "AnyComment Avatar", inter, sans-serif; font-size: 22px; font-weight: 600; line-height: 1; user-select: none; }
#anycomment-root.anycomment-native .comment-single-replies .anycomment-native-avatar { font-size: 18px; }
#anycomment-root.anycomment-native .anycomment-native-avatar__letter { display: block; margin: 0; padding: 0; font: inherit; line-height: 1; text-align: center; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="b"] { background: var(--ac-avatar-b); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="c"] { background: var(--ac-avatar-c); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="d"] { background: var(--ac-avatar-d); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="e"] { background: var(--ac-avatar-e); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="f"] { background: var(--ac-avatar-f); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="g"] { background: var(--ac-avatar-g); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="h"] { background: var(--ac-avatar-h); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="i"] { background: var(--ac-avatar-i); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="j"] { background: var(--ac-avatar-j); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="k"] { background: var(--ac-avatar-k); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="l"] { background: var(--ac-avatar-l); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="m"] { background: var(--ac-avatar-m); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="n"] { background: var(--ac-avatar-n); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="o"] { background: var(--ac-avatar-o); }
#anycomment-root.anycomment-native .anycomment-native-avatar[data-color="p"] { background: var(--ac-avatar-p); }
#anycomment-root.anycomment-native .comment-single-body { display: contents; padding: 0; margin: 0; }
#anycomment-root.anycomment-native .comment-single-body-header { display: contents; }
#anycomment-root.anycomment-native .comment-single-avatar { align-self: center; }
#anycomment-root.anycomment-native .comment-single-body-header__author { display: contents; }
#anycomment-root.anycomment-native .anycomment-native-author-line { grid-column: 2; grid-row: 1; min-height: 45px; padding-right: 140px; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; gap: 4px 9px; }
#anycomment-root.anycomment-native .comment-single-body-header__author--actions { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; margin-left: 0; }
#anycomment-root.anycomment-native .comment-single-body-header__author--actions:empty { display: none; }
#anycomment-root.anycomment-native .comment-single-body-header__author-name { font-size: 14px; color: var(--ac-heading); font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .comment-single-body-header__author-reply { grid-column: 2; grid-row: 2; margin: 0; line-height: 1.6; padding-right: 30px; }
#anycomment-root.anycomment-native .comment-single-body-header__author-reply,
#anycomment-root.anycomment-native .comment-single-body-header__author-reply a { font-size: 12px; color: var(--ac-muted); }
#anycomment-root.anycomment-native .comment-single-body-header__author-reply a:hover { color: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .comment-single-body-header__author-owner { background: var(--ac-soft); color: var(--ac-accent-ink); border-radius: 3px; font-size: 11px; height: auto; line-height: 1.5; padding: 2px 6px; margin: 0; }
#anycomment-root.anycomment-native .comment-single-body-header__date { color: var(--ac-muted); font-size: 12px; line-height: 1.6; }
#anycomment-root.anycomment-native .comment-single-body__text { grid-column: 2; grid-row: 3; margin: 4px 0 0; min-width: 0; }
#anycomment-root.anycomment-native .comment-single-body__text-content,
#anycomment-root.anycomment-native .comment-single-body__text-content p { color: var(--ac-text); font-size: 14px; line-height: 1.65; margin: 0; overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .comment-single-body__text-content p { margin-bottom: 8px; }
#anycomment-root.anycomment-native .comment-single-body__text-content > :last-child { margin-bottom: 0; }
#anycomment-root.anycomment-native .comment-single-body__text-content strong { font-weight: 600; color: var(--ac-heading); }
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote { background: var(--ac-surface); color: var(--ac-text); border-left: 2px solid var(--ac-accent); font-size: 14px; }
#anycomment-root.anycomment-native .comment-single-body__text-content :is(img,video,iframe) { max-width: 100%; }
#anycomment-root.anycomment-native .comment-single-body__text-content pre { white-space: pre-wrap; overflow-wrap: anywhere; }
#anycomment-root.anycomment-native .comment-single-body__text-embeds { grid-column: 2; min-width: 0; }
#anycomment-root.anycomment-native .comment-single-body__text-embeds iframe { max-width: 100%; }
#anycomment-root.anycomment-native .comment-single-body__shortened::after { background: linear-gradient(0deg,var(--ac-bg),transparent); }
#anycomment-root.anycomment-native .comment-single-body__text-readmore { display: inline-flex; align-items: center; border: 0; border-radius: 3px; min-height: 44px; padding: 0 6px; margin: 0 0 6px; background: transparent; color: var(--ac-accent-ink); font-size: 13px; font-weight: 500; }
#anycomment-root.anycomment-native .anycomment-native-actions { grid-column: 2; grid-row: 6; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; min-width: 0; }
#anycomment-root.anycomment-native .comment-single-body__actions { display: inline-flex; margin: 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-body__actions ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-body__actions li { margin: 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-body__actions a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 13px; color: var(--ac-muted); margin: 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-body__actions a .anycomment-icon { margin: 0; color: inherit; }
#anycomment-root.anycomment-native .anycomment-native-thread-toggle { display: inline-flex; align-items: center; justify-content: flex-start; min-height: 44px; min-width: 44px; border: 0; background: transparent; padding: 0 6px; color: var(--ac-muted); font-size: 13px; line-height: 1.5; text-transform: none; border-radius: 3px; }
#anycomment-root.anycomment-native .anycomment-native-thread-toggle:hover { color: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .comment-single-form-wrapper { grid-column: 1 / -1; grid-row: 7; margin-top: 12px; min-width: 0; }
#anycomment-root.anycomment-native .comment-single-form-wrapper .anycomment-form { margin-bottom: 0; }
#anycomment-root.anycomment-native .comment-single-replies { grid-column: 1 / -1; grid-row: 8; margin: 10px 0 0 22px; padding: 0 0 0 30px; border-left: 1px solid var(--ac-line); min-width: 0; }
#anycomment-root.anycomment-native .anycomment-list-child { margin: 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-replies .comment-single { grid-template-columns: 34px minmax(0,1fr); column-gap: 10px; padding: 10px 0 0; border-top: 0; }
#anycomment-root.anycomment-native .comment-single-replies .comment-single-avatar,
#anycomment-root.anycomment-native .comment-single-replies .comment-single-avatar__img { width: 34px; height: 34px; }
#anycomment-root.anycomment-native .comment-single-replies .anycomment-native-author-line { min-height: 44px; }
#anycomment-root.anycomment-native .comment-single-replies .comment-single-replies { margin-left: 16px; padding-left: 20px; }
#anycomment-root.anycomment-native .comment-single-replies .comment-single-replies .comment-single-replies { padding-left: 18px; margin-left: 16px; }
/* Voting: counters, controls and interaction states */
#anycomment-root.anycomment-native .anycomment-comment-rating { --ac-rating-positive: #39751e; --ac-rating-up-hover: rgba(121,193,66,.11); --ac-rating-down-hover: rgba(183,50,47,.08); display: flex; align-items: center; gap: 4px; position: absolute; z-index: 1; top: 22px; right: 0; left: auto; width: 126px; height: 44px; background: transparent; border: 0; box-shadow: none; }
body.dt #anycomment-root.anycomment-native .anycomment-comment-rating,
body[data-theme="dark"] #anycomment-root.anycomment-native .anycomment-comment-rating { --ac-rating-positive: #98d66c; --ac-rating-up-hover: rgba(121,193,66,.13); --ac-rating-down-hover: rgba(255,120,115,.10); }
#anycomment-root.anycomment-native .anycomment-comment-rating__counter { order: 2; width: 30px; min-width: 30px; font-size: 13px; line-height: 1; font-weight: 600; color: var(--ac-muted); font-variant-numeric: tabular-nums; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions { display: contents; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions button { display: flex; align-items: center; justify-content: center; height: 44px; width: 44px; min-width: 44px; padding: 0; background: transparent; border: 0; border-radius: 4px; color: var(--ac-muted); font-size: 18px; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions--up { order: 1; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions--down { order: 3; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions button { transition: color .15s ease, background-color .15s ease; }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions button.anycomment-comment-rating__actions--up:is(:hover,:focus-visible) { background: var(--ac-rating-up-hover); color: var(--ac-rating-positive); }
#anycomment-root.anycomment-native .anycomment-comment-rating__actions button.anycomment-comment-rating__actions--down:is(:hover,:focus-visible) { background: var(--ac-rating-down-hover); color: var(--ac-negative); }
@media (prefers-reduced-motion: reduce) {
  #anycomment-root.anycomment-native .anycomment-comment-rating__actions button { transition: none; }
}
#anycomment-root.anycomment-native .anycomment-comment-rating[data-score-state="positive"] .anycomment-comment-rating__counter,
#anycomment-root.anycomment-native .anycomment-comment-rating__actions--up:is(:hover,[aria-pressed="true"]) { color: var(--ac-rating-positive); }
#anycomment-root.anycomment-native .anycomment-comment-rating[data-score-state="negative"] .anycomment-comment-rating__counter,
#anycomment-root.anycomment-native .anycomment-comment-rating__actions--down:is(:hover,[aria-pressed="true"]) { color: var(--ac-negative); }
#anycomment-root.anycomment-native .comment-single-replies .anycomment-comment-rating { top: 16px; }
@media (min-width: 861px) {
  #anycomment-root.anycomment-native .anycomment-comment-rating { position: static; grid-column: 2; grid-row: 1; justify-self: end; align-self: center; }
}
#anycomment-root.anycomment-native .anycomment-copy-footer { border-color: var(--ac-line); color: var(--ac-muted); font-size: 12px; }
#anycomment-root.anycomment-native .dropdown__content { background: var(--ac-bg); color: var(--ac-text); border-color: var(--ac-line); }
#anycomment-root.anycomment-native .comment-single-highlight::before { background: var(--ac-accent); }
/* Responsive layout */
@media (max-width: 860px) {
  .anycomment-native-area {
    padding: 22px 16px;
  }
  .anycomment-native-heading > h2 { font-size: 23px; }
  #anycomment-root.anycomment-native .anycomment-form__submit { padding: 14px; }
  #anycomment-root.anycomment-native .anycomment-btn { width: 100%; }
  #anycomment-root.anycomment-native .anycomment-summary { gap: 4px 10px; }
  #anycomment-root.anycomment-native .comment-single { grid-template-columns: 45px minmax(0,1fr); column-gap: 10px; }
  #anycomment-root.anycomment-native .comment-single-avatar,
  #anycomment-root.anycomment-native .comment-single-avatar__img { width: 45px; height: 45px; }
  #anycomment-root.anycomment-native .anycomment-native-author-line { padding-right: 0; min-height: 45px; gap: 4px 7px; }
  #anycomment-root.anycomment-native .comment-single-replies .anycomment-native-author-line { min-height: 34px; }
  #anycomment-root.anycomment-native .comment-single-body-header__author-name { font-size: 14px; }
  #anycomment-root.anycomment-native .comment-single-body-header__date,
  #anycomment-root.anycomment-native .comment-single-body-header__author-reply,
  #anycomment-root.anycomment-native .comment-single-body-header__author-reply a { font-size: 12px; line-height: 1.6; }
  #anycomment-root.anycomment-native .comment-single-body__text-content,
  #anycomment-root.anycomment-native .comment-single-body__text-content p { font-size: 14px; line-height: 1.65; }
  #anycomment-root.anycomment-native .anycomment-comment-rating,
  #anycomment-root.anycomment-native .comment-single-replies .anycomment-comment-rating { position: static; width: 126px; }
  #anycomment-root.anycomment-native .comment-single-replies { padding-left: 12px; margin-left: 10px; }
  #anycomment-root.anycomment-native .comment-single-replies .comment-single { grid-template-columns: 34px minmax(0,1fr); column-gap: 8px; }
  #anycomment-root.anycomment-native .comment-single-replies .comment-single-avatar,
  #anycomment-root.anycomment-native .comment-single-replies .comment-single-avatar__img { width: 34px; height: 34px; }
  #anycomment-root.anycomment-native .comment-single-replies .comment-single-replies,
  #anycomment-root.anycomment-native .comment-single-replies .comment-single-replies .comment-single-replies { margin-left: 4px; padding-left: 10px; }
  #anycomment-root.anycomment-native .comment-single-form-wrapper { margin-left: calc(-1 * var(--ac-form-outdent,0px)); }
}
@media (prefers-reduced-motion: reduce) {
  #anycomment-root.anycomment-native * { transition: none !important; scroll-behavior: auto !important; }
}
#anycomment-root.anycomment-native .anycomment-form { padding: 0; border: 0; margin-bottom: 20px; }
#anycomment-root.anycomment-native .anycomment-form form { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; padding: 0 12px 12px; border-radius: 7px; background: var(--ac-field); }
#anycomment-root.anycomment-native .anycomment-form form:focus-within { border-color: var(--ac-line); box-shadow: none; }
#anycomment-root.anycomment-native .anycomment-form-body-outliner { grid-column: 1 / -1; width: calc(100% + 24px); margin: 0 -12px; }
#anycomment-root.anycomment-native .quill,
#anycomment-root.anycomment-native .ql-container { height: auto; padding: 0; margin: 0; background: transparent; border-radius: 7px 7px 0 0; }
#anycomment-root.anycomment-native .ql-editor { min-height: 120px; max-height: 280px; height: auto; padding: 12px 14px; background: transparent; font-size: 14px; line-height: 1.65; }
#anycomment-root.anycomment-native .ql-editor:focus { outline: 2px solid var(--ac-focus); outline-offset: -2px; border-radius: 6px 6px 0 0; }
#anycomment-root.anycomment-native .ql-editor.ql-blank::before { left: 14px; right: 14px; font-size: 14px; }
#anycomment-root.anycomment-native .ql-toolbar { position: relative; padding: 6px; gap: 2px; border-top: 1px solid var(--ac-line); border-bottom: 1px solid var(--ac-line); background: var(--ac-surface); }
#anycomment-root.anycomment-native .ql-toolbar button { float: none; display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 12px; margin: 0; border-radius: 4px; text-transform: none; }
#anycomment-root.anycomment-native .ql-toolbar button svg { width: 20px; height: 20px; }
#anycomment-root.anycomment-native .ql-toolbar .ql-spoiler { flex-basis: 80px; width: 80px; padding: 0 8px; font-size: 13px; font-weight: 600; color: var(--ac-muted); }
#anycomment-root.anycomment-native .ql-toolbar button:hover { background: var(--ac-line); }
#anycomment-root.anycomment-native .ql-toolbar button:hover:not(.ql-active) { color: var(--ac-text); }
#anycomment-root.anycomment-native .ql-toolbar button:hover:not(.ql-active) .ql-stroke { stroke: var(--ac-text); }
#anycomment-root.anycomment-native .ql-toolbar button:hover:not(.ql-active) .ql-fill { fill: var(--ac-text); }
#anycomment-root.anycomment-native .ql-toolbar button.ql-active { background: var(--ac-soft); color: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .ac-editor-more { display: none; position: relative; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; margin: 0 0 0 auto; border: 0; background: transparent; }
#anycomment-root.anycomment-native .ac-editor-more summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; list-style: none; border-radius: 4px; color: var(--ac-muted); cursor: pointer; font-size: 24px; }
#anycomment-root.anycomment-native .ac-editor-more summary::before,
#anycomment-root.anycomment-native .ac-editor-more summary::after { content: none; }
#anycomment-root.anycomment-native .ac-editor-more summary::-webkit-details-marker { display: none; }
#anycomment-root.anycomment-native .ac-editor-more summary:hover,
#anycomment-root.anycomment-native .ac-editor-more[open] summary { background: var(--ac-line); }
#anycomment-root.anycomment-native .ac-editor-menu { position: absolute; z-index: 10; right: 0; top: calc(100% + 8px); width: 220px; padding: 6px; border: 1px solid var(--ac-line); border-radius: 6px; background: var(--ac-field); box-shadow: 0 6px 20px #0003; }
#anycomment-root.anycomment-native .ac-editor-menu button { justify-content: flex-start; gap: 10px; width: 100%; padding: 12px; }
#anycomment-root.anycomment-native .ac-editor-menu button::after { content: attr(aria-label); font-size: 13px; white-space: nowrap; }
#anycomment-root.anycomment-native .anycomment-native-identity { grid-column: 1; grid-row: 2; min-width: 0; margin: 12px 0 0; padding: 0; }
#anycomment-root.anycomment-native .anycomment-form__inputs { margin: 0; gap: 10px; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item { flex-basis: 120px; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item label { margin-bottom: 4px; }
#anycomment-root.anycomment-native .anycomment-form__inputs-item input { width: 100%; background: var(--ac-field); }
#anycomment-root.anycomment-native .anycomment-form__submit { display: contents; }
#anycomment-root.anycomment-native .anycomment-form__submit-button { grid-column: 2; grid-row: 2; align-self: end; min-width: 0; width: auto; margin-top: 12px; }
#anycomment-root.anycomment-native .anycomment-form__submit-button .anycomment-btn { width: 160px; min-width: 160px; padding: 0 15px !important; background: var(--ac-action); color: #fff !important; border: 0; border-radius: var(--ui-elem-bdrs, 4px); box-shadow: none !important; font-size: 18px !important; line-height: normal !important; font-weight: 500 !important; text-transform: uppercase !important; }
#anycomment-root.anycomment-native .anycomment-form__submit-button .anycomment-btn:hover { background: var(--ac-action-hover); color: #fff !important; }
#anycomment-root.anycomment-native .anycomment-form__submit-status { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0; }
#anycomment-root.anycomment-native .anycomment-form__submit-status-action { flex: 0 0 44px; margin-left: auto; }
#anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-native-identity,
#anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-form__submit-button { grid-row: 3; margin-top: 0; }
#anycomment-root.anycomment-native .anycomment-form__terms { grid-column: 1 / -1; grid-row: 3; padding: 0; }
#anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-form__terms { grid-row: 4; }
#anycomment-root.anycomment-native .anycomment-form__guest-socials { padding: 0 0 8px; }
/* Editor and published spoilers */
#anycomment-root.anycomment-native .ql-editor .ac-spoiler { background: var(--ac-soft); border-bottom: 1px dashed var(--ac-accent-ink); border-radius: 2px; }
#anycomment-root.anycomment-native .comment-single-body__text-content .ac-spoiler { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; height: auto; min-height: 44px; max-width: 100%; width: auto; border: 1px solid var(--ac-line); border-radius: 4px; padding: 8px 12px; font: inherit; line-height: inherit; text-align: left; text-transform: none; vertical-align: baseline; white-space: normal; overflow-wrap: anywhere; color: var(--ac-text); background: var(--ac-surface); cursor: pointer; }
#anycomment-root.anycomment-native .ac-spoiler .ac-spoiler-label { font-size: 13px; color: var(--ac-accent-ink); }
#anycomment-root.anycomment-native .ac-spoiler:not(.is-revealed) .ac-spoiler-content { display: none; }
#anycomment-root.anycomment-native .ac-spoiler.is-revealed .ac-spoiler-content { display: block; margin-top: 6px; }
#anycomment-root.anycomment-native .ac-spoiler:focus-visible { outline: 3px solid var(--ac-focus); outline-offset: 3px; }
@media (max-width: 860px) {
  #anycomment-root.anycomment-native .ql-toolbar .ac-editor-extra { display: none; }
  #anycomment-root.anycomment-native .ac-editor-more { display: block; }
  #anycomment-root.anycomment-native .ql-editor { min-height: 120px; font-size: 16px; }
  #anycomment-root.anycomment-native .anycomment-form__inputs-item input { font-size: 16px; }
  #anycomment-root.anycomment-native .anycomment-form form { column-gap: 10px; }
  #anycomment-root.anycomment-native .anycomment-form__submit-button .anycomment-btn { width: 132px; min-width: 132px; font-size: 16px !important; }
}
#anycomment-root.anycomment-native .anycomment-native-sort-label { border: 0; padding: 0; margin: 0; line-height: 20px; color: var(--ac-muted); text-decoration: none; cursor: default; }
#anycomment-root.anycomment-native .ql-toolbar,
#anycomment-root.anycomment-native .ac-editor-menu,
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote,
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote p { font-family: inherit !important; }
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote { margin: 12px 0; padding: 10px 12px; border-radius: 4px; line-height: 1.75; }
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote::before { content: none; }
#anycomment-root.anycomment-native .comment-single-body__text-content blockquote p:last-child { margin-bottom: 0; }
#anycomment-root.anycomment-native .comment-single-body__text-content :is(ol,ul) { margin: 10px 0; padding: 0 0 0 24px; }
#anycomment-root.anycomment-native .comment-single-body__text-content ol { list-style: decimal outside; }
#anycomment-root.anycomment-native .comment-single-body__text-content ul { list-style: disc outside; }
#anycomment-root.anycomment-native .comment-single-body__text-content li { display: list-item; list-style: inherit; margin: 4px 0; padding: 0; }
#anycomment-root.anycomment-native .comment-single-body__text-content li::marker { color: var(--ac-muted); }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-root { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 8px 12px; min-width: 0; background: var(--bg, #fff) !important; color: var(--tt, #363636) !important; border: 1px solid var(--bdc, #dedede); border-radius: 4px; font-family: inherit; }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-message { flex: 1 1 auto; min-width: 0; padding: 0; font-size: 14px; line-height: 1.6; }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-message > span { white-space: normal; }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-message svg { flex-shrink: 0; }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-action { flex: 0 0 44px; margin: 0; padding: 0; }
body:has(#anycomment-root.anycomment-native) .MuiSnackbarContent-action button { width: 44px; min-width: 44px; height: 44px; padding: 0; background: transparent; color: inherit; }
body:has(#anycomment-root.anycomment-native):has(.MuiSnackbar-root) #scrolltop { visibility: hidden; pointer-events: none; }
@media (max-width: 860px) {
  #anycomment-root.anycomment-native .comment-single-body__text,
  #anycomment-root.anycomment-native .comment-single-body__text-embeds{ grid-column: 1 / -1; }
  #anycomment-root.anycomment-native .anycomment-native-actions { grid-column: 1 / -1; grid-row: 5; display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 4px; }
  #anycomment-root.anycomment-native .comment-single-body__actions { padding-right: 134px; min-height: 44px; align-items: center; }
  #anycomment-root.anycomment-native .anycomment-native-thread-toggle { justify-self: start; max-width: 100%; padding-left: 0; white-space: normal; text-align: left; }
  #anycomment-root.anycomment-native .anycomment-comment-rating,
  #anycomment-root.anycomment-native .comment-single-replies .anycomment-comment-rating { grid-column: 1 / -1; grid-row: 5; justify-self: end; align-self: start; margin-top: 4px; }
  #anycomment-root.anycomment-native .comment-single[data-reply-depth="2"] .comment-single-replies { margin-left: 0; padding-left: 0; border-left: 0; }
}
@media (max-width: 480px) {
  #anycomment-root.anycomment-native .anycomment-summary { flex-wrap: nowrap; gap: 8px; }
  #anycomment-root.anycomment-native .anycomment-summary-sort { gap: 2px; white-space: nowrap; }
  #anycomment-root.anycomment-native .anycomment-native-sort-label { display: none; }
  #anycomment-root.anycomment-native .anycomment-native-identity { grid-column: 1 / -1; }
  #anycomment-root.anycomment-native .anycomment-form__submit-button { grid-column: 1 / -1; grid-row: 3; justify-self: end; margin-top: 10px; }
  #anycomment-root.anycomment-native .anycomment-form__terms { grid-row: 4; }
  #anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-native-identity { grid-row: 3; }
  #anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-form__submit-button { grid-row: 4; margin-top: 10px; }
  #anycomment-root.anycomment-native form:has(.anycomment-form__submit-status) .anycomment-form__terms { grid-row: 5; }
}