.snays-uy-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  font-weight: 600;
  color: var(--snays-text);
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--snays-transition), color var(--snays-transition), border-color var(--snays-transition);
}

.snays-uy-btn:hover{
  border-color: var(--snays-border-color);
  background-color: var(--snays-surface-2);
}

.snays-uy-btn.is-primary{
  background-color: var(--snays-primary);
  border-color: var(--snays-primary);
  color: #ffffff;
}

.snays-uy-btn.is-primary:hover{
  background-color: var(--snays-primary-hover);
  border-color: var(--snays-primary-hover);
}

.snays-uy-btn.is-dark{
  color: #ffffff;
  background-color: #000000;
  border: none;
}

.snays-uy-btn.is-dark:hover{
  background-color: #1a1a1a;
  border: none;
}

.snays-uy-btn-ico{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.snays-uy-profile-acts .snays-uy-btn span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.snays-uy-form-section{
  padding: 40px 0 48px;
  background-color: var(--snays-surface);
}

.snays-uy-auth-title{
  margin: 0 0 20px;
  font-size: var(--snays-fs-xl);
  font-weight: 800;
  color: var(--snays-text);
}

.snays-uy-form-section-wrap{
  width: 100%;
  max-width: var(--snays-container);
  margin-inline: auto;
  padding-inline: var(--snays-bar-pad);
}

.snays-uy-form-section .snays-uy-card{
  max-width: 520px;
  margin-inline: auto;
  padding: 28px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-form{
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}

.snays-uy-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.snays-uy-field{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.snays-uy-field > span{
  font-size: var(--snays-fs-xs);
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--snays-text-soft);
}

.snays-uy-field input,
.snays-uy-field textarea,
.snays-uy-input{
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  font-weight: 500;
  color: var(--snays-text);
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
  transition: border-color var(--snays-transition);
}

.snays-uy-field textarea{
  min-height: 96px;
  resize: vertical;
}

.snays-uy input:focus,
.snays-uy input:focus-visible,
.snays-uy textarea:focus,
.snays-uy textarea:focus-visible,
.snays-uy select:focus,
.snays-uy select:focus-visible,
.snays-uy button:focus,
.snays-uy button:focus-visible{
  outline: none;
  box-shadow: none;
}

.snays-uy-field input:focus,
.snays-uy-field textarea:focus,
.snays-uy-input:focus,
.snays-uy-comment-form .comment-form-comment textarea:focus{
  border-color: var(--snays-border-soft);
}

.snays-uy-field input:disabled{
  opacity: .65;
  background-color: var(--snays-surface);
  cursor: not-allowed;
}

.snays-uy-check{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  cursor: pointer;
}

.snays-uy-check a{
  color: var(--snays-primary);
  text-decoration: underline;
}

.snays-uy-footlinks{
  margin: 18px 0 0;
  text-align: center;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
}

.snays-uy-footlinks a{
  color: var(--snays-primary);
  font-weight: 600;
}

.snays-uy-footlinks span{
  margin: 0 6px;
  color: var(--snays-text-soft);
}

.snays-uy-alert,
.snays-uy-errors{
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: var(--snays-radius-btn);
  font-size: var(--snays-fs-sm);
  list-style: none;
}

.snays-uy-alert.is-success,
.snays-uy-errors{
  background-color: rgba(22,163,74,.1);
  color: var(--snays-success);
  border: 1px solid rgba(22,163,74,.25);
}

.snays-uy-alert.is-error,
.snays-uy-errors{
  background-color: var(--snays-primary-soft);
  color: var(--snays-primary);
  border: 1px solid rgba(215,38,56,.25);
}

.snays-uy-errors li + li{
  margin-top: 4px;
}

.snays-uy-muted{
  margin: 0;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  line-height: 1.6;
}

.snays-uy-divider{
  height: 1px;
  margin: 28px 0;
  background-color: var(--snays-border-soft);
  border: 0;
}

.snays-uy-btn-danger{
  color: var(--snays-primary-contrast) !important;
  background-color: var(--snays-danger) !important;
  border-color: var(--snays-danger) !important;
}

.snays-uy-btn-danger:hover{
  filter: brightness(1.05);
}

.snays-uy-dash{
  padding: 20px 0;
  background-color: var(--snays-surface);
}

.snays-uy-dash-wrap{
  display: grid;
  grid-template-columns: minmax(240px, 280px) 1fr;
  gap: 24px;
  width: 100%;
  max-width: var(--snays-container);
  margin-inline: auto;
  padding-inline: var(--snays-bar-pad);
}

.snays-uy-dash-aside{
  align-self: start;
  position: sticky;
  top: calc(var(--snays-header-h, 64px) + 16px);
}

.snays-uy-dash-menu{
  display: flex;
  flex-direction: column;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
  overflow: hidden;
}

.snays-uy-user-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid var(--snays-border-soft);
}

.snays-uy-user-avatar{
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--snays-border-soft);
  background-color: var(--snays-surface-2);
}

