.cb-engagement{margin:32px 0 0;display:flex;flex-direction:column;gap:18px}.cb-engagement__bar{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;padding:10px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-lg);background:var(--cb-surface);box-shadow:var(--cb-shadow-sm)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.cb-engagement__bar{background:var(--cb-glass-bg);border-color:var(--cb-glass-border);-webkit-backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%);backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%)}}.cb-engagement__action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 12px;border:1px solid transparent;border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-ink-700);font:inherit;font-size:0.86rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;overflow:hidden;transition:background var(--cb-t-fast) var(--cb-ease), border-color var(--cb-t-fast) var(--cb-ease), color var(--cb-t-fast) var(--cb-ease), transform var(--cb-t-fast) var(--cb-ease), box-shadow var(--cb-t-fast) var(--cb-ease)}.cb-engagement__action:hover{background:var(--cb-hover-tint);border-color:var(--cb-border);color:var(--cb-ink-900)}.cb-engagement__action:focus-visible{outline:none;box-shadow:var(--cb-focus)}.cb-engagement__action:active{transform:translateY(1px)}.cb-engagement__icon{display:inline-flex;flex-shrink:0}.cb-engagement__icon svg{display:block}.cb-engagement__count{font-variant-numeric:tabular-nums;font-weight:700}.cb-engagement__label{white-space:nowrap}.cb-engagement__action--like.is-active{background:var(--cb-primary-50);border-color:var(--cb-primary-100);color:var(--cb-primary-700)}.cb-engagement__action--like.is-active .cb-engagement__icon svg{fill:currentColor}.cb-engagement__action--like .cb-engagement__icon svg{transition:fill var(--cb-t-med) var(--cb-ease)}.cb-engagement__action--save.is-saved{background:var(--cb-primary-50);border-color:var(--cb-primary-100);color:var(--cb-primary-700)}.cb-engagement__label--done{display:none}.cb-engagement__action--save.is-saved .cb-engagement__label--idle{display:none}.cb-engagement__action--save.is-saved .cb-engagement__label--done{display:inline}.cb-engagement__ripple{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--cb-primary-600);opacity:0;pointer-events:none;transform:scale(0.4)}.cb-engagement__action--like.is-bursting .cb-engagement__ripple{animation:cb-like-ripple 460ms var(--cb-ease-panel, ease-out) forwards}.cb-engagement__action--like.is-bursting .cb-engagement__icon{animation:cb-like-press 320ms var(--cb-ease-panel, ease-out)}@keyframes cb-like-ripple{0%{opacity:0.55;transform:scale(0.4)}100%{opacity:0;transform:scale(4.6)}}@keyframes cb-like-press{0%{transform:scale(1)}38%{transform:scale(0.86)}100%{transform:scale(1)}}.cb-engagement__status{margin:0;min-height:0;font-size:0.8rem;color:var(--cb-ink-500);opacity:0;max-height:0;overflow:hidden;transition:opacity var(--cb-t-fast) var(--cb-ease), max-height var(--cb-t-fast) var(--cb-ease)}.cb-engagement__status.is-visible{opacity:1;max-height:3em}.cb-engagement__status.is-error{color:var(--cb-error-strong)}.cb-comments{border:1px solid var(--cb-border);border-radius:var(--cb-radius-lg);background:var(--cb-surface);box-shadow:var(--cb-shadow-sm);padding:20px}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.cb-comments{background:var(--cb-glass-bg);border-color:var(--cb-glass-border);-webkit-backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%);backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%)}}.cb-comments__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.cb-comments__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--cb-ink-900);letter-spacing:-0.01em}.cb-comments__count{color:var(--cb-ink-500);font-weight:600;font-variant-numeric:tabular-nums}.cb-comments__empty, .cb-comments__closed{margin:0 0 16px;font-size:0.88rem;color:var(--cb-ink-500)}.cb-comments__list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:16px}.cb-comments__list:empty{margin:0}.cb-comment{display:grid;grid-template-columns:40px minmax(0, 1fr);gap:12px;align-items:start}.cb-comment--reply{margin-left:34px}.cb-comment__avatar{display:block;width:40px;height:40px}.cb-comment__avatar img{width:40px;height:40px;border-radius:50%;display:block;border:1px solid var(--cb-border)}.cb-comment__body{min-width:0}.cb-comment__author{margin:0 0 3px;font-size:0.88rem;font-weight:700;color:var(--cb-ink-900)}.cb-comment__text{margin:0;font-size:0.9rem;line-height:1.6;color:var(--cb-ink-700);overflow-wrap:anywhere}.cb-comment__text p{margin:0 0 8px}.cb-comment__text p:last-child{margin-bottom:0}.cb-comment__meta{margin:7px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:0.76rem;color:var(--cb-ink-500)}.cb-comment__status{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:var(--cb-radius-pill, 999px);border:1px solid transparent;font-size:0.72rem;font-weight:600;line-height:1.6;white-space:nowrap}.cb-comment__status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.cb-comment__status--approved{color:var(--cb-success-700);background:var(--cb-success-50);border-color:var(--cb-success-100)}.cb-comment__status--pending{color:var(--cb-warning-700);background:var(--cb-warning-50);border-color:var(--cb-warning-100)}.cb-comment__status--rejected{color:var(--cb-ink-500);background:var(--cb-surface-2);border-color:var(--cb-border)}.cb-comment.is-new{animation:cb-comment-in var(--cb-t-med) var(--cb-ease-panel, ease-out) backwards}@keyframes cb-comment-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cb-comment-form{margin:0}.cb-comment-form__row{display:grid;grid-template-columns:40px minmax(0, 1fr) auto;gap:10px;align-items:start}.cb-comment-form__avatar{display:block;width:40px;height:40px}.cb-comment-form__avatar img{width:40px;height:40px;border-radius:50%;display:block;border:1px solid var(--cb-border)}.cb-comment-form__input{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-md);background:var(--cb-bg);color:var(--cb-ink-900);font:inherit;font-size:0.9rem;line-height:1.5;resize:none;overflow-y:auto;transition:border-color var(--cb-t-fast) var(--cb-ease), box-shadow var(--cb-t-fast) var(--cb-ease)}.cb-comment-form__input::placeholder{color:var(--cb-ink-300)}.cb-comment-form__input:focus{outline:none;border-color:var(--cb-primary-600);box-shadow:var(--cb-focus)}.cb-comment-form__submit{min-height:46px;white-space:nowrap}.cb-comment-form__note{margin:9px 0 0 50px;font-size:0.75rem;color:var(--cb-ink-500)}.cb-comment-form__error{margin:9px 0 0 50px;font-size:0.78rem;font-weight:600;color:var(--cb-error-strong)}.cb-comment-form__error[hidden]{display:none}.cb-comments__guest{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border:1px dashed var(--cb-border);border-radius:var(--cb-radius-md)}.cb-comments__guest-text{margin:0;font-size:0.88rem;color:var(--cb-ink-700);font-weight:600}.cb-comments__guest-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.cb-engagement{margin-top:24px;gap:14px}.cb-engagement__bar{gap:4px;padding:6px}.cb-engagement__action{min-height:48px;padding:8px 4px;gap:6px;font-size:0.8rem}.cb-engagement__action--comment .cb-engagement__label, .cb-engagement__action--share .cb-engagement__count{display:none}.cb-comments{padding:16px 14px;border-radius:var(--cb-radius-md)}.cb-comments__title{font-size:1rem}.cb-comment{grid-template-columns:34px minmax(0, 1fr);gap:10px}.cb-comment__avatar, .cb-comment__avatar img{width:34px;height:34px}.cb-comment--reply{margin-left:18px}.cb-comment__text{font-size:0.88rem}.cb-comment-form__row{grid-template-columns:34px minmax(0, 1fr);gap:10px}.cb-comment-form__avatar, .cb-comment-form__avatar img{width:34px;height:34px}.cb-comment-form__submit{grid-column:1 / -1;width:100%}.cb-comment-form__note, .cb-comment-form__error{margin-left:0}.cb-comments__guest{flex-direction:column;align-items:stretch;text-align:center}.cb-comments__guest-actions{justify-content:center}.cb-comments__guest-actions .cb-btn{flex:1 1 auto}}@media (max-width: 380px){.cb-engagement__action--like .cb-engagement__label{display:none}.cb-engagement__action{padding:8px 2px}}@media (prefers-reduced-motion: reduce){.cb-engagement__action:active{transform:none}.cb-engagement__action--like.is-bursting .cb-engagement__ripple, .cb-engagement__action--like.is-bursting .cb-engagement__icon, .cb-comment.is-new{animation:none}.cb-engagement__ripple{display:none}}@media (forced-colors: active){.cb-engagement__action{border-color:currentColor}.cb-engagement__action--like.is-active, .cb-engagement__action--save.is-saved{border-width:2px}.cb-comment__status{border-color:currentColor}}.cb-engagement__panel{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-lg);background:var(--cb-surface);box-shadow:var(--cb-shadow-sm)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.cb-engagement__panel{background:var(--cb-glass-bg);border-color:var(--cb-glass-border);-webkit-backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%);backdrop-filter:blur(var(--cb-glass-blur)) saturate(140%)}}.cb-engagement__panel-title{margin:0;font-size:0.7rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--cb-ink-500)}.cb-engagement__divider{height:1px;margin:0;background:var(--cb-border);opacity:0.85}.cb-engagement__panel .cb-feedback-widget{padding:0;border:0;background:none;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:8px 16px}.cb-engagement__panel .cb-feedback-widget__prompt{font-size:0.98rem;font-weight:600;color:var(--cb-ink-900);grid-column:1}.cb-engagement__panel .cb-feedback-widget__row{grid-column:2;justify-content:flex-end;gap:8px}.cb-engagement__panel .cb-feedback-widget__panel, .cb-engagement__panel .cb-feedback-widget__message{grid-column:1 / -1}.cb-engagement__panel .cb-feedback-widget__message:empty{min-height:0;display:none}.cb-engagement__panel .cb-feedback-widget__thumb{min-height:42px}.cb-engagement__panel .cb-engagement__bar{padding:0;border:0;background:none;box-shadow:none;gap:8px}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.cb-engagement__panel .cb-engagement__bar{background:none;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.cb-engagement__panel .cb-engagement__action{border-color:var(--cb-border);background:var(--cb-surface)}.cb-engagement__panel .cb-engagement__action:hover{border-color:var(--cb-primary-200, var(--cb-primary-100))}.cb-engagement__panel .cb-engagement__action--like.is-active, .cb-engagement__panel .cb-engagement__action--save.is-saved{border-color:var(--cb-primary-600)}.cb-engagement__panel .cb-engagement__status:empty{display:none}.cb-engagement__panel .cb-engagement__status{margin:0;font-size:0.84rem;font-weight:600;color:var(--cb-success-700)}@media (max-width: 640px){.cb-engagement__panel{padding:14px 14px 16px;gap:12px}.cb-engagement__panel .cb-feedback-widget{grid-template-columns:minmax(0, 1fr);gap:10px}.cb-engagement__panel .cb-feedback-widget__prompt{grid-column:1;font-size:0.92rem}.cb-engagement__panel .cb-feedback-widget__row{grid-column:1;justify-content:flex-start}.cb-engagement__panel .cb-feedback-widget__thumb{flex:1 1 0;justify-content:center}.cb-engagement__panel .cb-feedback-widget__more{flex:0 0 auto;min-height:42px}.cb-engagement__panel .cb-engagement__bar{gap:6px;padding:0}}