/* Generated post-registration styles. Requires site.css tokens and #root app variables. */

/* @lifeos-css-tier extended:start profile */
/* ==========================================================================
   Profile
   ========================================================================== */

.participant-shell--profile-goal .stage-profile-link--icon,
.participant-shell--renewal .stage-profile-link--icon {
  position: fixed;
  top: max(var(--safe-area-top), var(--space-2));
  right: max(var(--safe-area-right), var(--space-2));
  left: auto;
  z-index: var(--z-float);
}

.participant-shell--profile {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: var(--viewport-height);
  overflow: hidden;
}

.participant-shell--profile .split-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: var(--viewport-height);
  z-index: 0;
}

.profile-panel {
  --profile-main-gap: var(--layout-hero-gap);
  --profile-section-gap: var(--layout-section-gap);
  --profile-cluster-gap: var(--layout-chip-gap);
  --profile-micro-gap: var(--layout-micro-gap);
  --profile-chip-min-height: var(--chip-min-height);
  --profile-chip-padding-block: var(--chip-padding-block);
  --profile-chip-padding-inline: var(--chip-padding-inline);
  --profile-chip-font-size: var(--chip-font-size);
  --profile-chip-icon-size: var(--chip-icon-size);
  --profile-heading-size: var(--type-caption);
  --profile-title-size: var(--type-body-large);
  --profile-copy-size: var(--adaptive-copy-size);
  --profile-detail-size: var(--adaptive-detail-size);
  --profile-meta-size: calc(var(--adaptive-detail-size) * 0.86);
  --profile-label-size: calc(var(--adaptive-detail-size) * 0.82);
  --profile-link-size: var(--adaptive-copy-size);
  --profile-deadline-title-size: var(--adaptive-copy-size);
  --profile-deadline-detail-size: var(--adaptive-detail-size);
  --profile-icon-button-size: max(var(--control-visual-size-md), var(--button-min-height));
  --profile-loader-size: var(--control-icon-size-md);
  --profile-loading-tag-inline: var(--profile-loading-tag-inline-base);
  --profile-confirm-action-inline: var(--profile-confirm-action-inline-base);
  --profile-inline-form-gap: var(--layout-profile-inline-form-gap);
  --profile-inline-form-padding-block: var(--layout-profile-inline-form-padding-block);
  --profile-inline-form-padding-inline: var(--layout-profile-inline-form-padding-inline);
  --profile-inline-field-column-gap: var(--adaptive-base-gap);
  --profile-schedule-padding-block: var(--layout-profile-schedule-padding-block);
  --profile-schedule-padding-inline: var(--layout-profile-schedule-padding-inline);
  --profile-schedule-radius: var(--radius-profile-schedule);
  --profile-goals-scale: 1.1;
  --profile-goals-inline-size: min(100%, calc(100% / var(--profile-goals-scale)));
  --profile-stack-inline: var(--container-stage-local);
  --profile-fallback-inline: var(--container-profile-fallback);
  --profile-settings-inline: var(--container-profile-settings);
  --profile-settings-compact-inline: var(--container-form-narrow-local);
  --profile-actions-inline: var(--container-profile-actions);
  --profile-actions-compact-inline: var(--container-form-compact-local);
  --profile-actions-centered-inline: var(--container-profile-actions-centered);
  --profile-tags-inline: var(--copy-width);
  --profile-tags-many-inline: var(--container-profile-tags-many);
  --profile-tags-phone-inline: var(--container-profile-tags-phone);
  --profile-tags-split-inline: var(--container-profile-tags-split);
  --profile-tags-split-many-inline: var(--container-profile-tags-split-many);
  --profile-split-safe-inline: var(--container-profile-split-safe-inline);
  --profile-split-inline: var(--container-profile-split);
  --profile-split-centered-inline: var(--container-profile-split-centered);
  --profile-stack-divider-gap: clamp(4.5rem, calc(var(--fluid-block) * 9.5), 6.75rem);
  --profile-stack-divider-inline: min(19rem, calc(100% - var(--shell-gutter) * 4));

  position: absolute;
  inset: 0;
  z-index: 2;
  container-type: size;
  container-name: adaptive-surface;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  width: 100%;
  height: var(--viewport-height);
  min-height: var(--viewport-height);
  padding-inline: var(--panel-safe-gutter-start) var(--panel-safe-gutter-end);
  background: transparent;
  pointer-events: none;
}

.participant-shell--profile .profile-panel-scroll {
  grid-row: 1;
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: none;
  margin: 0 auto;
  padding-block: max(var(--safe-area-top), clamp(1rem, calc(var(--fluid-block) * 3.6), 2.4rem))
    max(var(--safe-area-bottom), clamp(0.8rem, calc(var(--fluid-block) * 2.6), 1.8rem));
  overflow-y: auto;
  pointer-events: none;
}

.participant-shell--profile > .panel-footer {
  display: contents;
  margin: 0;
  padding: 0;
  min-height: 0;
  pointer-events: none;
}

.participant-shell--profile > .panel-footer > .panel-back {
  pointer-events: auto;
}

.participant-shell--profile .panel-spacer {
  display: none;
}

.profile-screen-stack {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
  justify-items: center;
  align-content: stretch;
  width: var(--profile-stack-inline);
  height: 100%;
  min-height: 0;
  max-height: 100%;
  pointer-events: auto;
  text-align: center;
}

.profile-screen-main {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-row: 2 / span 2;
  justify-items: center;
  gap: var(--profile-main-gap);
  pointer-events: auto;
}

.profile-screen-main::before {
  content: none;
}

.profile-fallback-heading {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: var(--space-2);
  width: var(--profile-fallback-inline);
}

.profile-fallback-heading .stage-phrase-title {
  margin: 0;
  font-size: var(--type-title-small);
  letter-spacing: var(--tracking-none);
}

.profile-settings-section {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: var(--profile-section-gap);
  width: var(--profile-settings-inline);
  min-height: 0;
  pointer-events: auto;
}

.profile-settings-heading {
  margin: 0;
  color: var(--text);
  font-size: var(--profile-heading-size);
  font-weight: 600;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-none);
}

.profile-actions-area {
  position: relative;
  z-index: 1;
  width: var(--profile-actions-inline);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--profile-cluster-gap);
}

.profile-actions-area > .panel-notice {
  flex-basis: 100%;
}

.profile-actions-area > .profile-telegram-status-error {
  flex-basis: 100%;
}

.profile-screen-main--centered {
  align-self: center;
}

.profile-actions-area--centered {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: center;
  width: var(--profile-actions-centered-inline);
  min-height: var(--centered-actions-min-block);
}

.profile-telegram-confirm {
  display: grid;
  justify-items: center;
  gap: var(--profile-section-gap);
  width: var(--profile-actions-centered-inline);
  text-align: center;
}

.profile-telegram-confirm-copy {
  display: grid;
  justify-items: center;
  gap: var(--profile-cluster-gap);
}

.profile-telegram-confirm h2 {
  margin: 0;
  color: var(--text);
  font-size: var(--profile-title-size);
  font-weight: 600;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-none);
  text-wrap: balance;
}

.profile-telegram-confirm p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--profile-copy-size);
  line-height: var(--lh-relaxed);
  text-wrap: balance;
}

.profile-telegram-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--profile-cluster-gap);
}

.profile-telegram-confirm-actions .profile-action-button {
  min-width: var(--profile-confirm-action-inline);
}

.telegram-prompt .profile-action-button.telegram-prompt-action {
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: var(--telegram-prompt-action-min-height, var(--app-button-min-height, var(--profile-chip-min-height)));
  padding: var(--button-padding-block, var(--profile-chip-padding-block))
    var(--telegram-prompt-action-padding-inline, var(--profile-chip-padding-inline));
  border: var(--app-divider-width, var(--divider-width)) solid rgba(255, 255, 255, 0.42);
  border-radius: var(--adaptive-button-radius, var(--app-radius-pill));
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--button-font-size, var(--profile-chip-font-size));
  font-weight: 650;
  line-height: var(--leading-solid);
  white-space: normal;
  text-wrap: balance;
}

.telegram-prompt .profile-action-button.telegram-prompt-action:hover,
.telegram-prompt .profile-action-button.telegram-prompt-action:focus-visible {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.98);
}

.telegram-prompt .profile-action-button.telegram-prompt-action span {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.profile-notification-preferences {
  display: grid;
  gap: var(--profile-cluster-gap);
  width: min(100%, var(--profile-actions-centered-inline));
}

.profile-notification-preferences-title {
  margin: 0;
  color: var(--text);
  font-size: var(--profile-title-size);
  font-weight: 600;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-none);
  text-wrap: balance;
}

.profile-notification-preferences-copy {
  margin: 0;
}

.profile-notification-preferences-list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.profile-notification-preferences-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--profile-copy-size);
  line-height: var(--lh-relaxed);
  cursor: pointer;
}

.profile-notification-preferences-item input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.125rem 0 0;
  accent-color: var(--accent);
  cursor: pointer;
}

.profile-notification-preferences-item input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.profile-goals-stage {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--profile-section-gap);
  width: var(--profile-goals-inline-size);
  padding: 0;
  pointer-events: auto;
  text-align: center;
  transform: scale(var(--profile-goals-scale));
  transform-origin: center top;
}

.profile-goals-heading {
  display: grid;
  justify-items: center;
  gap: var(--profile-cluster-gap);
}

.profile-goals-heading h1 {
  margin: 0;
  color: var(--text);
  font-size: var(--profile-heading-size);
  font-weight: 600;
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-none);
}

.profile-goals-subtitle {
  margin: 0;
  font-size: var(--profile-detail-size);
  line-height: var(--lh-snug);
}

.profile-goals-tags {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--profile-cluster-gap);
  width: var(--profile-tags-inline);
  pointer-events: auto;
}

.profile-goals-tags[data-goal-density="many"] {
  width: var(--profile-tags-many-inline);
}

.profile-goal-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--profile-chip-min-height);
  padding: var(--profile-chip-padding-block) var(--profile-chip-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.34);
  border-radius: var(--radius-pill);
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font-size: var(--profile-chip-font-size);
  font-weight: 450;
  line-height: var(--leading-tight);
  text-decoration: none;
  transition:
    border-color var(--dur) var(--ease),
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease);
}

.profile-goal-tag--action {
  color: var(--text);
}

.profile-goal-tag--action:hover {
  border-color: rgba(255, 255, 255, 0.72);
  background: transparent;
}

.profile-goal-tag--loading {
  min-width: var(--profile-loading-tag-inline);
  color: transparent;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.18);
  pointer-events: none;
  user-select: none;
}

.profile-stack {
  display: contents;
  width: auto;
}

.profile-row {
  display: grid;
  justify-items: center;
  align-items: center;
  width: auto;
  padding: 0;
  border: 0;
  text-align: center;
}

.profile-row--single {
  min-height: 0;
}

.profile-row--email {
  min-height: 0;
}

.profile-stack > .profile-row:last-child {
  border-bottom: 0;
}