.snays-uy-user-avatar.is-lg{
  width: 96px;
  height: 96px;
}

.snays-uy-user-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.snays-uy-user-meta{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.snays-uy-user-meta b{
  font-size: var(--snays-fs-md);
  font-weight: 700;
  color: var(--snays-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-user-meta span{
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
}

.snays-uy-avatar-fallback{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 800;
  font-size: var(--snays-fs-lg);
  color: var(--snays-primary-contrast);
  background: linear-gradient(145deg, var(--snays-primary), var(--snays-primary-hover));
}

.snays-uy-avatar{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.snays-uy-dash-nav{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
}

.snays-uy-dash-link{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  font-weight: 600;
  color: var(--snays-text-muted);
  background: transparent;
  border: 0;
  border-radius: var(--snays-radius-btn);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--snays-transition), color var(--snays-transition);
}

.snays-uy-dash-link svg{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.snays-uy-dash-link:hover,
.snays-uy-dash-link.is-active{
  color: var(--snays-text);
  background-color: var(--snays-surface);
}

.snays-uy-dash-link.is-active{
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
}

.snays-uy-inline-logout{
  display: block;
  margin: 0;
}

.snays-uy-dash-main{
  min-width: 0;
  padding: 24px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-panel-title{
  margin: 0 0 10px;
  font-size: var(--snays-fs-lg);
  font-weight: 600;
  color: var(--snays-text);
}

.snays-uy-subtitle{
  margin: 0 0 10px;
  font-size: var(--snays-fs-md);
  font-weight: 600;
  color: var(--snays-text);
}

.snays-uy-avatar-upload{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-avatar-upload-preview{
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--snays-border-soft);
  background-color: var(--snays-bg);
}

.snays-uy-avatar-upload-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.snays-uy-avatar-upload-preview .snays-uy-avatar-fallback{
  width: 100%;
  height: 100%;
  font-size: var(--snays-fs-lg);
}

.snays-uy-avatar-upload-body{
  flex: 1;
  min-width: 0;
}

.snays-uy-avatar-upload-label{
  display: block;
  margin-bottom: 8px;
  font-size: var(--snays-fs-xs);
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--snays-text-soft);
}

.snays-uy-file-picker{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.snays-uy-file-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.snays-uy-file-picker-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  font-size: var(--snays-fs-sm);
  font-weight: 600;
  color: var(--snays-text);
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
  transition: background-color var(--snays-transition), border-color var(--snays-transition), color var(--snays-transition);
}

.snays-uy-file-picker:hover .snays-uy-file-picker-btn{
  border-color: var(--snays-border-color);
  background-color: var(--snays-surface-2);
}

.snays-uy-file-picker-btn svg{
  width: 18px;
  height: 18px;
  color: var(--snays-primary);
}

.snays-uy-file-picker-name{
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.snays-uy-file-picker-name.has-file{
  color: var(--snays-text);
  font-weight: 600;
}

.snays-uy-avatar-upload-hint{
  margin: 8px 0 0;
  font-size: var(--snays-fs-xs);
}

.snays-uy-panel-head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.snays-uy-panel-head .snays-uy-panel-title{
  margin: 0;
}

.snays-uy-stat-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 12px;
  padding: 0;
}

.snays-uy-stat{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 14px;
  text-align: left;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
  transition: border-color var(--snays-transition), background-color var(--snays-transition);
}

.snays-uy-stat:hover{
  border-color: var(--snays-border-color);
  background-color: var(--snays-surface);
}

.snays-uy-stat-ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
  border-radius: var(--snays-radius-btn);
}

.snays-uy-stat-ico svg{
  width: 20px;
  height: 20px;
}

.snays-uy-stat-body{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

.snays-uy-stat dt{
  margin: 0;
  font-size: var(--snays-fs-xxs);
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--snays-text-soft);
}

.snays-uy-stat dd{
  margin: 0;
  font-size: var(--snays-fs-xl);
  font-weight: 800;
  line-height: 1.1;
  color: var(--snays-text);
}

.snays-uy-panel{
  margin: 0;
}

.snays-uy-card-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--snays-border-soft);
}

.snays-uy-profile{
  padding: 20px 0;
  background-color: var(--snays-bg);
  border-bottom: 1px solid var(--snays-border-soft);
}

.snays-uy-profile-wrap{
  width: 100%;
  max-width: var(--snays-container);
  margin-inline: auto;
  padding-inline: var(--snays-bar-pad);
}

.snays-uy-profile-head{
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.snays-uy-profile-top{
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  text-align: left;
}

.snays-uy-profile-id{
  flex: 1;
  min-width: 0;
}

.snays-uy-profile-name{
  margin: 0 0 4px;
  font-size: var(--snays-fs-xl);
  font-weight: 800;
  color: var(--snays-text);
  line-height: 1.2;
}

.snays-uy-profile-handle{
  margin: 0;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
}

.snays-uy-profile-acts{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.snays-uy-profile-acts .snays-uy-btn{
  min-height: 44px;
}

.snays-uy-section{
  padding: 20px 0;
  background-color: var(--snays-surface);
}

.snays-uy-section-wrap{
  width: 100%;
  max-width: var(--snays-container);
  margin-inline: auto;
  padding-inline: var(--snays-bar-pad);
}

.snays-uy-list-block-title{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 14px;
  font-size: var(--snays-fs-md);
  font-weight: 700;
  color: var(--snays-text);
}

.snays-uy-list-block-title span{
  font-size: var(--snays-fs-xs);
  font-weight: 600;
  color: var(--snays-text-muted);
}

.snays-uy-dizi-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 12px;
}

.snays-uy-dizi-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

.snays-uy-dizi-poster{
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border-radius: var(--snays-radius-btn);
  border: 1px solid var(--snays-border-soft);
  background-color: var(--snays-surface-2);
}

.snays-uy-dizi-poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--snays-transition);
}

