.comments-section{container-type:inline-size;width:100%;min-width:0;color:var(--rb-text);background:var(--rb-bg-body)}.comments-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.comments-header__title{display:flex;align-items:baseline;gap:9px}.comments-header h2{margin:0;font-size:22px;font-weight:650;line-height:1.2;letter-spacing:-.02em}.comments-count{color:var(--rb-text-dimmed);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}.comments-header__actions{display:flex;align-items:center;gap:8px}.comments-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--rb-radius-control);color:var(--rb-text-muted);background:var(--rb-ghost-track);box-shadow:var(--rb-ghost-highlight);cursor:pointer;transition:background var(--rb-transition-fast),color var(--rb-transition-fast)}.comments-close:hover{background:var(--rb-ghost-hover);color:var(--rb-text)}.comment-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;color:var(--rb-text-muted);font-size:13px;font-weight:500;background:var(--rb-ghost)}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar--compact{width:30px;height:30px;font-size:12px}.comment-composer-wrap{position:relative;width:100%;min-width:0}.comment-composer{width:100%;padding:4px;border:1px solid transparent;border-radius:var(--rb-radius-panel);background:var(--rb-ghost-track);box-shadow:var(--rb-ghost-highlight)}.comment-composer__surface{width:100%;overflow:hidden;border:1px solid var(--rb-inset-border);border-radius:9px;background:var(--rb-bg-body);transition:border-color var(--rb-transition-fast)}.comment-composer:focus-within .comment-composer__surface{border-color:var(--rb-border)}.comment-composer__input{display:flex;align-items:flex-start;gap:12px;padding:14px 13px 0}.comment-composer textarea{display:block;flex:1;width:100%;min-width:0;min-height:56px;max-height:160px;padding-top:4px;resize:none;background:transparent;border:0;outline:0;color:var(--rb-text-secondary);font-family:inherit;font-size:15px;font-weight:400;line-height:1.55;letter-spacing:-.01em;scrollbar-width:thin}.comment-composer textarea::placeholder{color:var(--rb-text-dimmed)}.comment-composer textarea:disabled{opacity:.6}.comment-composer__toolbar{display:flex;align-items:center;gap:9px;padding:8px 10px 10px}.comment-composer__hint{flex:1;min-width:0;color:var(--rb-text-dimmed);font-size:11px}.comment-composer__send{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;min-width:86px;margin-left:auto;padding:7px 12px;border:1px solid transparent;border-radius:8px;background:var(--rb-primary);color:var(--rb-text);font-size:13px;font-weight:600;box-shadow:inset 0 1px #fff3,0 1px 2px #0003;cursor:pointer;transition:filter var(--rb-transition-fast),transform .12s var(--rb-ease-out)}.comment-composer__send:hover:not(:disabled){filter:brightness(1.08)}.comment-composer__send:active:not(:disabled){transform:scale(.97)}.comment-composer__send:disabled{background:var(--rb-ghost-track);color:var(--rb-text-dimmed);box-shadow:none;cursor:default}.comment-composer__attachment{margin:0 13px 4px 61px}.comment-composer__context{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--rb-text-muted);font-size:12px}.comment-composer__context strong{font-weight:500;color:var(--rb-text);overflow-wrap:anywhere}.comment-composer__context button{display:grid;place-items:center;min-width:28px;height:28px;margin-left:auto;border-radius:7px;cursor:pointer}.comment-composer__context button:hover{background:var(--rb-ghost);color:var(--rb-text)}.comment-composer--reply .comment-composer__input{gap:9px;padding:12px 10px 0}.comment-composer--reply textarea{min-height:48px;padding-top:2px;font-size:14px}.comment-composer--reply .comment-composer__hint{display:none}.comment-composer--reply .comment-composer__attachment{margin-left:10px}.comment-composer-wrap .gif-picker{background:var(--rb-bg-card);border:1px solid var(--rb-shell-border);border-radius:var(--rb-radius-panel)}.comment-composer-wrap .gif-picker input{background:var(--rb-bg-body);border-color:var(--rb-inset-border);border-radius:9px;color:var(--rb-text)}.comment-composer-wrap .gif-toggle{border:1px solid transparent;border-radius:8px;width:36px;height:36px;font-size:13px;background:var(--rb-ghost-track);box-shadow:var(--rb-ghost-highlight);color:var(--rb-text-muted)}.comment-composer-wrap .gif-toggle:hover,.comment-composer-wrap .gif-toggle[aria-pressed=true]{background:var(--rb-ghost-hover);color:var(--rb-text)}.comments-list{display:flex;flex-direction:column;gap:28px;margin-top:28px}.comment-row{display:flex;align-items:flex-start;gap:12px;min-width:0}.comment-row__avatar{flex-shrink:0;border-radius:50%}.comment-row__content{min-width:0;flex:1}.comment-row__meta{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:4px}.comment-row__author{color:var(--rb-text);font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.comment-row__author:hover{text-decoration:underline;text-underline-offset:3px}.comment-row__meta time,.comment-row__edited{color:var(--rb-text-dimmed);font-size:12px;white-space:nowrap}.comment-row__imported{color:var(--rb-text-dimmed);font-size:11px;white-space:nowrap}.comment-row__creator{display:inline-flex;align-items:center;gap:3px;color:var(--rb-accent);font-size:11px;white-space:nowrap}.comment-row__body{margin-top:6px;color:var(--rb-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;font-weight:400;line-height:1.65;letter-spacing:-.01em}.comment-row__gif{display:block;width:auto;max-width:min(100%,240px);max-height:180px;margin-top:10px;border-radius:10px;object-fit:contain}.comment-row__actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px;margin-left:-9px}.comment-reactions{display:flex;align-items:center;gap:1px}.comment-reaction,.comment-reply{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:36px;padding:7px 9px;border-radius:8px;color:var(--rb-text-muted);font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--rb-transition-fast),color var(--rb-transition-fast)}.comment-reaction svg{width:17px;height:17px}.comment-reaction:hover,.comment-reply:hover{background:var(--rb-ghost);color:var(--rb-text)}.comment-reaction[aria-pressed=true]{background:var(--rb-ghost);color:var(--rb-primary)}.comment-reaction--dislike[aria-pressed=true]{color:var(--destructive)}.comment-reaction span{font-variant-numeric:tabular-nums}.comment-row--compact{gap:9px}.comment-row--compact .comment-row__body{font-size:14px}.comment-thread__toggle{display:flex;align-items:center;gap:7px;min-height:36px;margin:1px 0 0 48px;color:var(--rb-accent);font-size:13px;font-weight:500;cursor:pointer;transition:color var(--rb-transition-fast)}.comment-thread__toggle:hover{color:var(--rb-text)}.comment-thread__toggle svg{transition:transform var(--rb-transition-base)}.comment-thread__line{width:16px;height:1px;background:var(--rb-border)}.comment-thread__replies{display:flex;flex-direction:column;gap:18px;position:relative;margin:14px 0 0 15px;padding:0 0 0 20px;border-left:1px solid var(--rb-shell-border);animation:comments-reveal .2s var(--rb-ease-out) both}.comment-thread__replies>.comment-composer-wrap{margin-top:2px}.comment-thread--deep>.comment-thread__replies{margin-left:0;padding-left:0;border-left:0}.comments-error{margin-top:12px;color:#ef9eaf;font-size:12px;line-height:1.6}.comments-error button{color:var(--rb-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.comments-status{color:var(--rb-text-muted);font-size:12px}.comments-load-more{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:22px auto 0;padding:7px 14px;border:1px solid transparent;border-radius:var(--rb-radius-control);color:var(--rb-text);background:var(--rb-ghost-track);box-shadow:var(--rb-ghost-highlight);font-size:12px;cursor:pointer;transition:background var(--rb-transition-fast)}.comments-load-more:hover:not(:disabled){background:var(--rb-ghost-hover)}.comments-load-more:disabled{opacity:.5;cursor:wait}.comments-empty{display:flex;flex-direction:column;align-items:center;padding:24px 10px 38px;text-align:center}.comments-empty__icon{color:var(--rb-text-dimmed);margin-bottom:14px}.comments-empty h3{color:var(--rb-text);font-size:14px;font-weight:500}.comments-empty p{margin-top:6px;color:var(--rb-text-muted);font-size:13px;line-height:1.6}.comments-loading{display:flex;flex-direction:column;gap:28px}.comments-skeleton{display:flex;gap:12px;animation:comments-pulse 1.5s ease-in-out infinite}.comments-skeleton>span{width:36px;height:36px;border-radius:50%;background:var(--rb-ghost)}.comments-skeleton>div{display:flex;flex:1;flex-direction:column;gap:9px;padding-top:3px}.comments-skeleton i{display:block;height:9px;border-radius:4px;background:var(--rb-ghost-track)}.comments-skeleton i:nth-child(1){width:45%}.comments-skeleton i:nth-child(2){width:92%}.comments-skeleton i:nth-child(3){width:65%}.comments-section :is(button,a):focus-visible,.content-tabs button:focus-visible{outline:2px solid var(--rb-primary);outline-offset:3px}.comments-drawer{position:fixed;inset:12dvh 0 0;z-index:50;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--rb-shell-border);border-bottom:0;border-radius:16px 16px 0 0;background:var(--rb-bg-body)}@media(min-width:1280px){.comments-drawer{position:static;inset:auto;height:calc(100dvh - 2rem);width:380px;flex-shrink:0;border-bottom:1px solid var(--rb-shell-border);border-radius:16px}}@container (max-width: 380px){.comment-composer__hint{display:none}}@container (max-width: 280px){.comment-thread__replies{margin-left:7px;padding-left:11px}}@keyframes comments-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes comments-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.comments-section *,.content-tabs *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.comment-row__media{width:100%;max-width:420px;min-width:0;margin-top:10px}.comment-row__media .post-gallery__track{height:min(45svh,clamp(12rem,40vw,20rem))}.comment-row__media-unavailable{margin-top:8px;color:var(--rb-text-dimmed);font-size:12px}