.profile-label {
  grid-area: label;
  font-size: var(--profile-label-size);
  font-weight: 500;
  letter-spacing: var(--tracking-label-wide);
  line-height: var(--lh-snug);
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 0;
}

.profile-value {
  grid-area: value;
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.profile-value--line {
  align-items: center;
}

.profile-value p {
  margin: 0;
  color: var(--text-soft);
  font-size: var(--profile-copy-size);
  line-height: var(--lh-relaxed);
  text-wrap: pretty;
}

.profile-value--line p {
  color: var(--text-soft);
  line-height: var(--lh-snug);
  overflow-wrap: anywhere;
}

.profile-value strong {
  color: var(--text);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.profile-row-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  align-self: center;
  justify-self: end;
}

.profile-row--stacked {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "label"
    "value";
}

.profile-row--stacked .profile-row-actions {
  display: none;
}

.profile-action-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--layout-control-gap);
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  min-height: var(--profile-chip-min-height);
  padding: var(--profile-chip-padding-block) var(--profile-chip-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.34);
  border-radius: var(--radius-pill);
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  font: inherit;
  font-size: var(--profile-chip-font-size);
  font-weight: 450;
  line-height: var(--leading-tight);
  text-align: center;
  white-space: nowrap;
  text-wrap: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition:
    border-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.profile-action-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}

.profile-action-button svg {
  flex: 0 0 auto;
  width: var(--profile-chip-icon-size);
  height: var(--profile-chip-icon-size);
  display: block;
  fill: currentColor;
  opacity: 0.82;
}

.profile-action-button .profile-edit-icon {
  width: var(--adaptive-icon-size);
  height: var(--adaptive-icon-size);
}

.profile-action-button:hover,
.profile-action-button:focus-visible {
  color: var(--text);
  border-color: rgba(255, 255, 255, 0.72);
  background: transparent;
  outline: 0;
}

.profile-action-button:active {
  transform: scale(0.985);
}

.profile-action-button[aria-disabled="true"],
.profile-action-button:disabled {
  cursor: default;
  color: rgba(255, 255, 255, 0.62);
}

.profile-action-button:disabled {
  opacity: 0.78;
}

.profile-action-button--loading {
  color: transparent;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.18);
  pointer-events: none;
  user-select: none;
}

.profile-action-button--loading.profile-action-button--email {
  min-width: var(--container-profile-loading-email);
}

.profile-action-button--loading.profile-action-button--access {
  min-width: var(--container-profile-loading-access);
}

.profile-action-button--loading svg {
  opacity: 0;
}

.profile-action-button .spokes {
  width: var(--profile-loader-size);
  height: var(--profile-loader-size);
}

.profile-row[data-group-schedule] {
  display: grid;
  flex-basis: 100%;
  gap: var(--profile-micro-gap);
  padding: var(--profile-schedule-padding-block) var(--profile-schedule-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.18);
  border-radius: var(--profile-schedule-radius);
  color: var(--text-soft);
}

.profile-link {
  appearance: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: var(--profile-link-size);
  font-weight: 500;
  letter-spacing: var(--tracking-body);
  line-height: var(--leading-snug);
  min-height: auto;
  cursor: pointer;
  transition:
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease);
}

.profile-link:hover {
  opacity: 0.72;
}
.profile-link:active {
  opacity: 0.6;
}

.profile-link--muted {
  color: var(--text-muted);
}

.profile-link--muted:hover {
  color: var(--text);
  opacity: 1;
}

.profile-icon-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--profile-icon-button-size);
  height: var(--profile-icon-button-size);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  text-decoration: none;
  transition:
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.profile-icon-button svg,
.profile-message-link svg,
.panel-back svg {
  width: var(--adaptive-icon-size);
  height: var(--adaptive-icon-size);
  display: block;
  fill: currentColor;
}

.profile-icon-button:hover,
.profile-icon-button:focus-visible {
  color: var(--text);
  opacity: 0.84;
}

.profile-icon-button:active {
  transform: scale(0.94);
}

.profile-logout-control {
  position: absolute;
  top: max(var(--safe-area-top), var(--space-3));
  right: max(var(--safe-area-right), var(--space-3));
  z-index: 2;
}

.profile-logout-control.spokes,
.profile-logout-control .spokes {
  width: var(--profile-loader-size);
  height: var(--profile-loader-size);
}

.profile-message-link {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-control-gap);
  width: fit-content;
  color: var(--text-soft);
  font-size: var(--profile-link-size);
  font-weight: 500;
  line-height: var(--lh-snug);
  text-decoration: none;
  transition:
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease);
}

.profile-message-link:hover {
  color: var(--text);
  opacity: 0.84;
}

.profile-inline-form {
  position: relative;
  display: grid;
  width: var(--container-profile-inline-form);
  margin: 0;
  margin-inline: auto;
  padding: var(--profile-inline-form-padding-block) var(--profile-inline-form-padding-inline);
  gap: var(--profile-inline-form-gap);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.26);
  border-radius: var(--radius-pill);
  background: transparent;
}

.profile-inline-form[data-step="code"] {
  width: fit-content;
  max-width: 100%;
  justify-items: center;
}

.profile-inline-field {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  column-gap: var(--profile-inline-field-column-gap);
  width: 100%;
}

.profile-inline-form[data-step="code"] .profile-inline-field {
  grid-template-columns: auto var(--profile-icon-button-size);
  width: auto;
}

.profile-inline-form:focus-within {
  border-color: rgba(255, 255, 255, 0.42);
}

.profile-inline-field input {
  appearance: none;
  -webkit-appearance: none;
  width: auto;
  max-width: 100%;
  min-height: var(--profile-chip-min-height);
  padding-block: var(--profile-chip-padding-block);
  border: 0;
  border-bottom: var(--form-field-border-width) solid var(--form-field-border-color);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--form-field-text-color);
  field-sizing: content;
  font-size: var(--profile-chip-font-size);
  font-weight: var(--form-field-font-weight);
  line-height: var(--leading-tight);
  text-align: center;
  outline: 0;
}

.profile-inline-field input::placeholder {
  color: var(--form-field-text-color);
  font-weight: var(--form-field-font-weight);
  text-align: center;
}

.profile-inline-field input[data-e2e="profile-email-change-code"]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.profile-inline-form[data-step="code"] .profile-inline-field input {
  width: auto;
}

.profile-inline-field input:focus {
  outline: 0;
  border-bottom-color: var(--form-field-border-color-focus);
}

.profile-inline-field .spokes {
  width: var(--profile-loader-size);
  height: var(--profile-loader-size);
  justify-self: center;
}

.profile-email-change-notice {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--profile-meta-size);
  line-height: var(--lh-snug);
}

.profile-email-change-notice span {
  display: inline;
}

.profile-email-change-notice span + span::before {
  content: " · ";
}

.profile-inline-form .otp-resend-confirm {
  appearance: none;
  justify-self: center;
  min-height: var(--profile-chip-min-height);
  width: auto;
  padding: var(--profile-chip-padding-block) var(--profile-chip-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.68);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text);
  box-shadow: none;
  font-size: var(--profile-meta-size);
  font-weight: 500;
  line-height: var(--lh-snug);
  letter-spacing: var(--tracking-none);
}

.profile-inline-form .otp-resend-confirm:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.88);
  background: transparent;
  color: var(--text);
}

.profile-deadlines {
  display: grid;
  gap: var(--profile-cluster-gap);
  width: 100%;
  padding-top: var(--space-2);
}

.profile-deadline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title date"
    "state state";
  column-gap: var(--space-3);
  row-gap: var(--profile-micro-gap);
  align-items: baseline;
}

.profile-deadline-title {
  grid-area: title;
  color: var(--text);
  font-size: var(--profile-deadline-title-size);
  font-weight: 500;
  letter-spacing: var(--tracking-body);
  margin: 0;
}