.snays-uy-dizi-item:hover .snays-uy-dizi-poster img{
  transform: scale(1.03);
}

.snays-uy-dizi-title{
  font-size: var(--snays-fs-xs);
  font-weight: 600;
  color: var(--snays-text);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.snays-uy-list-meta{
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
}

.snays-uy-badge-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 12px;
  margin-top: 12px;
}

.snays-uy-badge-card{
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
  --uy-badge-accent: var(--snays-primary);
  --uy-badge-soft: var(--snays-primary-soft);
}

.snays-uy-badge-card.is-liste{
  --uy-badge-accent: #16a34a;
  --uy-badge-soft: rgba(22,163,74,.12);
}

.snays-uy-badge-card.is-begeni{
  --uy-badge-accent: #e11d48;
  --uy-badge-soft: rgba(225,29,72,.1);
}

.snays-uy-badge-card.is-yorum{
  --uy-badge-accent: #2563eb;
  --uy-badge-soft: rgba(37,99,235,.1);
}

.snays-uy-badge-card.is-takipci{
  --uy-badge-accent: #d97706;
  --uy-badge-soft: rgba(217,119,6,.12);
}

.snays-uy-badge-card.is-tenure-yeni{
  --uy-badge-accent: #8b5cf6;
  --uy-badge-soft: rgba(139,92,246,.12);
}

.snays-uy-badge-card.is-tenure-1ay{
  --uy-badge-accent: #0891b2;
  --uy-badge-soft: rgba(8,145,178,.12);
}

.snays-uy-badge-card.is-tenure-6ay{
  --uy-badge-accent: #7c3aed;
  --uy-badge-soft: rgba(124,58,237,.12);
}

.snays-uy-badge-card.is-tenure-1yil{
  --uy-badge-accent: #ca8a04;
  --uy-badge-soft: rgba(202,138,4,.14);
}