.profile-deadline-date {
  grid-area: date;
  color: var(--text-muted);
  font-size: var(--profile-deadline-detail-size);
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.profile-deadline-state {
  grid-area: state;
  color: var(--text-faint);
  font-size: var(--profile-deadline-detail-size);
  line-height: var(--lh-snug);
  margin: 0;
}

@container adaptive-surface (max-width: 34rem) {
  .profile-panel {
    --profile-main-gap: var(--layout-profile-main-gap-compact);
    --profile-section-gap: var(--layout-profile-section-gap-compact);
    --profile-cluster-gap: var(--layout-profile-cluster-gap-compact);
    --profile-chip-min-height: var(--chip-min-height-compact);
    --profile-chip-padding-block: var(--chip-padding-block-compact);
    --profile-chip-padding-inline: var(--chip-padding-inline-compact);
    --profile-copy-size: var(--adaptive-compact-copy-size);
    --profile-detail-size: var(--adaptive-compact-detail-size);
    --profile-meta-size: calc(var(--adaptive-compact-detail-size) * 0.86);
    --profile-label-size: calc(var(--adaptive-compact-detail-size) * 0.82);
    --profile-link-size: var(--adaptive-compact-copy-size);
    --profile-deadline-title-size: var(--adaptive-compact-copy-size);
    --profile-deadline-detail-size: var(--adaptive-compact-detail-size);
  }
}

@container adaptive-surface (min-width: 58rem) {
  .profile-panel {
    --profile-main-gap: var(--layout-profile-main-gap-wide);
    --profile-section-gap: var(--layout-profile-section-gap-wide);
  }
}

/* @lifeos-css-tier extended:end profile */

/* @lifeos-css-tier extended:start messages */
/* ==========================================================================
   Messages — полноэкранный чат без сцены
   ========================================================================== */

.sr-only {
  position: absolute;
  width: var(--visually-hidden-size);
  height: var(--visually-hidden-size);
  padding: 0;
  margin: var(--visually-hidden-offset);
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.messages-shell {
  --messages-inline-max: var(--container-panel);
  --messages-bubble-side-reserve: calc(var(--adaptive-base-gap) * 5);
  --messages-bubble-max-inline: min(34rem, calc(100% - var(--messages-bubble-side-reserve)));
  --messages-system-max-inline: var(--container-messages-system);
  --messages-media-inline: var(--container-messages-media);
  --messages-media-inline-single: var(--container-messages-media-single);
  --messages-media-max-block: var(--messages-media-max-block-base);
  --messages-header-gap: var(--layout-messages-header-gap);
  --messages-header-padding-block: var(--layout-messages-header-padding-block);
  --messages-feed-padding-block: var(--layout-messages-feed-padding-block);
  --messages-feed-gap: var(--layout-messages-feed-gap);
  --messages-item-gap: var(--layout-messages-item-gap);
  --messages-bubble-padding-block: calc(var(--adaptive-base-gap) * 0.95);
  --messages-bubble-padding-inline: calc(var(--adaptive-base-gap) * 1.15);
  --messages-bubble-padding-bottom: calc(var(--adaptive-base-gap) * 0.72);
  --messages-caption-gap: calc(var(--adaptive-base-gap) * 0.55);
  --messages-caption-padding-block: calc(var(--adaptive-base-gap) * 1.05);
  --messages-caption-padding-inline: calc(var(--adaptive-base-gap) * 1.25);
  --messages-meta-gap: calc(var(--adaptive-base-gap) * 0.42);
  --messages-meta-min-height: calc(var(--type-tiny) * var(--leading-caption));
  --messages-status-icon-size: var(--control-icon-size-sm);
  --messages-action-gap: var(--layout-control-gap);
  --messages-action-size: var(--interactive-icon-hit-size-compact);
  --messages-action-icon-size: var(--control-icon-size-sm);
  --messages-action-visual-size: max(
    var(--messages-action-icon-size),
    calc(var(--adaptive-icon-size) * 1.35)
  );
  --messages-action-hit-outset: max(
    0px,
    calc((var(--messages-action-size) - var(--messages-action-visual-size)) / 2)
  );
  --messages-action-outside-gap: max(0px, calc(var(--messages-meta-gap) * 0.25));
  --messages-delete-panel-gap: calc(var(--layout-control-gap) * 0.72);
  --messages-delete-button-min-height: var(--button-compact-min-height);
  --messages-delete-button-padding-block: calc(var(--button-padding-block) * 0.72);
  --messages-delete-button-padding-inline: var(--button-compact-padding-inline);
  --messages-edit-action-size: var(--interactive-icon-hit-size-compact);
  --messages-composer-padding-block: calc(var(--layout-base-gap) * 0.75);
  --messages-composer-padding-inline: calc(var(--layout-base-gap) * 0.75);
  --messages-composer-control-size: max(var(--control-sm), var(--button-min-height));
  --messages-composer-icon-column: calc(var(--messages-composer-control-size) * 0.82);
  --messages-feed-shortcut-column: calc(var(--messages-composer-control-size) * 2.15);
  --messages-composer-safe-bottom: calc(var(--safe-area-bottom) + var(--layout-base-gap) * 7.65);
  --messages-composer-textarea-padding-block: calc(var(--adaptive-base-gap) * 0.92);
  --messages-composer-textarea-padding-inline: calc(var(--adaptive-base-gap) * 0.45);
  --messages-composer-textarea-max-block: var(--messages-composer-textarea-max-block-base);
  --messages-selected-photo-min: calc(var(--messages-composer-control-size) * 1.35);
  --messages-selected-photo-max: calc(var(--messages-composer-control-size) * 1.88);
  --messages-selected-photo-remove-size: var(--interactive-icon-hit-size-compact);
  --messages-title-size: var(--adaptive-copy-size);
  --messages-eyebrow-size: calc(var(--adaptive-detail-size) * 0.82);
  --messages-day-size: var(--adaptive-detail-size);
  --messages-day-chip-size: calc(var(--messages-day-size) * 0.52);
  --messages-day-chip-min-height: calc(var(--button-compact-min-height) * 0.52);
  --messages-day-chip-padding-block: calc(var(--messages-delete-button-padding-block) * 0.42);
  --messages-day-chip-padding-inline: calc(var(--button-compact-padding-inline) * 0.52);
  --messages-empty-size: var(--adaptive-copy-size);
  --messages-target-size: var(--adaptive-detail-size);
  --messages-meta-size: calc(var(--adaptive-detail-size) * 0.86);
  --messages-body-size: var(--adaptive-copy-size);
  --messages-attachment-copy-size: var(--adaptive-detail-size);
  --messages-action-font-size: var(--button-compact-font-size);
  --messages-edit-textarea-size: var(--adaptive-copy-size);
  --messages-system-size: var(--adaptive-detail-size);
  --messages-composer-copy-size: max(1rem, var(--adaptive-copy-size));
  --messages-notice-size: var(--adaptive-detail-size);
  --messages-bubble-border: rgba(255, 255, 255, 0.34);
  --messages-bubble-border-partner: rgba(255, 255, 255, 0.37);
  --messages-bubble-border-own: rgba(76, 154, 255, 0.45);
  --messages-meta-color: rgba(255, 255, 255, 0.48);
  --messages-meta-edited-color: rgba(255, 255, 255, 0.42);
  --messages-delivery-color: rgba(255, 255, 255, 0.5);
  --messages-delivery-sending-color: rgba(255, 255, 255, 0.4);
  --messages-delivery-failed-bg: rgba(255, 79, 67, 0.18);
  --messages-delivery-failed-color: rgba(255, 107, 97, 0.96);
  --messages-delivery-read-color: rgba(76, 154, 255, 0.98);
  --messages-own-text-color: rgba(255, 255, 255, 0.96);
  --messages-own-meta-color: rgba(255, 255, 255, 0.66);
  --messages-action-border: rgba(255, 255, 255, 0.12);
  --messages-action-bg: rgba(255, 255, 255, 0.035);
  --messages-action-bg-hover: rgba(255, 255, 255, 0.075);
  --messages-action-color: rgba(255, 255, 255, 0.58);
  --messages-action-hover-color: rgba(255, 255, 255, 0.82);
  --messages-icon-action-color: rgba(255, 255, 255, 0.34);
  --messages-icon-action-hover-color: rgba(255, 255, 255, 0.74);
  --messages-danger-color: rgba(255, 115, 105, 0.92);
  --messages-danger-border: rgba(255, 115, 105, 0.34);
  --messages-danger-strong-color: rgba(255, 115, 105, 0.94);
  --messages-danger-hover-color: rgb(255, 141, 132);
  --messages-delete-panel-border: var(--hairline, rgba(255, 255, 255, 0.24));
  --messages-delete-panel-text: rgba(255, 255, 255, 0.82);
  --messages-delete-button-border: rgba(255, 255, 255, 0.14);
  --messages-delete-button-color: rgba(255, 255, 255, 0.72);
  --messages-edit-save-color: rgba(76, 154, 255, 0.96);
  --messages-edit-save-hover-color: rgb(100, 176, 255);
  --messages-system-bg: rgba(11, 13, 18, 0.42);
  --messages-composer-border: rgba(255, 255, 255, 0.5);
  --messages-composer-border-focus: rgba(255, 255, 255, 0.64);
  --messages-composer-ring: rgba(255, 255, 255, 0.18);
  --messages-composer-ring-focus: rgba(255, 255, 255, 0.26);
  --messages-control-muted-color: rgba(255, 255, 255, 0.54);
  --messages-control-back-color: rgba(255, 255, 255, 0.72);
  --messages-control-primary-color: rgba(255, 255, 255, 0.86);
  --messages-control-hover-color: rgba(255, 255, 255, 0.96);
  --messages-feed-shortcut-color: rgba(255, 255, 255, 0.78);
  --messages-send-color: #55e6d3;
  --messages-send-hover-color: #7ff7e8;
  --messages-selected-photo-bg: rgba(255, 255, 255, 0.06);
  --messages-selected-photo-remove-bg: rgba(0, 0, 0, 0.62);
  --messages-telegram-color: rgb(42, 171, 238);
  --messages-telegram-text-color: rgb(93, 205, 255);
  --messages-telegram-bg: rgba(42, 171, 238, 0.11);
  --messages-telegram-bg-hover: rgba(42, 171, 238, 0.17);
  --messages-forward-accent-border: rgba(85, 230, 211, 0.46);
  --messages-forward-accent-bg: rgba(85, 230, 211, 0.08);

  position: relative;
  container-type: size;
  container-name: adaptive-surface;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: var(--viewport-height);
  height: var(--viewport-height);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: transparent;
  color: var(--text);
}

.messages-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--messages-header-gap);
  padding: var(--messages-header-padding-block) var(--shell-gutter);
  border-bottom: var(--divider-width) solid var(--hairline);
  background: transparent;
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
}

.messages-header-spacer {
  width: max(var(--back-control-size), var(--touch-target-min-size));
  height: max(var(--back-control-size), var(--touch-target-min-size));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  color: var(--text);
  transition:
    color var(--dur) var(--ease),
    background-color var(--dur) var(--ease);
}

.messages-header-copy {
  display: grid;
  gap: var(--messages-meta-gap);
  text-align: center;
  min-width: 0;
}

.messages-title {
  color: var(--text-soft);
  font-size: var(--messages-title-size);
  font-weight: 600;
  letter-spacing: var(--tracking-none);
  line-height: var(--lh-snug);
  margin: 0;
  text-wrap: balance;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messages-header-copy .eyebrow {
  font-size: var(--messages-eyebrow-size);
  color: rgba(255, 255, 255, 0.36);
}

.messages-feed {
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior-y: contain;
  min-width: 0;
  padding: var(--messages-feed-padding-block) var(--shell-gutter);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--messages-feed-gap);
  scroll-padding-bottom: var(--space-4);
  -webkit-overflow-scrolling: touch;
}

.messages-shell > .messages-feed {
  grid-row: 2;
  min-height: 0;
  max-height: 100%;
  align-self: stretch;
  overflow-y: auto;
}

.messages-feed > .messages-feed-item,
.messages-feed > .messages-empty,
.messages-feed > .messages-target-notice,
.messages-feed > .messages-day-row {
  width: 100%;
  max-width: var(--messages-inline-max);
  margin-inline: auto;
  flex-shrink: 0;
}

.messages-feed > .messages-empty {
  flex: 0 0 auto;
  min-height: 0;
  justify-content: center;
}

.messages-feed:not(:has(> .messages-feed-item)) {
  justify-content: center;
}

.messages-feed:not(:has(> .messages-feed-item)) > .messages-empty {
  flex: 0 1 auto;
  min-height: 0;
}

.messages-shell:has(.messages-composer-chrome) > .messages-feed {
  padding-bottom: calc(
    var(--messages-feed-padding-block) + var(--messages-composer-chrome-reserve, 0px)
  );
  scroll-padding-bottom: calc(var(--space-4) + var(--messages-composer-chrome-reserve, 0px));
}

.messages-composer-shell:has(.messages-composer-chrome) {
  --messages-composer-chrome-reserve: calc(
    var(--layout-base-gap) + var(--messages-day-chip-min-height) *
      var(--messages-telegram-banner-scale, 1) + var(--messages-day-chip-padding-block) * 2 *
      var(--messages-telegram-banner-scale, 1)
  );
}

.messages-telegram-banner {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: calc(var(--messages-day-chip-min-height) * var(--messages-telegram-banner-scale, 1));
  padding: calc(var(--messages-day-chip-padding-block) * var(--messages-telegram-banner-scale, 1))
    calc(var(--messages-day-chip-padding-inline) * var(--messages-telegram-banner-scale, 1));
  border: var(--divider-width) solid var(--messages-telegram-color);
  border-radius: var(--radius-pill);
  background: var(--messages-telegram-bg);
  color: var(--messages-telegram-text-color);
  cursor: pointer;
  font: inherit;
  font-size: calc(var(--messages-day-chip-size) * var(--messages-telegram-banner-scale, 1));
  font-weight: 600;
  line-height: var(--leading-solid);
  letter-spacing: var(--tracking-none);
  white-space: nowrap;
  text-align: center;
  transition:
    border-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.messages-telegram-banner:hover {
  border-color: var(--messages-telegram-text-color);
  background: var(--messages-telegram-bg-hover);
  color: var(--messages-telegram-text-color);
}

.messages-telegram-banner:active {
  transform: scale(var(--app-press-scale-subtle, 0.96));
}

.messages-feed-item {
  display: grid;
  gap: var(--messages-item-gap);
  content-visibility: auto;
  contain-intrinsic-size: auto 8rem;
}

.messages-day-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(var(--messages-meta-gap) * 1.15);
  padding-block: var(--messages-meta-gap);
}

.messages-day-action {
  display: inline-flex;
  align-items: center;
}

.messages-day-separator {
  display: flex;
  justify-content: center;
}

.messages-day-separator time {
  display: inline-flex;
  align-items: center;
  min-height: var(--messages-day-chip-min-height);
  padding: var(--messages-day-chip-padding-block) var(--messages-day-chip-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-pill);
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  font-size: var(--messages-day-chip-size);
  font-weight: 600;
  line-height: var(--leading-solid);
}

.messages-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: min(16rem, calc(var(--fluid-block) * 42));
  color: var(--text-muted);
  font-size: var(--messages-empty-size);
  text-align: center;
  flex: 1;
}

.messages-target-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: max(var(--button-min-height), var(--control-sm));
  padding: var(--button-padding-block) var(--button-padding-inline);
  border: var(--divider-width) solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  font-size: var(--messages-target-size);
  text-align: center;
}

.message-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.message-row--partner {
  align-items: flex-start;
}

.message-row--own {
  align-items: flex-end;
}

.message-row--system {
  align-items: center;
}

.message-stack {
  position: relative;
  display: grid;
  gap: var(--messages-meta-gap);
  width: fit-content;
  max-width: var(--messages-bubble-max-inline);
  min-width: 0;
}

.message-stack:focus {
  outline: 0;
}

.message-forward-select {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--messages-action-visual-size);
  width: var(--messages-action-visual-size);
  height: var(--messages-action-visual-size);
  min-height: var(--messages-action-visual-size);
  padding: 0;
  border: var(--divider-width) solid transparent;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-icon-action-color);
  cursor: pointer;
  transition:
    background-color var(--dur) var(--ease),
    border-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.message-forward-select:hover,
.message-forward-select:focus-visible {
  border-color: var(--messages-composer-border-focus);
  background: var(--messages-action-bg-hover);
  color: var(--messages-icon-action-hover-color);
  outline: 0;
}

.message-forward-select[aria-pressed="true"] {
  border-color: var(--messages-forward-accent-border);
  background: var(--messages-forward-accent-bg);
  color: var(--messages-send-color);
}

.message-forward-select:active {
  transform: scale(0.94);
}

.message-forward-select svg {
  display: block;
  width: var(--adaptive-icon-size);
  height: var(--adaptive-icon-size);
}

.message-row--partner .message-stack {
  justify-items: start;
}

.message-row--own .message-stack {
  justify-items: end;
}

.message-row--system .message-stack {
  justify-items: center;
  max-width: var(--messages-system-max-inline);
}

.message-stack--forward-selecting {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-control-gap);
  max-width: min(
    100%,
    calc(
      var(--messages-bubble-max-inline) + var(--messages-action-visual-size) +
        var(--layout-control-gap)
    )
  );
}

.message-stack--forward-selecting .message {
  min-width: 0;
}

.message-stack--forward-clickable .message {
  cursor: pointer;
}

.message {
  position: relative;
  display: grid;
  gap: var(--layout-control-gap);
  width: fit-content;
  max-width: 100%;
  padding: var(--messages-bubble-padding-block) var(--messages-bubble-padding-inline)
    var(--messages-bubble-padding-bottom);
  border: var(--divider-width) solid var(--messages-bubble-border);
  border-radius: var(--radius-field);
  background: transparent;
}

.message--with-media {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.message-media-block {
  position: relative;
  display: grid;
}

.message-caption {
  display: grid;
  gap: var(--messages-caption-gap);
  padding: var(--messages-caption-padding-block) var(--messages-caption-padding-inline)
    calc(var(--messages-caption-padding-block) * 0.75);
}

.message-forwarded-label {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: calc(var(--messages-meta-gap) * 0.75);
  min-width: 0;
  color: var(--messages-meta-color);
  font-size: var(--messages-meta-size);
  font-weight: 650;
  letter-spacing: var(--tracking-none);
  line-height: var(--leading-caption);
}

.message-forwarded-label svg {
  display: block;
  width: var(--messages-status-icon-size);
  height: var(--messages-status-icon-size);
  flex: 0 0 auto;
}

.message--with-media .message-forwarded-label {
  padding: var(--messages-caption-gap) var(--messages-caption-padding-inline) 0;
}

.message--with-media .message-forwarded-label + .message-media-block {
  margin-top: var(--messages-caption-gap);
}

.message-head {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--messages-meta-gap);
  flex-wrap: wrap;
  line-height: var(--lh-snug);
  justify-self: end;
  min-height: var(--messages-meta-min-height);
  margin-top: calc(var(--messages-meta-gap) * -0.7);
}

.message-head--media {
  position: absolute;
  top: var(--messages-caption-gap);
  right: var(--messages-caption-padding-inline);
  margin: 0;
}

.message-time {
  color: var(--messages-meta-color);
  font-size: var(--messages-meta-size);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-none);
}

.message-edited {
  color: var(--messages-meta-edited-color);
  font-size: var(--messages-meta-size);
  letter-spacing: var(--tracking-none);
}

.message-delivery {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--messages-delivery-color);
  font-size: var(--messages-meta-size);
  font-weight: 700;
  letter-spacing: var(--tracking-none);
}

.message-delivery svg {
  display: block;
  width: var(--messages-status-icon-size);
  height: var(--messages-status-icon-size);
}

.message-delivery--sending {
  color: var(--messages-delivery-sending-color);
}

.message-delivery--failed {
  display: inline-grid;
  place-items: center;
  width: var(--messages-status-icon-size);
  height: var(--messages-status-icon-size);
  border-radius: 50%;
  background: var(--messages-delivery-failed-bg);
  color: var(--messages-delivery-failed-color);
  font-size: var(--messages-meta-size);
  letter-spacing: var(--tracking-none);
}

.message-delivery--read {
  color: var(--messages-delivery-read-color);
}

.message-text {
  color: var(--text);
  font-size: var(--messages-body-size);
  line-height: var(--leading-readable);
  letter-spacing: var(--tracking-none);
  white-space: pre-wrap;
  text-wrap: pretty;
  margin: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.message-attachments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--messages-caption-gap);
  width: var(--messages-media-inline);
  max-width: 100%;
}

.message-attachments--1 {
  grid-template-columns: minmax(0, auto);
  width: fit-content;
  max-width: var(--messages-media-inline-single);
}

.message-attachments--3,
.message-attachments--5 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.message-attachment {
  display: block;
  width: 100%;
  height: auto;
  max-height: var(--messages-media-max-block);
  aspect-ratio: var(--message-attachment-aspect-ratio, auto);
  object-fit: cover;
  border-radius: 0;
  background: transparent;
}

.message-attachments--1 .message-attachment {
  width: auto;
  max-width: var(--messages-media-inline-single);
}

.message-attachment--video {
  min-height: min(7rem, calc(var(--fluid-block) * 18));
}

.message-attachment--hls {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #040404;
}

.message-attachments--1 .message-attachment--hls {
  width: min(100%, var(--messages-media-inline-single));
}

.message-attachment-hls-shell {
  position: absolute;
  inset: 0;
  z-index: auto;
  pointer-events: auto;
}

.message-attachment-hls-shell .stage-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  opacity: 1;
  pointer-events: auto;
}

.message-attachment-placeholder {
  display: grid;
  place-items: center;
  min-height: min(7rem, calc(var(--fluid-block) * 18));
  aspect-ratio: var(--message-attachment-aspect-ratio, auto);
  padding: var(--messages-bubble-padding-inline);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-muted);
  font-size: var(--messages-attachment-copy-size);
  text-align: center;
}

.spokes--attachment {
  --spokes-size: 0.95rem;
  --spokes-ring: 30%;
}

.message-attachment-loader {
  vertical-align: -0.12em;
}

.message-attachment-placeholder--failed {
  color: rgba(255, 126, 116, 0.92);
  background: transparent;
}

.message-attachment-retry {
  display: inline-grid;
  justify-items: center;
  gap: var(--messages-caption-gap);
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: var(--leading-caption);
  text-align: center;
  cursor: pointer;
}

.message-attachment-retry span {
  color: var(--text-soft);
  font-size: var(--messages-attachment-copy-size);
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.message-attachment-file {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--messages-caption-gap) var(--layout-control-gap);
  width: min(100%, var(--messages-media-inline-single));
  padding: var(--messages-bubble-padding-inline);
  border: var(--divider-width) solid var(--messages-composer-border);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.055);
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.message-attachment-file .google-icon {
  grid-row: span 2;
  width: var(--control-icon-size);
  height: var(--control-icon-size);
  color: var(--text-soft);
}