.snays-uy-badge-chips{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.snays-uy-badge-chip{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: var(--uy-badge-accent);
  background-color: var(--uy-badge-soft);
  cursor: default;
  outline: none;
  --uy-badge-accent: var(--snays-primary);
  --uy-badge-soft: var(--snays-primary-soft);
}

.snays-uy-badge-chip.is-liste{
  --uy-badge-accent: #16a34a;
  --uy-badge-soft: rgba(22,163,74,.12);
}

.snays-uy-badge-chip.is-begeni{
  --uy-badge-accent: #e11d48;
  --uy-badge-soft: rgba(225,29,72,.1);
}

.snays-uy-badge-chip.is-yorum{
  --uy-badge-accent: #2563eb;
  --uy-badge-soft: rgba(37,99,235,.1);
}

.snays-uy-badge-chip.is-takipci{
  --uy-badge-accent: #d97706;
  --uy-badge-soft: rgba(217,119,6,.12);
}

.snays-uy-badge-chip.is-tenure-yeni{
  --uy-badge-accent: #8b5cf6;
  --uy-badge-soft: rgba(139,92,246,.12);
}

.snays-uy-badge-chip.is-tenure-1ay{
  --uy-badge-accent: #0891b2;
  --uy-badge-soft: rgba(8,145,178,.12);
}

.snays-uy-badge-chip.is-tenure-6ay{
  --uy-badge-accent: #7c3aed;
  --uy-badge-soft: rgba(124,58,237,.12);
}

.snays-uy-badge-chip.is-tenure-1yil{
  --uy-badge-accent: #ca8a04;
  --uy-badge-soft: rgba(202,138,4,.14);
}

.snays-uy-badge-chip svg{
  width: 12px;
  height: 12px;
}

.snays-uy-badge-tip{
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  z-index: 3;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  color: #fff;
  background-color: rgba(15,23,42,.92);
  border-radius: 6px;
  transform: translateX(-50%) translateY(2px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.snays-uy-badge-tip::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-top-color: rgba(15,23,42,.92);
}

.snays-uy-badge-chip:hover .snays-uy-badge-tip,
.snays-uy-badge-chip:focus-visible .snays-uy-badge-tip{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.snays-uy-badge-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--uy-badge-accent);
  background-color: var(--uy-badge-soft);
}

.snays-uy-badge-icon svg{
  width: 20px;
  height: 20px;
}

.snays-uy-badge-body{
  min-width: 0;
}

.snays-uy-badge-body b{
  display: block;
  margin-bottom: 2px;
  font-size: var(--snays-fs-sm);
  font-weight: 700;
  color: var(--snays-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-badge-body span{
  display: block;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
  line-height: 1.35;
}

.snays-uy-badge-status{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 72px;
}

.snays-uy-badge-done{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--snays-fs-xxs);
  font-weight: 600;
  color: #16a34a;
  white-space: nowrap;
}

.snays-uy-badge-done svg{
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.snays-uy-badge-track{
  display: block;
  width: 72px;
  height: 4px;
  overflow: hidden;
  background-color: var(--snays-surface-2);
  border-radius: 999px;
}

.snays-uy-badge-track i{
  display: block;
  height: 100%;
  background-color: var(--uy-badge-accent);
  border-radius: inherit;
}

.snays-uy-badge-count{
  font-size: var(--snays-fs-xxs);
  font-weight: 600;
  color: var(--snays-text-soft);
  white-space: nowrap;
}

.snays-uy-inline-form{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 20px;
  padding: 14px;
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-inline-form .snays-uy-input{
  flex: 1 1 200px;
  min-width: 0;
}

.snays-uy-inline-form.is-hidden{
  display: none;
}

.snays-uy-list-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  align-items: start;
}

.snays-uy-list-card{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 16px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-list-head{
  margin-bottom: 4px;
}

.snays-uy-list-head h3{
  margin: 0 0 4px;
  font-size: var(--snays-fs-md);
  font-weight: 700;
}

.snays-uy-mini-list{
  margin: 12px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.snays-uy-mini-list li{
  display: flex;
  align-items: center;
  gap: 8px;
}

.snays-uy-mini-list a{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  font-size: var(--snays-fs-sm);
  font-weight: 500;
  color: var(--snays-text);
}

.snays-uy-mini-list img{
  width: 36px;
  height: 54px;
  object-fit: cover;
  border-radius: var(--snays-radius-btn);
  flex-shrink: 0;
}

.snays-uy-remove{
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  color: var(--snays-primary);
  border-radius: var(--snays-radius-btn);
  transition: background-color var(--snays-transition);
}

.snays-uy-remove:hover{
  background-color: var(--snays-primary-soft);
}

.snays-uy-list-block + .snays-uy-list-block{
  margin-top: 28px;
}

.snays-uy-msg-top{
  margin-bottom: 4px;
}

.snays-uy-msg-lead{
  margin: 4px 0 0;
  font-size: var(--snays-fs-sm);
}

.snays-uy-msg-layout{
  display: grid;
  grid-template-columns: minmax(240px, 300px) 1fr;
  gap: 0;
  min-height: 480px;
  margin-top: 16px;
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
  overflow: hidden;
  background-color: var(--snays-bg);
}

.snays-uy-msg-sidebar{
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  background-color: var(--snays-surface);
  border-right: 1px solid var(--snays-border-soft);
}

.snays-uy-msg-search-wrap{
  position: relative;
  padding: 12px;
  border-bottom: 1px solid var(--snays-border-soft);
}

.snays-uy-msg-search{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  min-height: 42px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
}

.snays-uy-msg-search svg{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--snays-text-muted);
}

.snays-uy-msg-search input{
  width: 100%;
  min-height: 40px;
  padding: 0;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text);
  background: transparent;
  border: 0;
  outline: none;
}

.snays-uy-msg-search-results{
  position: absolute;
  top: calc(100% - 4px);
  left: 12px;
  right: 12px;
  z-index: 5;
  max-height: 280px;
  overflow-y: auto;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-msg-search-results.is-hidden{
  display: none;
}

.snays-uy-msg-search-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  text-align: left;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--snays-border-soft);
  cursor: pointer;
  transition: background-color var(--snays-transition);
}

.snays-uy-msg-search-item:last-child{
  border-bottom: 0;
}

.snays-uy-msg-search-item:hover{
  background-color: var(--snays-surface-2);
}

.snays-uy-msg-search-item .snays-uy-avatar,
.snays-uy-msg-search-item .snays-uy-avatar-fallback{
  width: 36px;
  height: 36px;
  min-height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: var(--snays-fs-xs);
}

.snays-uy-msg-search-item b{
  display: block;
  font-weight: 600;
}

.snays-uy-msg-search-item small{
  display: block;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
}

.snays-uy-msg-search-empty{
  padding: 12px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
}

.snays-uy-msg-sidebar-head{
  padding: 10px 14px 6px;
  font-size: var(--snays-fs-xs);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--snays-text-muted);
}

.snays-uy-msg-empty-list{
  padding: 12px 14px 16px;
  margin: 0;
  font-size: var(--snays-fs-sm);
}

.snays-uy-conv-list{
  margin: 0;
  padding: 0 8px 12px;
  list-style: none;
  overflow-y: auto;
  flex: 1;
}

.snays-uy-conv-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: var(--snays-radius-btn);
  color: inherit;
  text-decoration: none;
  transition: background-color var(--snays-transition);
}