.message-attachment-file span {
  min-width: 0;
  overflow: hidden;
  font-size: var(--messages-attachment-copy-size);
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-attachment-file small {
  color: var(--text-muted);
  font-size: var(--messages-attachment-copy-size);
  line-height: var(--leading-caption);
}

.message--partner {
  background: transparent;
  border-color: var(--messages-bubble-border-partner);
}

.message--own {
  background: transparent;
  border-color: var(--messages-bubble-border-own);
}

.message--forward-selected {
  border-color: var(--messages-forward-accent-border);
}

.message--own .message-text,
.message--own .message-time,
.message--own .message-edited,
.message--own .message-delivery {
  color: inherit;
}

.message--own .message-text {
  color: var(--messages-own-text-color);
}

.message--own .message-time,
.message--own .message-edited,
.message--own .message-delivery,
.message--own .message-forwarded-label {
  color: var(--messages-own-meta-color);
}

.message--own .message-delivery--read {
  color: var(--messages-delivery-read-color);
}

.message-actions {
  display: inline-flex;
  gap: var(--messages-action-gap);
  flex-wrap: wrap;
  align-items: center;
}

.message-actions--outside {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(100% + var(--messages-meta-gap));
  flex-direction: column;
  gap: var(--messages-action-outside-gap);
  padding-inline: calc(var(--messages-meta-gap) * 0.8);
  opacity: 0;
  pointer-events: none;
  transform: translate(calc(var(--messages-meta-gap) * -0.8), -50%);
  transition:
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.message-row:hover .message-actions--outside,
.message-row:focus-within .message-actions--outside {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
}

@media (hover: none) and (pointer: fine) {
  .message-actions--outside {
    opacity: 0.72;
    pointer-events: auto;
    transform: translate(0, -50%);
  }
}

@media (hover: none), (pointer: coarse) {
  .message-actions--outside {
    position: static;
    justify-self: end;
    flex-direction: row;
    max-height: 0;
    padding-inline: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: none;
    transition:
      max-height var(--dur) var(--ease),
      opacity var(--dur) var(--ease);
  }

  .message-stack--actions-open .message-actions--outside,
  .message-stack:focus-within .message-actions--outside {
    max-height: calc(var(--messages-action-size) + var(--messages-meta-gap) * 2);
    opacity: 1;
    pointer-events: auto;
  }
}

.message-actions button {
  appearance: none;
  border: var(--divider-width) solid var(--messages-action-border);
  border-radius: var(--radius-pill);
  background: var(--messages-action-bg);
  color: var(--messages-action-color);
  cursor: pointer;
  font-size: var(--messages-action-font-size);
  font-weight: 500;
  letter-spacing: var(--tracking-none);
  line-height: var(--leading-solid);
  padding: var(--messages-delete-button-padding-block) var(--messages-delete-button-padding-inline);
  min-height: var(--messages-delete-button-min-height);
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.message-actions button:hover:not(:disabled) {
  background: var(--messages-action-bg-hover);
  color: var(--messages-action-hover-color);
}
.message-actions button:active:not(:disabled) {
  transform: scale(0.97);
}
.message-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.44;
}

.message-actions .message-icon-button {
  position: relative;
  display: inline-flex;
  flex: 0 0 var(--messages-action-visual-size);
  align-items: center;
  justify-content: center;
  width: var(--messages-action-visual-size);
  height: var(--messages-action-visual-size);
  min-height: var(--messages-action-visual-size);
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: var(--messages-icon-action-color);
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}

.message-actions .message-icon-button::before {
  content: "";
  position: absolute;
  inset: calc(var(--messages-action-hit-outset) * -1);
  border-radius: var(--radius-pill);
}

.message-actions .message-icon-button:hover:not(:disabled),
.message-actions .message-icon-button:focus-visible:not(:disabled) {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--messages-icon-action-hover-color);
  outline: 0;
}

.message-actions .message-icon-button--danger:hover:not(:disabled),
.message-actions .message-icon-button--danger:focus-visible:not(:disabled) {
  color: var(--messages-danger-color);
}

.message-icon-button svg {
  display: block;
}

.message-edit-open-icon,
.message-delete-icon,
.message-forward-icon {
  width: var(--adaptive-icon-size);
  height: var(--adaptive-icon-size);
}

.message-delete-confirm {
  position: absolute;
  top: 50%;
  left: calc(100% + var(--layout-control-gap));
  z-index: 2;
  display: grid;
  gap: var(--messages-delete-panel-gap);
  width: max-content;
  max-width: var(--container-messages-delete-panel);
  padding: var(--messages-delete-button-padding-block) var(--messages-delete-button-padding-inline);
  border: var(--divider-width) solid var(--messages-delete-panel-border);
  border-radius: var(--radius-xs);
  background: transparent;
  color: var(--text);
  transform: translateY(-50%);
}

.message-delete-confirm p {
  margin: 0;
  color: var(--messages-delete-panel-text);
  font-size: var(--adaptive-detail-size);
  font-weight: 560;
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-none);
}

.message-delete-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--messages-meta-gap);
}

.message-delete-confirm-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--messages-delete-button-min-height);
  min-width: 0;
  padding: var(--messages-delete-button-padding-block) var(--messages-delete-button-padding-inline);
  border: var(--divider-width) solid var(--messages-delete-button-border);
  border-radius: var(--button-radius);
  background: var(--button-bg);
  color: var(--messages-delete-button-color);
  cursor: pointer;
  font-size: var(--button-compact-font-size);
  font-weight: 540;
  line-height: var(--button-line-height);
  letter-spacing: var(--tracking-none);
  transition: var(--button-transition);
}

.message-delete-confirm-button--danger {
  border-color: var(--messages-danger-border);
  color: var(--messages-danger-strong-color);
}

.message-delete-confirm-button:hover:not(:disabled),
.message-delete-confirm-button:focus-visible:not(:disabled) {
  outline: 0;
  color: var(--text);
}

.message-delete-confirm-button--danger:hover:not(:disabled),
.message-delete-confirm-button--danger:focus-visible:not(:disabled) {
  color: var(--messages-danger-hover-color);
}

@media (hover: none), (pointer: coarse) {
  .message-delete-confirm {
    position: static;
    justify-self: end;
    width: min(var(--container-messages-delete-panel), 100%);
    max-width: 100%;
    box-sizing: border-box;
    transform: none;
  }
}

.message-edit-form {
  position: static;
  display: block;
}

.message-edit-form textarea {
  width: var(--container-messages-edit);
  max-width: 100%;
  min-height: min(5rem, calc(var(--fluid-block) * 14));
  padding: var(--messages-bubble-padding-block)
    calc(var(--messages-action-size) * 2.2 + var(--messages-caption-gap))
    var(--messages-bubble-padding-block) var(--messages-bubble-padding-inline);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  font-size: var(--messages-edit-textarea-size);
  line-height: var(--lh-base);
  resize: vertical;
}

.message-edit-form textarea:focus {
  outline: 0;
}

.message-edit-actions {
  position: absolute;
  right: var(--messages-meta-gap);
  top: calc(var(--messages-meta-gap) * -1.2);
  display: inline-flex;
  align-items: center;
  gap: var(--messages-meta-gap);
}

.message-edit-icon-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--messages-edit-action-size);
  height: var(--messages-edit-action-size);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-icon-action-hover-color);
  cursor: pointer;
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.message-edit-icon-button--save {
  color: var(--messages-edit-save-color);
}

.message-edit-icon-button:hover:not(:disabled),
.message-edit-icon-button:focus-visible:not(:disabled) {
  background: transparent;
  color: var(--text);
  outline: 0;
}

.message-edit-icon-button--save:hover:not(:disabled),
.message-edit-icon-button--save:focus-visible:not(:disabled) {
  color: var(--messages-edit-save-hover-color);
}

.message-edit-icon-button:active:not(:disabled) {
  transform: scale(0.94);
}

.message-edit-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.message-edit-icon-button svg {
  display: block;
  width: var(--messages-action-icon-size);
  height: var(--messages-action-icon-size);
}

.message-edit-icon-button--save svg {
  transform: translateY(calc(var(--messages-meta-gap) * -0.16));
}

.message--system {
  background: var(--messages-system-bg);
  max-width: 100%;
  padding: var(--messages-delete-button-padding-block) var(--messages-bubble-padding-inline);
  text-align: center;
  border: var(--divider-width) solid var(--hairline);
  border-radius: var(--radius-pill);
}

.message--system .message-head {
  justify-content: center;
  width: 100%;
}

.message--system .message-text {
  color: var(--text-soft);
  font-size: var(--messages-system-size);
}

.messages-composer-shell {
  --messages-composer-border-width: var(--line-width-hair);
  --messages-composer-control-height: calc(
    var(--messages-composer-control-size) + var(--messages-composer-padding-block) * 2 +
      var(--messages-composer-border-width) * 2
  );

  display: grid;
  gap: 0;
  min-width: 0;
  background: transparent;
  overflow: visible;
}

:is(.messages-shell > .messages-composer-shell, .feed-comments-composer) {
  position: relative;
  align-self: stretch;
  z-index: var(--z-fixed);
  padding-block: 0 var(--messages-composer-safe-bottom);
  padding-inline: var(--panel-safe-gutter-start) var(--panel-safe-gutter-end);
}

.messages-composer-chrome {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + var(--layout-base-gap));
  display: grid;
  gap: var(--layout-base-gap);
  padding-inline: var(--panel-safe-gutter-start) var(--panel-safe-gutter-end);
  box-sizing: border-box;
  pointer-events: none;
}

.messages-composer-chrome > * {
  pointer-events: auto;
  width: min(100%, var(--messages-inline-max));
  margin-inline: auto;
}

.messages-shell > .messages-composer-shell {
  grid-row: 3;
}

.messages-composer {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: var(--messages-composer-control-height);
  display: grid;
  align-items: center;
  gap: var(--layout-base-gap);
  padding: var(--messages-composer-padding-block) var(--messages-composer-padding-inline);
  box-sizing: border-box;
  background: transparent;
  border: var(--divider-width) solid var(--messages-composer-border);
  border-radius: var(--radius-field);
  box-shadow: 0 0 0 var(--messages-composer-border-width) var(--messages-composer-ring);
  transition:
    border-color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease);
}

.messages-composer-row {
  width: 100%;
  max-width: var(--messages-inline-max);
  min-width: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--layout-base-gap);
}

.messages-composer-row--with-feed-shortcut {
  grid-template-columns: minmax(0, 20%) minmax(0, 1fr);
}

.messages-composer-telegram-row {
  --messages-telegram-banner-scale: 1.1;

  width: 100%;
  max-width: var(--messages-inline-max);
  min-width: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-base-gap);
}

.messages-composer-telegram-row .messages-telegram-banner {
  justify-self: center;
}

.messages-composer-input-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--layout-control-gap);
  min-height: var(--messages-composer-control-size);
  min-width: 0;
}

.messages-selected-photos {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(var(--messages-selected-photo-min), var(--messages-selected-photo-max))
  );
  gap: var(--layout-base-gap);
  justify-content: start;
  overflow: hidden;
  padding: 0;
}

.messages-selected-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  margin: 0;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--messages-selected-photo-bg);
}

.messages-selected-photo img,
.messages-selected-photo video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.messages-selected-photo button {
  position: absolute;
  top: var(--messages-meta-gap);
  right: var(--messages-meta-gap);
  width: var(--messages-selected-photo-remove-size);
  height: var(--messages-selected-photo-remove-size);
  border: 0;
  border-radius: var(--radius-pill);
  overflow: hidden;
  color: transparent;
  font-size: var(--visually-hidden-size);
  line-height: var(--leading-solid);
  background: var(--messages-selected-photo-remove-bg);
  cursor: pointer;
}

.messages-selected-photo button::before,
.messages-selected-photo button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--control-icon-size-sm);
  height: var(--decoration-line-width);
  background: var(--text-strong);
}

.messages-selected-photo button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.messages-selected-photo button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.messages-selected-files {
  display: grid;
  gap: var(--messages-caption-gap);
  width: 100%;
}

.messages-selected-file {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--messages-caption-gap);
  max-width: 100%;
  padding: calc(var(--layout-base-gap) * 0.65);
  border-radius: var(--radius-sm);
  background: var(--messages-selected-photo-bg);
}

.messages-selected-file .google-icon {
  width: var(--control-icon-size-sm);
  height: var(--control-icon-size-sm);
  color: var(--text-soft);
}