.snays-uy-conv-item:hover,
.snays-uy-conv-item.is-active{
  background-color: var(--snays-surface-2);
}

.snays-uy-conv-item .snays-uy-avatar,
.snays-uy-conv-item .snays-uy-avatar-fallback{
  width: 40px;
  height: 40px;
  min-height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: var(--snays-fs-xs);
}

.snays-uy-conv-meta{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2px 8px;
  min-width: 0;
}

.snays-uy-conv-meta b{
  grid-column: 1;
  font-size: var(--snays-fs-sm);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-conv-meta small{
  grid-column: 1;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-conv-meta .snays-bell-badge{
  grid-column: 2;
  grid-row: 1 / span 2;
}

.snays-uy-msg-main{
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background-color: var(--snays-bg);
}

.snays-uy-msg-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--snays-border-soft);
}

.snays-uy-msg-head-user{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.snays-uy-msg-head-user .snays-uy-avatar,
.snays-uy-msg-head-user .snays-uy-avatar-fallback{
  width: 44px;
  height: 44px;
  min-height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: var(--snays-fs-sm);
}

.snays-uy-msg-head-meta{
  min-width: 0;
}

.snays-uy-msg-head-name{
  display: block;
  font-size: var(--snays-fs-md);
  font-weight: 700;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-msg-head-name:hover{
  color: var(--snays-primary);
}

.snays-uy-msg-head-handle{
  display: block;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
}

.snays-uy-msg-actions{
  position: relative;
  flex-shrink: 0;
}

.snays-uy-msg-act-toggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: var(--snays-text-muted);
  background: transparent;
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
  cursor: pointer;
  transition: background-color var(--snays-transition), color var(--snays-transition);
}

.snays-uy-msg-act-toggle svg{
  width: 18px;
  height: 18px;
}

.snays-uy-msg-act-toggle:hover{
  color: var(--snays-text);
  background-color: var(--snays-surface);
}

.snays-uy-msg-act-menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 6;
  min-width: 180px;
  padding: 6px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-msg-act-menu.is-hidden{
  display: none;
}

.snays-uy-msg-act{
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  font-weight: 500;
  text-align: left;
  color: var(--snays-text);
  background: transparent;
  border: 0;
  border-radius: var(--snays-radius-btn);
  cursor: pointer;
  transition: background-color var(--snays-transition);
}

.snays-uy-msg-act:hover{
  background-color: var(--snays-surface);
}

.snays-uy-msg-act.is-danger{
  color: var(--snays-primary);
}

.snays-uy-msg-blocked{
  margin: 12px 16px 0;
  padding: 12px 14px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
}

.snays-uy-msg-blocked p{
  margin: 0;
}

.snays-uy-msg-thread{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 240px;
  max-height: 420px;
  overflow-y: auto;
  margin: 0;
  padding: 16px 12px 16px 16px;
  scrollbar-width: thin;
  scrollbar-color: var(--snays-border-color) transparent;
}

.snays-uy-msg-thread::-webkit-scrollbar{
  width: 5px;
}

.snays-uy-msg-thread::-webkit-scrollbar-track{
  background: transparent;
}

.snays-uy-msg-thread::-webkit-scrollbar-thumb{
  background-color: var(--snays-border-soft);
  border-radius: 999px;
}

.snays-uy-msg-thread:hover::-webkit-scrollbar-thumb{
  background-color: var(--snays-border-color);
}

.snays-uy-conv-list,
.snays-uy-msg-search-results{
  scrollbar-width: thin;
  scrollbar-color: var(--snays-border-color) transparent;
}

.snays-uy-conv-list::-webkit-scrollbar,
.snays-uy-msg-search-results::-webkit-scrollbar{
  width: 4px;
}

.snays-uy-conv-list::-webkit-scrollbar-track,
.snays-uy-msg-search-results::-webkit-scrollbar-track{
  background: transparent;
}

.snays-uy-conv-list::-webkit-scrollbar-thumb,
.snays-uy-msg-search-results::-webkit-scrollbar-thumb{
  background-color: var(--snays-border-soft);
  border-radius: 999px;
}

.snays-uy-msg-thread-empty{
  margin: auto 0;
  text-align: center;
  font-size: var(--snays-fs-sm);
}

.snays-uy-msg-bubble{
  max-width: 78%;
  padding: 10px 14px;
  font-size: var(--snays-fs-sm);
  line-height: 1.5;
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-msg-bubble.is-mine{
  align-self: flex-end;
  background-color: var(--snays-primary-soft);
  border-color: rgba(215,38,56,.2);
}

.snays-uy-msg-bubble time{
  display: block;
  margin-top: 4px;
  font-size: var(--snays-fs-xxs);
  color: var(--snays-text-soft);
}

.snays-uy-msg-form{
  margin: 0;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--snays-border-soft);
  background-color: var(--snays-surface);
}

.snays-uy-msg-compose-bar{
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 6px 6px 6px 14px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: 999px;
}

.snays-uy-msg-field{
  flex: 1;
  margin: 0;
  min-width: 0;
}

.snays-uy-msg-field textarea{
  display: block;
  width: 100%;
  min-height: 24px;
  max-height: 120px;
  padding: 9px 0;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  line-height: 1.45;
  color: var(--snays-text);
  background: transparent;
  border: 0;
  resize: none;
  overflow-y: auto;
}

.snays-uy-msg-send{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  color: #ffffff;
  background-color: var(--snays-primary);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color var(--snays-transition), opacity var(--snays-transition), transform var(--snays-transition);
}

.snays-uy-msg-send svg{
  width: 18px;
  height: 18px;
  margin-left: 1px;
}

.snays-uy-msg-send:hover{
  background-color: var(--snays-primary-hover);
}

.snays-uy-msg-send:active{
  transform: scale(.96);
}

.snays-uy-msg-send:disabled{
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

.snays-uy-msg-compose{
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 40px 24px;
  text-align: center;
}

.snays-uy-msg-compose-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
  border-radius: 50%;
}

.snays-uy-msg-compose-icon svg{
  width: 28px;
  height: 28px;
}

.snays-uy-msg-compose p{
  max-width: 320px;
  margin: 0;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  line-height: 1.55;
}

.snays-uy-modal-overlay{
  position: fixed;
  inset: 0;
  z-index: var(--snays-z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--snays-bar-pad);
  background-color: rgba(8,8,12,.62);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .2s ease;
}

.snays-uy-modal-overlay.is-visible{
  opacity: 1;
}

body.snays-uy-modal-open{
  overflow: hidden;
}

.snays-uy-modal{
  width: 100%;
  max-width: 420px;
  max-height: min(80vh, 640px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-lg);
  box-shadow: 0 24px 48px rgba(0,0,0,.22);
  transform: translateY(10px) scale(.98);
  transition: transform .22s ease;
}

.snays-uy-modal-overlay.is-visible .snays-uy-modal{
  transform: translateY(0) scale(1);
}

.snays-uy-list-modal-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid var(--snays-border-soft);
}

.snays-uy-list-modal-lead{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.snays-uy-list-modal-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
  border-radius: 12px;
}

.snays-uy-list-modal-icon svg{
  width: 22px;
  height: 22px;
}

.snays-uy-list-modal-lead h3{
  margin: 0 0 4px;
  font-size: var(--snays-fs-lg);
  font-weight: 800;
  color: var(--snays-text);
  line-height: 1.2;
}

.snays-uy-list-modal-lead p{
  margin: 0;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
  line-height: 1.45;
}

.snays-uy-list-modal-close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  padding: 0;
  color: var(--snays-text-soft);
  background: transparent;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color var(--snays-transition), color var(--snays-transition);
}

.snays-uy-list-modal-close:hover{
  color: var(--snays-text);
  background-color: var(--snays-surface-2);
}

.snays-uy-list-modal-close svg{
  width: 18px;
  height: 18px;
}

.snays-uy-list-modal-body{
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 12px 16px;
}

.snays-uy-list-modal-grid{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.snays-uy-list-pick{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
  cursor: pointer;
  transition: border-color var(--snays-transition), background-color var(--snays-transition), box-shadow var(--snays-transition);
}

.snays-uy-list-pick:hover{
  border-color: var(--snays-border-color);
  background-color: var(--snays-surface-2);
}

.snays-uy-list-pick.is-selected{
  border-color: color-mix(in srgb, var(--snays-primary) 45%, var(--snays-border-soft));
  background-color: color-mix(in srgb, var(--snays-primary) 8%, var(--snays-bg));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--snays-primary) 12%, transparent);
}

.snays-uy-list-pick-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.snays-uy-list-pick-mark{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: var(--snays-bg);
  border: 2px solid var(--snays-border-color);
  transition: background-color var(--snays-transition), border-color var(--snays-transition);
}

.snays-uy-list-pick.is-selected .snays-uy-list-pick-mark::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.snays-uy-list-pick.is-selected .snays-uy-list-pick-mark{
  background-color: var(--snays-primary);
  border-color: var(--snays-primary);
}

.snays-uy-list-pick-body{
  min-width: 0;
}

.snays-uy-list-pick-body b{
  display: block;
  margin-bottom: 2px;
  font-size: var(--snays-fs-sm);
  font-weight: 700;
  color: var(--snays-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.snays-uy-list-pick-body span{
  display: block;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-muted);
}

.snays-uy-list-pick-check{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--snays-primary);
  opacity: 0;
  transform: scale(.85);
  transition: opacity var(--snays-transition), transform var(--snays-transition);
}