.messages-selected-file span {
  min-width: 0;
  overflow: hidden;
  font-size: var(--messages-attachment-copy-size);
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messages-selected-file small {
  color: var(--text-muted);
  font-size: var(--messages-attachment-copy-size);
  line-height: var(--leading-caption);
}

.messages-selected-file button {
  width: var(--messages-selected-photo-remove-size);
  height: var(--messages-selected-photo-remove-size);
  border: 0;
  border-radius: var(--radius-pill);
  color: transparent;
  font-size: var(--visually-hidden-size);
  line-height: var(--leading-solid);
  background: var(--messages-selected-photo-remove-bg);
  cursor: pointer;
  position: relative;
}

.messages-selected-file button::before,
.messages-selected-file button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--control-icon-size-sm);
  height: var(--decoration-line-width);
  background: var(--text-strong);
}

.messages-selected-file button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.messages-selected-file button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.messages-composer:focus-within {
  border-color: var(--messages-composer-border-focus);
  box-shadow: 0 0 0 var(--messages-composer-border-width) var(--messages-composer-ring-focus);
}

.messages-composer-field {
  position: relative;
  display: block;
  padding: 0;
  min-width: 0;
}

.messages-composer-placeholder {
  --text-shimmer-base: rgba(255, 255, 255, 0.54);
  --text-shimmer-glow: rgba(232, 240, 255, 0.82);
  --text-shimmer-bright: rgba(255, 255, 255, 0.92);

  position: absolute;
  inset: 0 var(--messages-composer-textarea-padding-inline);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: start;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: var(--messages-composer-copy-size);
  line-height: var(--lh-base);
  pointer-events: none;
  background-image: linear-gradient(
    90deg,
    var(--text-shimmer-base) 0%,
    var(--text-shimmer-base) 32%,
    var(--text-shimmer-glow) 44%,
    var(--text-shimmer-bright) 50%,
    var(--text-shimmer-glow) 56%,
    var(--text-shimmer-base) 68%,
    var(--text-shimmer-base) 100%
  );
  background-size: 200% 100%;
  background-repeat: repeat;
  background-position: 0% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: text-shimmer-sweep 3s linear infinite;
}

.messages-attachment-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--messages-meta-gap);
  min-width: 0;
}

.messages-composer-back,
.messages-photo-picker {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--messages-composer-control-size);
  height: var(--messages-composer-control-size);
  min-height: var(--messages-composer-control-size);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-control-muted-color);
  cursor: pointer;
  font: inherit;
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.messages-composer-back {
  align-self: end;
  justify-self: start;
  width: var(--messages-composer-icon-column);
  height: var(--messages-composer-control-height);
  min-height: var(--messages-composer-control-height);
  color: var(--messages-control-back-color);
  font-size: var(--type-body);
  font-weight: 800;
  line-height: var(--leading-solid);
  opacity: 1;
}

.messages-feed-shortcut {
  min-height: var(--messages-composer-control-height);
  height: var(--messages-composer-control-height);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  padding: 0 var(--adaptive-button-padding-inline);
  border: var(--divider-width) solid var(--messages-composer-border);
  border-radius: var(--radius-field);
  background: transparent;
  color: var(--messages-feed-shortcut-color);
  font-size: var(--adaptive-button-font-size);
  font-weight: 650;
  line-height: var(--leading-solid);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 0 0 var(--messages-composer-border-width) var(--messages-composer-ring);
  transition:
    border-color var(--dur) var(--ease),
    box-shadow var(--dur) var(--ease),
    color var(--dur) var(--ease);
}

.messages-composer-row--with-feed-shortcut .messages-feed-shortcut {
  padding-inline: var(--space-1);
  overflow: hidden;
  text-overflow: ellipsis;
}

.messages-feed-shortcut:hover,
.messages-feed-shortcut:focus-visible {
  border-color: var(--messages-composer-border-focus);
  color: var(--text);
  box-shadow: 0 0 0 var(--messages-composer-border-width) var(--messages-composer-ring-focus);
}

.messages-photo-picker {
  color: var(--messages-control-primary-color);
}

.messages-composer-back:hover,
.messages-photo-picker:hover {
  background: transparent;
  color: var(--messages-control-hover-color);
}

.messages-composer-back:active,
.messages-photo-picker:active {
  transform: scale(0.96);
}

.messages-photo-picker svg,
.messages-send svg,
.messages-composer-back svg {
  display: block;
  width: var(--adaptive-icon-size);
  height: var(--adaptive-icon-size);
}

.messages-photo-picker svg {
  width: calc(var(--adaptive-icon-size) * 1.45);
  height: calc(var(--adaptive-icon-size) * 1.45);
}

.messages-photo-picker .google-icon path {
  stroke: currentColor;
  stroke-width: 28;
  stroke-linejoin: round;
}

.messages-photo-picker:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.messages-composer textarea {
  width: 100%;
  min-width: 0;
  height: var(--messages-composer-textarea-height, auto);
  min-height: var(--messages-composer-control-size);
  max-height: var(--messages-composer-textarea-max-block);
  box-sizing: border-box;
  padding: var(--messages-composer-textarea-padding-block)
    var(--messages-composer-textarea-padding-inline);
  background: transparent;
  border: 0;
  color: var(--text);
  font-size: var(--messages-composer-copy-size);
  line-height: var(--lh-base);
  resize: none;
  overflow-y: auto;
  display: block;
}

.messages-composer textarea:focus {
  outline: none;
  border: 0;
}

.messages-composer textarea::placeholder {
  color: var(--text-faint);
}

.messages-send {
  appearance: none;
  width: var(--messages-composer-control-size);
  height: var(--messages-composer-control-size);
  min-height: var(--messages-composer-control-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-control-primary-color);
  cursor: pointer;
  transition:
    background-color var(--dur) var(--ease),
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.messages-send:hover:not(:disabled) {
  background: transparent;
  color: var(--messages-send-hover-color);
}
.messages-send:not(:disabled) {
  color: var(--messages-send-color);
}
.messages-send:active:not(:disabled) {
  transform: scale(0.95);
}
.messages-send:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.messages-notice {
  margin: 0 auto;
  color: var(--text-soft);
  font-size: var(--messages-notice-size);
  line-height: var(--lh-base);
}

.messages-notice strong {
  color: var(--text);
  font-size: var(--messages-notice-size);
  font-weight: 500;
}

.messages-forward-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--layout-control-gap);
  width: min(var(--messages-inline-max), 100%);
  min-height: var(--messages-composer-control-height);
  justify-self: center;
  box-sizing: border-box;
  padding: var(--messages-composer-padding-block) var(--messages-composer-padding-inline);
  border: var(--divider-width) solid var(--messages-composer-border);
  border-radius: var(--radius-field);
  background: transparent;
  color: var(--text);
}

.messages-forward-cancel {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--messages-composer-control-size);
  height: var(--messages-composer-control-size);
  min-height: var(--messages-composer-control-size);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-control-muted-color);
  cursor: pointer;
  transition:
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.messages-forward-cancel svg {
  width: var(--control-icon-size-sm);
  height: var(--control-icon-size-sm);
}

.messages-forward-cancel:hover:not(:disabled),
.messages-forward-cancel:focus-visible:not(:disabled) {
  color: var(--messages-control-primary-color);
  outline: 0;
}

.messages-forward-cancel:active:not(:disabled) {
  transform: scale(0.95);
}

.messages-forward-cancel:disabled {
  cursor: wait;
  opacity: 0.45;
}

.messages-forward-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(var(--layout-base-gap) * 0.75);
  min-width: 0;
}

.messages-forward-summary {
  margin: 0;
  min-width: 0;
  color: var(--text-soft);
  font-size: var(--messages-notice-size);
  font-weight: 600;
  line-height: var(--leading-caption);
  white-space: nowrap;
}

.messages-forward-hide {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--layout-base-gap) * 0.55);
  min-width: 0;
  color: var(--text-muted);
  font-size: calc(var(--messages-notice-size) * 0.92);
  font-weight: 500;
  line-height: var(--leading-solid);
  white-space: nowrap;
}

.messages-forward-hide input {
  accent-color: var(--messages-send-color);
}

.messages-forward-send {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--layout-base-gap) * 0.45);
  flex: 0 0 auto;
  min-height: var(--messages-composer-control-size);
  padding: 0 calc(var(--adaptive-button-padding-inline) * 0.72);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--messages-send-color);
  cursor: pointer;
  font: inherit;
  font-size: var(--adaptive-button-font-size);
  font-weight: 650;
  line-height: var(--leading-solid);
  transition:
    color var(--dur) var(--ease),
    opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.messages-forward-send svg {
  width: var(--control-icon-size-sm);
  height: var(--control-icon-size-sm);
}

.messages-forward-send-label {
  white-space: nowrap;
}

.messages-forward-send:hover:not(:disabled),
.messages-forward-send:focus-visible:not(:disabled) {
  color: var(--messages-send-hover-color);
  outline: 0;
}

.messages-forward-send:active:not(:disabled) {
  transform: scale(0.95);
}

.messages-forward-send:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

@container adaptive-surface (max-width: 34rem) {
  .messages-shell :is(.messages-header, .messages-feed, .messages-composer-shell),
  .messages-shell .message-stack {
    --messages-bubble-side-reserve: calc(var(--adaptive-base-gap) * 3.2);
    --messages-media-inline: var(--container-messages-media-compact);
    --messages-media-inline-single: var(--container-messages-media-single-compact);
    --messages-header-gap: var(--layout-messages-header-gap-compact);
    --messages-feed-padding-block: var(--layout-messages-feed-padding-block-compact);
    --messages-feed-gap: var(--layout-messages-feed-gap-compact);
    --messages-item-gap: var(--layout-messages-item-gap-compact);
    --messages-composer-control-size: max(var(--button-min-height), var(--control-sm));
    --messages-selected-photo-min: calc(var(--messages-composer-control-size) * 1.22);
    --messages-selected-photo-max: calc(var(--messages-composer-control-size) * 1.62);
    --messages-body-size: var(--adaptive-compact-copy-size);
    --messages-empty-size: var(--adaptive-compact-detail-size);
    --messages-target-size: var(--adaptive-compact-detail-size);
    --messages-title-size: var(--adaptive-compact-copy-size);
    --messages-eyebrow-size: calc(var(--adaptive-compact-detail-size) * 0.82);
    --messages-edit-textarea-size: var(--adaptive-compact-copy-size);
    --messages-system-size: var(--adaptive-compact-detail-size);
    --messages-notice-size: var(--adaptive-compact-detail-size);
    --messages-composer-copy-size: max(1rem, var(--adaptive-compact-copy-size));
    --messages-day-size: var(--adaptive-compact-detail-size);
  }

  .messages-shell .messages-composer-row {
    --messages-feed-shortcut-column: clamp(
      calc(var(--messages-composer-control-size) * 1.72),
      23cqi,
      calc(var(--messages-composer-control-size) * 2.15)
    );
  }

  .messages-shell .messages-composer-shell,
  .feed-comments-dialog {
    --messages-composer-safe-bottom: max(
      var(--safe-area-bottom),
      calc(var(--safe-area-bottom) + var(--layout-base-gap) * 7.65 - 20px)
    );
  }

  .messages-forward-bar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .messages-forward-send-label {
    display: none;
  }
}