.snays-uy-list-pick-check svg{
  width: 18px;
  height: 18px;
}

.snays-uy-list-pick.is-selected .snays-uy-list-pick-check{
  opacity: 1;
  transform: scale(1);
}

.snays-uy-list-modal-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 16px 20px;
  text-align: center;
}

.snays-uy-list-modal-empty-ico{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  color: var(--snays-text-soft);
  background-color: var(--snays-surface-2);
  border-radius: 16px;
}

.snays-uy-list-modal-empty-ico svg{
  width: 28px;
  height: 28px;
}

.snays-uy-list-modal-empty p{
  margin: 0;
  max-width: 280px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
  line-height: 1.55;
}

.snays-uy-list-modal-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 16px;
  border-top: 1px solid var(--snays-border-soft);
  background-color: var(--snays-surface);
}

.snays-uy-list-modal-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--snays-fs-xs);
  font-weight: 600;
  color: var(--snays-primary);
  text-decoration: none;
  transition: opacity var(--snays-transition);
}

.snays-uy-list-modal-link:hover{
  opacity: .82;
}

.snays-uy-list-modal-link svg{
  width: 16px;
  height: 16px;
}

.snays-uy-list-modal-foot .snays-uy-btn.is-dark{
  min-width: 96px;
}

@media (max-width: 480px){
  .snays-uy-list-modal-foot{
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .snays-uy-list-modal-link{
    justify-content: center;
    padding: 8px 0 2px;
  }
  .snays-uy-list-modal-foot .snays-uy-btn.is-dark{
    width: 100%;
    min-width: 0;
  }
}

.snays-uy-modal h3{
  margin: 0 0 14px;
  font-size: var(--snays-fs-lg);
  font-weight: 700;
}

.snays-uy-modal-list{
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.snays-uy-modal-list label{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: var(--snays-radius-btn);
  font-size: var(--snays-fs-sm);
  cursor: pointer;
  transition: background-color var(--snays-transition);
}

.snays-uy-modal-list label:hover{
  background-color: var(--snays-surface);
}

.snays-uy-comments{
  padding: 36px 0 48px;
  background-color: var(--snays-surface);
  border-top: 1px solid var(--snays-border-soft);
}

.snays-uy-comments-wrap{
  width: 100%;
  max-width: var(--snays-container);
  margin-inline: auto;
  padding-inline: var(--snays-bar-pad);
}

.snays-uy-comments-title{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  font-size: var(--snays-fs-xl);
  font-weight: 800;
  color: var(--snays-text);
}

.snays-uy-comments-title svg{
  width: 22px;
  height: 22px;
  color: var(--snays-primary);
}

.snays-uy-comment-guest{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-comment-guest svg{
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: var(--snays-primary);
}

.snays-uy-comment-guest p{
  margin: 0;
}

.snays-uy-comment-form{
  margin: 0 0 24px;
  padding: 18px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-comment-user{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text-muted);
}

.snays-uy-comment-user svg{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--snays-primary);
}

.snays-uy-comment-compose-head{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: var(--snays-fs-md);
  font-weight: 700;
  color: var(--snays-text);
}

.snays-uy-comment-compose-head svg{
  width: 20px;
  height: 20px;
  color: var(--snays-primary);
}

.snays-uy-comment-form .comment-form-comment{
  margin: 0 0 12px;
}

.snays-uy-comment-form .comment-form-comment textarea{
  width: 100%;
  min-height: 110px;
  padding: 12px 14px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  line-height: 1.55;
  color: var(--snays-text);
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
  resize: vertical;
}

.snays-uy-spoiler-check{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  font-size: var(--snays-fs-sm);
  color: var(--snays-text);
  cursor: pointer;
}

.snays-uy-spoiler-check svg{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--snays-primary);
}

.snays-uy-spoiler-check input{
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--snays-primary);
}

.snays-uy-comment-hint{
  margin: 0 0 14px;
  font-size: var(--snays-fs-xs);
}

.snays-uy-comment-submit{
  margin: 0;
}

.snays-uy-comment-submit-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.snays-uy-comment-submit-btn svg{
  width: 18px;
  height: 18px;
}

.snays-uy-comment-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.snays-uy-comment{
  margin: 0;
  padding: 16px;
  background-color: var(--snays-bg);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-md);
}

.snays-uy-comment-inner{
  display: flex;
  gap: 12px;
}

.snays-uy-comment-avatar .snays-uy-avatar,
.snays-uy-comment-avatar .snays-uy-avatar-fallback{
  width: 48px;
  height: 48px;
  min-height: 48px;
  border-radius: 50%;
  font-size: var(--snays-fs-sm);
}

.snays-uy-comment-avatar img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.snays-uy-comment-body{
  flex: 1;
  min-width: 0;
}

.snays-uy-comment-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.snays-uy-comment-author{
  font-size: var(--snays-fs-sm);
  font-weight: 700;
  color: var(--snays-text);
  text-decoration: none;
}

a.snays-uy-comment-author:hover{
  color: var(--snays-primary);
}

.snays-uy-comment-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: var(--snays-fs-xxs);
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
  border-radius: 999px;
}

.snays-uy-comment-badge svg{
  width: 12px;
  height: 12px;
}

.snays-uy-comment-meta time{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--snays-fs-xs);
  color: var(--snays-text-soft);
}

.snays-uy-comment-meta time svg{
  width: 14px;
  height: 14px;
}

.snays-uy-comment-text{
  font-size: var(--snays-fs-sm);
  line-height: 1.65;
  color: var(--snays-text-muted);
}

.snays-uy-comment-text p{
  margin: 0 0 8px;
}

.snays-uy-comment-text p:last-child{
  margin-bottom: 0;
}

.snays-uy-spoiler{
  margin: 4px 0;
}

.snays-uy-spoiler-toggle{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  font-family: inherit;
  font-size: var(--snays-fs-sm);
  font-weight: 600;
  color: var(--snays-primary);
  background-color: var(--snays-primary-soft);
  border: 1px solid rgba(215,38,56,.18);
  border-radius: var(--snays-radius-btn);
  cursor: pointer;
  transition: background-color var(--snays-transition), border-color var(--snays-transition);
}

.snays-uy-spoiler-toggle svg{
  width: 18px;
  height: 18px;
}

.snays-uy-spoiler-toggle:hover{
  background-color: var(--snays-bg);
  border-color: var(--snays-primary);
}

.snays-uy-spoiler-body{
  margin-top: 10px;
  padding: 12px 14px;
  font-size: var(--snays-fs-sm);
  line-height: 1.65;
  color: var(--snays-text);
  background-color: var(--snays-surface);
  border: 1px solid var(--snays-border-soft);
  border-radius: var(--snays-radius-btn);
}

.snays-uy-spoiler-body.is-hidden{
  display: none;
}

.snays-uy-spoiler.is-open .snays-uy-spoiler-toggle span{
  font-weight: 700;
}

.snays-actions .snays-uy-auth{
  display: flex;
  align-items: center;
  gap: 6px;
}

.snays-actions .snays-uy-auth .snays-uy-btn,
.snays-actions .snays-uy-auth .snays-pf-btn{
  min-height: 36px;
  padding: 0 12px;
  font-size: var(--snays-fs-xs);
}

.snays-dz-btn.is-liked,
.snays-hr-fav-btn.is-liked{
  color: var(--snays-primary);
}

@media (max-width: 900px){
  .snays-uy-row{
    grid-template-columns: 1fr;
  }
  .snays-uy-dash-wrap{
    grid-template-columns: 1fr;
  }
  .snays-uy-dash-aside{
    position: static;
  }
  .snays-uy-dash-nav{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .snays-uy-dash-nav .snays-uy-dash-link span{
    display: none;
  }
  .snays-uy-dash-nav .snays-uy-dash-link{
    width: auto;
    flex: 1;
    justify-content: center;
    min-width: 44px;
  }
  .snays-uy-msg-layout{
    grid-template-columns: 1fr;
  }
  .snays-uy-msg-sidebar{
    border-right: 0;
    border-bottom: 1px solid var(--snays-border-soft);
  }
  .snays-uy-profile-top{
    gap: 14px;
  }
  .snays-uy-user-avatar.is-lg{
    width: 72px;
    height: 72px;
  }
  .snays-uy-profile-name{
    font-size: var(--snays-fs-lg);
  }
  .snays-uy-profile-acts{
    flex-wrap: nowrap;
    width: 100%;
    justify-content: stretch;
  }
  .snays-uy-profile-acts .snays-uy-btn{
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 10px;
    font-size: var(--snays-fs-xs);
  }
  .snays-uy-profile-acts .snays-uy-btn:only-child{
    flex-basis: 100%;
  }
}

@media (max-width: 640px){
  .snays-uy-form-section .snays-uy-card{
    padding: 20px 16px;
  }
  .snays-uy-stat-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .snays-uy-stat{
    gap: 10px;
    padding: 12px 10px;
  }
  .snays-uy-stat-ico{
    width: 36px;
    height: 36px;
  }
  .snays-uy-stat-ico svg{
    width: 17px;
    height: 17px;
  }
  .snays-uy-stat dt{
    font-size: 9px;
    letter-spacing: 0;
    line-height: 1.2;
  }
  .snays-uy-stat dd{
    font-size: var(--snays-fs-md);
  }
  .snays-uy-avatar-upload{
    gap: 12px;
    padding: 14px;
  }
  .snays-uy-avatar-upload-preview{
    width: 72px;
    height: 72px;
  }
  .snays-uy-file-picker{
    flex-direction: column;
    align-items: flex-start;
  }
}