@container adaptive-surface (min-width: 64rem) {
  .messages-shell :is(.messages-header, .messages-feed, .messages-composer-shell),
  .messages-shell .message-stack {
    --messages-bubble-max-inline: min(36rem, calc(100% - var(--messages-bubble-side-reserve)));
    --messages-media-inline: var(--container-messages-media-wide);
    --messages-media-inline-single: var(--container-messages-media-single-wide);
  }
}

/* @lifeos-css-tier extended:end messages */

/* @lifeos-css-tier extended:start feed */
.feed-shell {
  --feed-inline-max: var(--messages-inline-max, var(--app-container-panel-inline));
  --feed-post-inline-max: var(--app-feed-post-inline);
  --feed-action-gap: var(--layout-control-gap, var(--adaptive-base-gap));
  --feed-action-min-height: var(--app-button-min-height);
  --feed-action-padding-inline: var(--app-button-compact-padding-inline);
  --feed-action-icon-size: var(--app-icon-size);
  --feed-action-square-size: var(--feed-action-min-height);
  --feed-meta-size: var(--type-panel-meta);
  --feed-action-font-size: var(--type-panel-control-small);
  --feed-count-size: var(--type-panel-count);
  --feed-edit-copy-size: var(--adaptive-detail-size, var(--type-panel-detail));
  --feed-dialog-title-size: var(--adaptive-detail-size, var(--type-panel-detail));
  --feed-dialog-caption-size: var(--type-panel-meta);
  --feed-edit-width: var(--container-feed-edit, var(--app-container-feed-edit-inline));
  --feed-edit-min-height: calc(var(--app-button-min-height) * 2.2);
  --feed-post-meta-gap: calc(var(--adaptive-base-gap, 0.5rem) * 0.45);
  --feed-post-footer-gap: calc(var(--adaptive-base-gap, 0.5rem) * 0.3);
  --feed-post-actions-gap: calc(var(--adaptive-base-gap) * 0.35);
  container-type: size;
  container-name: adaptive-surface;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.feed-posts {
  scroll-padding-top: calc(
    var(--messages-composer-control-height, var(--app-icon-button-hit-size)) * 2
  );
}

.feed-posts:not(.feed-posts--empty) {
  justify-content: flex-start;
}

.feed-posts--empty {
  justify-content: flex-end;
}

.feed-post-row .message-stack {
  width: 100%;
  max-width: var(--feed-post-inline-max);
}

.feed-post-row .message {
  width: 100%;
}

.feed-publish-shell {
  justify-items: center;
}

.feed-compose-actions {
  display: flex;
  justify-content: center;
  width: min(100%, var(--feed-inline-max));
}

.feed-save-draft-button {
  appearance: none;
  border: var(--app-divider-width) solid var(--app-muted-border);
  border-radius: var(--adaptive-button-radius, var(--app-radius-pill));
  background: var(--app-action-bg);
  color: var(--app-control-color);
  cursor: pointer;
  font: inherit;
  font-size: var(--feed-action-font-size);
  font-weight: 600;
  line-height: var(--leading-solid);
  min-height: var(--feed-action-min-height);
  padding-inline: var(--feed-action-padding-inline);
}

.feed-save-draft-button:disabled {
  cursor: not-allowed;
  opacity: var(--app-disabled-opacity, 0.55);
}

.feed-bottom-back {
  width: var(--app-icon-button-hit-size);
  height: var(--app-icon-button-hit-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--app-radius-pill);
  color: var(--app-control-color);
  font-size: var(--type-body);
  font-weight: 800;
  line-height: var(--leading-solid);
  text-decoration: none;
  opacity: 1;
  transition:
    color var(--dur) var(--ease),
    transform var(--dur) var(--ease);
}

.feed-bottom-back:hover {
  color: var(--app-control-color-hover);
}

.feed-bottom-back:active {
  transform: scale(var(--app-press-scale-subtle));
}

.feed-post-stack {
  max-width: var(--feed-post-inline-max);
  content-visibility: auto;
  contain-intrinsic-size: auto 12rem;
}

.feed-post-author {
  margin: 0 0 var(--feed-post-meta-gap);
  color: var(--app-text-muted);
  font-size: var(--feed-meta-size);
  font-weight: 600;
  line-height: var(--leading-caption);
  letter-spacing: var(--tracking-none);
}

.feed-post-draft-badge {
  color: var(--app-text-muted);
  font-weight: 500;
}

.feed-post-footer {
  margin-top: var(--feed-post-footer-gap);
}

.feed-post-actions {
  display: flex;
  align-items: center;
  gap: calc(var(--layout-control-gap, var(--adaptive-base-gap)) * 0.75);
  flex-wrap: wrap;
  width: 100%;
}

.feed-post-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(var(--layout-control-gap, var(--adaptive-base-gap)) * 0.65);
  width: 100%;
  margin-top: var(--feed-post-footer-gap);
  padding-top: calc(var(--feed-post-actions-gap) * 1.15);
  border-top: var(--app-divider-width) solid var(--app-soft-border);
}

.feed-post-toolbar-link {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--app-control-color);
  cursor: pointer;
  font: inherit;
  font-size: var(--feed-action-font-size);
  font-weight: 600;
  line-height: var(--leading-snug);
  padding: 0;
  text-align: start;
}

.feed-post-toolbar-link:hover,
.feed-post-toolbar-link:focus-visible {
  color: var(--app-control-color-hover);
}

.feed-post-toolbar .feed-vote,
.feed-post-toolbar .feed-post-action-button {
  min-height: calc(var(--feed-action-min-height) * 0.88);
}

.feed-post-row--editing .message-stack {
  width: 100%;
}

.feed-vote-group,
.feed-comments-button,
.feed-post-action-button {
  display: inline-flex;
  align-items: center;
  gap: var(--feed-action-gap);
}

.feed-vote-deadline {
  color: var(--app-text-muted);
  font-size: var(--feed-count-size);
  white-space: nowrap;
}

.feed-vote,
.feed-comments-button,
.feed-post-action-button {
  appearance: none;
  border: var(--app-divider-width) solid var(--app-muted-border);
  border-radius: var(--adaptive-button-radius, var(--app-radius-pill));
  background: var(--app-action-bg);
  color: var(--app-control-color);
  cursor: pointer;
  font: inherit;
  font-size: var(--feed-action-font-size);
  font-weight: 600;
  letter-spacing: var(--tracking-none);
  line-height: var(--leading-solid);
  min-height: var(--feed-action-min-height);
  padding: 0 var(--feed-action-padding-inline);
  white-space: nowrap;
  text-wrap: nowrap;
}

.feed-vote {
  min-width: calc(var(--feed-action-min-height) * 1.4);
}

.feed-vote span,
.feed-comments-button span:last-child {
  color: var(--app-text-muted);
  font-size: var(--feed-count-size);
}

.feed-vote--selected {
  border-color: var(--app-selected-border);
  color: var(--app-control-color-hover);
}

.feed-comments-button svg,
.feed-post-action-button svg {
  width: var(--feed-action-icon-size);
  height: var(--feed-action-icon-size);
}

.feed-post-action-button {
  justify-content: center;
  width: var(--feed-action-square-size);
  padding: 0;
}

.feed-post-edit {
  display: grid;
  gap: calc(var(--adaptive-base-gap) * 0.85);
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.feed-post-edit-input,
.feed-post-edit textarea {
  width: 100%;
  min-height: calc(var(--feed-edit-min-height) * 0.72);
  resize: vertical;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--app-text);
  font: inherit;
  font-size: var(--feed-edit-copy-size);
  line-height: var(--leading-readable);
  padding: 0;
}

.feed-post-edit-input:focus,
.feed-post-edit textarea:focus {
  outline: 0;
}

.feed-post-edit-attachments {
  display: grid;
  gap: calc(var(--adaptive-base-gap) * 0.75);
}

.feed-post-edit-remove-attachment,
.feed-post-edit-new-photo button,
.feed-post-edit-new-video button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--app-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--feed-edit-copy-size);
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.feed-post-edit-new-photo {
  display: grid;
  gap: calc(var(--adaptive-base-gap) * 0.45);
  justify-items: start;
}

.feed-post-edit-new-photo img {
  display: block;
  width: min(100%, 8rem);
  border-radius: var(--radius-sm, 0.55rem);
}

.feed-post-edit-new-video {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--adaptive-base-gap) * 0.75);
  color: var(--app-text-soft);
  font-size: var(--feed-edit-copy-size);
}

.feed-post-edit-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--layout-control-gap, var(--adaptive-base-gap));
  padding-top: calc(var(--adaptive-base-gap) * 0.75);
  border-top: var(--app-divider-width) solid var(--app-soft-border);
}

.feed-post-edit-media-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--adaptive-base-gap) * 0.9);
}

.feed-post-edit-add-photos,
.feed-post-edit-add-video {
  color: var(--app-text-muted);
  cursor: pointer;
  font-size: var(--feed-edit-copy-size);
  font-weight: 600;
  line-height: var(--leading-solid);
}

.feed-post-edit-add-photos:has(input:disabled),
.feed-post-edit-add-video:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.45;
}

.feed-post-edit-actions {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(var(--adaptive-base-gap) * 0.75);
  margin-left: auto;
}

.feed-post-edit-actions button {
  min-height: var(--feed-action-min-height);
  border: var(--app-divider-width) solid var(--app-muted-border);
  border-radius: var(--adaptive-button-radius, var(--app-radius-pill));
  background: var(--app-action-bg-soft);
  color: var(--app-text-soft);
  cursor: pointer;
  font: inherit;
  font-size: var(--feed-action-font-size);
  font-weight: 600;
  padding: 0 var(--feed-action-padding-inline);
  white-space: nowrap;
}

.feed-post-edit-actions button[type="submit"] {
  color: var(--app-control-color);
  background: var(--app-action-bg);
}

.feed-post-edit-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.feed-publish-shell:empty {
  display: none;
}

.feed-comments-backdrop {
  --feed-comments-list-offset-block-start: 0px;

  position: fixed;
  inset: var(--overlay-full-inset);
  z-index: var(--z-modal);
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  padding: 0;
  background: transparent;
  isolation: isolate;
}

.feed-comments-backdrop .feed-comments-dialog {
  position: relative;
  inset: auto;
  margin: var(--feed-dialog-inset-block-start) var(--feed-dialog-inset-inline-end)
    var(--feed-dialog-inset-block-end) 0;
  max-height: calc(
    100% - var(--feed-dialog-inset-block-start) - var(--feed-dialog-inset-block-end)
  );
}

.feed-comments-dialog {
  --feed-dialog-inset-block-start: var(--app-overlay-inset-block-start);
  --feed-dialog-inset-inline-end: var(--app-overlay-inset-inline-end);
  --feed-dialog-inset-block-end: var(--app-overlay-inset-block-end);
  --feed-dialog-inset-inline-start: var(--app-overlay-inset-inline-start);
  --feed-dialog-width: var(--container-dialog, var(--app-container-feed-dialog-inline));
  --feed-dialog-padding-block: var(--adaptive-base-gap);
  --feed-dialog-padding-inline: calc(var(--adaptive-base-gap) * 1.2);
  --feed-dialog-close-size: var(--app-icon-button-hit-size);
  --messages-inline-max: min(100%, var(--container-panel, var(--app-container-panel-inline)));
  --messages-bubble-side-reserve: calc(var(--adaptive-base-gap) * 3.2);
  --messages-bubble-max-inline: min(34rem, calc(100% - var(--messages-bubble-side-reserve)));
  --messages-system-max-inline: var(--container-messages-system, min(34rem, 92%));
  --messages-media-inline: var(--container-messages-media, min(22rem, 100%));
  --messages-media-inline-single: var(--container-messages-media-single, min(23rem, 100%));
  --messages-media-max-block: var(
    --messages-media-max-block-base,
    min(30rem, calc(var(--fluid-block) * 62))
  );
  --messages-feed-gap: var(--layout-messages-feed-gap-compact);
  --messages-item-gap: var(--layout-messages-item-gap-compact);
  --messages-bubble-padding-block: calc(var(--adaptive-base-gap) * 0.95);
  --messages-bubble-padding-inline: calc(var(--adaptive-base-gap) * 1.15);
  --messages-bubble-padding-bottom: calc(var(--adaptive-base-gap) * 0.72);
  --messages-caption-gap: calc(var(--adaptive-base-gap) * 0.55);
  --messages-caption-padding-block: calc(var(--adaptive-base-gap) * 1.05);
  --messages-caption-padding-inline: calc(var(--adaptive-base-gap) * 1.25);
  --messages-meta-gap: calc(var(--adaptive-base-gap) * 0.42);
  --messages-meta-min-height: calc(var(--type-tiny) * var(--leading-caption));
  --messages-status-icon-size: var(--control-icon-size-sm);
  --messages-action-gap: var(--layout-control-gap);
  --messages-action-size: var(--interactive-icon-hit-size-compact);
  --messages-action-icon-size: var(--control-icon-size-sm);
  --messages-action-visual-size: max(
    var(--messages-action-icon-size),
    calc(var(--adaptive-icon-size) * 1.35)
  );
  --messages-action-hit-outset: max(
    0px,
    calc((var(--messages-action-size) - var(--messages-action-visual-size)) / 2)
  );
  --messages-delete-panel-gap: calc(var(--layout-control-gap) * 0.72);
  --messages-delete-button-min-height: var(--button-compact-min-height);
  --messages-delete-button-padding-block: calc(var(--button-padding-block) * 0.72);
  --messages-delete-button-padding-inline: var(--button-compact-padding-inline);
  --messages-composer-border-width: var(--line-width-hair);
  --messages-composer-safe-bottom: calc(var(--safe-area-bottom) + var(--layout-base-gap) * 7.65);
  --messages-composer-padding-block: calc(var(--adaptive-base-gap) * 0.75);
  --messages-composer-padding-inline: calc(var(--adaptive-base-gap) * 0.75);
  --messages-composer-control-size: max(var(--control-sm), var(--app-button-min-height));
  --messages-composer-control-height: calc(
    var(--messages-composer-control-size) + var(--messages-composer-padding-block) * 2 +
      var(--messages-composer-border-width) * 2
  );
  --messages-composer-textarea-padding-block: calc(var(--adaptive-base-gap) * 0.72);
  --messages-composer-textarea-padding-inline: calc(var(--adaptive-base-gap) * 0.45);
  --messages-composer-textarea-max-block: min(
    var(--messages-composer-textarea-max-block-base),
    8rem
  );
  --messages-selected-photo-min: calc(var(--messages-composer-control-size) * 1.22);
  --messages-selected-photo-max: calc(var(--messages-composer-control-size) * 1.62);
  --messages-selected-photo-remove-size: var(--interactive-icon-hit-size-compact);
  --messages-empty-size: var(--adaptive-detail-size);
  --messages-body-size: var(--adaptive-copy-size);
  --messages-attachment-copy-size: var(--adaptive-detail-size);
  --messages-action-font-size: var(--button-compact-font-size);
  --messages-composer-copy-size: max(1rem, var(--adaptive-copy-size));
  --messages-bubble-border: rgba(255, 255, 255, 0.34);
  --messages-bubble-border-partner: rgba(255, 255, 255, 0.37);
  --messages-bubble-border-own: rgba(76, 154, 255, 0.45);
  --messages-meta-color: rgba(255, 255, 255, 0.48);
  --messages-meta-edited-color: rgba(255, 255, 255, 0.42);
  --messages-own-text-color: rgba(255, 255, 255, 0.96);
  --messages-own-meta-color: rgba(255, 255, 255, 0.66);
  --messages-action-border: rgba(255, 255, 255, 0.12);
  --messages-action-bg: rgba(255, 255, 255, 0.035);
  --messages-action-bg-hover: rgba(255, 255, 255, 0.075);
  --messages-action-color: rgba(255, 255, 255, 0.58);
  --messages-action-hover-color: rgba(255, 255, 255, 0.82);
  --messages-danger-border: rgba(255, 115, 105, 0.34);
  --messages-danger-strong-color: rgba(255, 115, 105, 0.94);
  --messages-danger-hover-color: rgb(255, 141, 132);
  --messages-delete-panel-border: var(--hairline, rgba(255, 255, 255, 0.24));
  --messages-delete-panel-text: rgba(255, 255, 255, 0.82);
  --messages-delete-button-border: rgba(255, 255, 255, 0.14);
  --messages-delete-button-color: rgba(255, 255, 255, 0.72);
  --messages-composer-border: rgba(255, 255, 255, 0.5);
  --messages-composer-border-focus: rgba(255, 255, 255, 0.64);
  --messages-composer-ring: rgba(255, 255, 255, 0.18);
  --messages-composer-ring-focus: rgba(255, 255, 255, 0.26);
  --messages-control-muted-color: rgba(255, 255, 255, 0.54);
  --messages-control-primary-color: rgba(255, 255, 255, 0.86);
  --messages-control-hover-color: rgba(255, 255, 255, 0.96);
  --messages-send-color: #55e6d3;
  --messages-send-hover-color: #7ff7e8;
  --messages-selected-photo-bg: rgba(255, 255, 255, 0.06);
  --messages-selected-photo-remove-bg: rgba(0, 0, 0, 0.62);

  position: fixed;
  inset: var(--feed-dialog-inset-block-start) var(--feed-dialog-inset-inline-end)
    var(--feed-dialog-inset-block-end) var(--feed-dialog-inset-inline-start);
  z-index: calc(var(--z-overlay, 20) + 2);
  container-type: inline-size;
  container-name: adaptive-surface;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  width: var(--feed-dialog-width);
  margin-left: auto;
  border: var(--app-overlay-border);
  border-radius: var(--app-overlay-panel-radius);
  background: var(--app-dialog-bg);
  color: var(--app-text);
  box-shadow: var(--app-dialog-shadow);
  overflow: hidden;
}

.feed-comments-list {
  min-height: 0;
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior-y: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--messages-feed-gap);
  padding: calc(var(--feed-dialog-padding-block) + var(--feed-comments-list-offset-block-start))
    var(--feed-dialog-padding-inline) var(--feed-dialog-padding-block);
  background: var(--app-dialog-bg);
  -webkit-overflow-scrolling: touch;
}

.feed-comments-list > .messages-empty,
.feed-comments-list > .message-row {
  width: 100%;
  max-width: var(--messages-inline-max);
  margin-inline: auto;
  flex-shrink: 0;
}

.feed-comments-list > .messages-empty {
  flex: 0 0 auto;
  min-height: 0;
  justify-content: flex-end;
  padding-block: 0;
}

.feed-comments-dialog .message-stack {
  max-width: min(var(--messages-bubble-max-inline), 100%);
}

.feed-comments-dialog .message-stack > .feed-post-edit {
  box-sizing: border-box;
  width: min(100%, var(--container-feed-edit, var(--app-container-feed-edit-inline)));
  padding: var(--messages-bubble-padding-block) var(--messages-bubble-padding-inline);
  border: var(--app-divider-width) solid var(--app-muted-border);
  border-radius: var(--radius-field);
  background: transparent;
}

.feed-comments-dialog .feed-post-edit textarea {
  min-height: min(4.5rem, calc(var(--fluid-block) * 12));
}

.feed-comments-composer {
  grid-row: 2;
  border: 0;
  background: var(--app-dialog-bg);
  overflow: visible;
}

.feed-comments-composer .messages-composer-row {
  width: 100%;
  max-width: var(--messages-inline-max);
  margin-inline: auto;
}

.feed-comments-composer .messages-composer-placeholder {
  justify-content: flex-start;
  text-align: start;
}

@media (max-width: 30rem) {
  .messages-deadline-pill {
    max-width: var(--app-deadline-pill-inline-compact);
    padding-inline: var(--space-2);
    font-size: var(--type-fine);
  }

  .feed-comments-backdrop {
    --feed-comments-mobile-back-size: var(--touch-target-min-size);
    --feed-comments-mobile-back-offset-block: max(var(--safe-area-top), var(--space-2));
    --feed-comments-mobile-back-offset-inline: max(var(--safe-area-left), var(--space-2));
    --feed-comments-list-offset-block-start: calc(
      var(--feed-comments-mobile-back-offset-block) + var(--feed-comments-mobile-back-size)
    );
  }

  .feed-comments-backdrop .panel-back {
    top: var(--feed-comments-mobile-back-offset-block);
    left: var(--feed-comments-mobile-back-offset-inline);
    width: var(--feed-comments-mobile-back-size);
    min-width: var(--feed-comments-mobile-back-size);
    height: var(--feed-comments-mobile-back-size);
    min-height: var(--feed-comments-mobile-back-size);
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .feed-comments-backdrop .feed-comments-dialog {
    --feed-dialog-width: var(--app-overlay-fullscreen-inline);
    position: fixed;
    inset: var(--app-overlay-fullscreen-inset);
    width: var(--app-overlay-fullscreen-inline);
    margin: 0;
    border: 0;
    border-radius: var(--app-overlay-fullscreen-radius);
  }
}

@container adaptive-surface (max-width: 34rem) {
  .feed-shell .feed-post-stack,
  .feed-shell .feed-comments-dialog {
    --feed-post-inline-max: var(--app-feed-post-inline-compact);
    --feed-action-min-height: var(--app-button-min-height);
    --feed-action-padding-inline: calc(var(--adaptive-button-padding-inline) * 0.74);
    --feed-action-font-size: var(--adaptive-compact-control-size);
    --feed-edit-copy-size: var(--adaptive-compact-detail-size);
    --feed-dialog-title-size: var(--adaptive-compact-detail-size);
  }
}

/* @lifeos-css-tier extended:end feed */