/* Reserved for member-surface shared page styles. */

#page-settings .uc-settings-shell {
	border: 1px solid var(--uc-dna-border-strong);
}

#page-settings .uc-settings-intro {
	color: #4b5563;
}

#page-settings .uc-settings-accordion {
	display: grid;
	gap: 8px;
}

#page-settings .uc-settings-item {
	border: 1px solid #cfd5dc;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

#page-settings .uc-settings-summary {
	list-style: none !important;
	cursor: pointer;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-bottom: 1px solid #e5e7eb;
	background: #f3f4f6;
}

#page-settings .uc-settings-summary::-webkit-details-marker {
	display: none;
}

#page-settings .uc-settings-summary::marker {
	content: "";
}

#page-settings .uc-settings-summary::before {
	content: "â–¸";
	font-size: 13px;
	font-weight: 900;
	color: #5b6778;
}

#page-settings .uc-settings-item[open] .uc-settings-summary::before {
	content: "â–¾";
}

#page-settings .uc-settings-summary::after {
	content: "";
}

#page-settings .uc-settings-title {
	font-size: 12px;
	font-weight: 900;
	color: #111827;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

#page-settings .uc-settings-meta {
	font-size: 11px;
	color: #6b7280;
	text-align: right;
}

#page-settings .uc-settings-panel {
	padding: 10px 12px 12px;
	background: #fff;
}

.uc-browse-shell {
	border: 1px solid var(--uc-dna-border-strong);
}

.uc-browse-modern-intro {
	border: 1px solid #e2e8f0;
	background: linear-gradient(135deg, #fff, #f8fafc);
	padding: 10px 12px;
	border-radius: 10px;
}

.uc-browse-intro {
	color: #4b5563;
}

.uc-browse-filterbar {
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	padding: 10px;
}

.uc-browse-modern-filterbar {
	border-radius: 22px;
	background: linear-gradient(180deg, #f4f7fb 0%, #e9eff7 100%);
	border: 1px solid #bcc8d8;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
	padding: 16px;
}

.uc-browse-filter-title {
	color: #7f1d1d;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

.uc-surface-field-label,
.uc-browse-field-label,
.uc-circles-field-label {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1e293b;
}

.uc-surface-control-wrap,
.uc-surface-select-wrap,
.uc-browse-control-wrap,
.uc-browse-select-wrap,
.uc-circles-input-wrap,
.uc-circles-select-wrap {
	position: relative;
}

.uc-surface-control-icon,
.uc-browse-control-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	font-size: 14px;
	font-weight: 900;
}

.uc-surface-input,
.uc-browse-control {
	width: 100%;
	border: 1px solid #b7c5d8;
	border-radius: 14px;
	background: #e8eef6;
	padding: 10px 12px;
	font-size: 12px;
	font-weight: 800;
	color: #0f172a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-surface-input-search,
.uc-browse-control-search {
	padding-left: 32px;
}

.uc-surface-select,
.uc-browse-select {
	appearance: none;
	padding-right: 34px;
}

.uc-surface-select-icon,
.uc-browse-select-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 900;
	color: #94a3b8;
	pointer-events: none;
}

.uc-surface-input:focus,
.uc-surface-select:focus,
.uc-browse-control:focus,
.uc-browse-select:focus,
.uc-circles-input:focus,
.uc-circles-select:focus {
	outline: 3px solid rgba(220, 38, 38, 0.22);
	border-color: #dc2626;
	background: #ffffff;
}

.uc-surface-toggle,
.uc-browse-online-label {
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #b7c5d8;
	background: #e8eef6;
	color: #334155;
	font-weight: 800;
}

.uc-browse-filter-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-template-areas:
		"search"
		"state"
		"city"
		"radius"
		"show"
		"agemin"
		"agemax"
		"sort"
		"online"
		"submit";
}

.uc-browse-search { grid-area: search; }
.uc-browse-state { grid-area: state; }
.uc-browse-city { grid-area: city; }
.uc-browse-radius { grid-area: radius; }
.uc-browse-show { grid-area: show; }
.uc-browse-age-min { grid-area: agemin; }
.uc-browse-age-max { grid-area: agemax; }
.uc-browse-sort { grid-area: sort; }
.uc-browse-online { grid-area: online; }
.uc-browse-submit { grid-area: submit; }

.uc-browse-chip {
	background: #e6edf6;
	border: 1px solid #bcc8d8;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	color: #1f2937;
}

.uc-surface-card {
	border: 1px solid #d6deea;
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%),
		linear-gradient(90deg, rgba(220, 38, 38, 0.06), rgba(234, 179, 8, 0.05));
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.uc-surface-card-hover {
	transition: transform 0.16s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.uc-surface-card-hover:hover {
	transform: translateY(-2px);
	border-color: #bac8dc;
	box-shadow: 0 14px 24px rgba(15, 23, 42, 0.15);
}

.uc-surface-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 11px;
	border-radius: 999px;
	border: 1px solid #d4dce8;
	background: #f8fafc;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #475569;
	line-height: 1;
}

.uc-surface-pill--positive {
	border-color: #86efac;
	background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
	color: #166534;
}

.uc-surface-pill--warning {
	border-color: #fcd34d;
	background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
	color: #92400e;
}

.uc-surface-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	padding: 10px 14px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	transition: transform 0.1s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

.uc-surface-btn--primary {
	border: 1px solid #7f1d1d;
	background: linear-gradient(135deg, #b91c1c, #7f1d1d);
	color: #fff;
	box-shadow: 0 5px 0 rgba(127, 29, 29, 0.55);
}

.uc-surface-btn--primary:hover {
	filter: brightness(1.04);
}

.uc-surface-btn--primary:active {
	transform: translateY(1px);
	box-shadow: 0 4px 0 rgba(127, 29, 29, 0.5);
}

.uc-surface-btn--secondary {
	border: 1px solid #b6c5d8;
	background: #f4f7fb;
	color: #0f172a;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.1);
}

.uc-surface-btn--accent {
	border: 1px solid #a16207;
	background: linear-gradient(135deg, #facc15, #eab308);
	color: #1f2937;
	box-shadow: 0 4px 10px rgba(161, 98, 7, 0.22);
}

.uc-browse-card {
	border: 1px solid #c9d6e6;
	background: #fff;
	border-radius: 12px;
	padding: 12px;
	display: flex;
	gap: 10px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.uc-browse-card-official {
	position: relative;
	padding: 16px;
	gap: 14px;
	border-color: #c9d6e6;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}

.uc-browse-status-wrap {
	position: absolute;
	top: 12px;
	right: 12px;
}

.uc-browse-card-label {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9ca3af;
	margin-bottom: 2px;
}

.uc-browse-avatar-wrap {
	width: 68px;
	height: 68px;
	border-radius: 14px;
	overflow: hidden;
	border: 2px solid #e2e8f0;
	background: #f8fafc;
	flex-shrink: 0;
}

.uc-browse-avatar-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.uc-browse-userline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.uc-browse-username {
	font-size: 17px;
	font-weight: 900;
	color: #7f1d1d;
	line-height: 1;
}

.uc-browse-meta {
	margin-top: 2px;
	font-size: 11px;
	color: #64748b;
}

.uc-browse-identity {
	margin-top: 3px;
	font-size: 11px;
	color: #64748b;
}

.uc-browse-identity-link {
	color: #991b1b;
	font-weight: 900;
	text-decoration: none;
}

.uc-browse-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	padding: 3px 9px;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.uc-browse-status-chip {
	padding: 2px 8px;
	font-size: 8px;
}

.uc-browse-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.uc-browse-status-online {
	color: #166534;
	background: #dcfce7;
	border: 1px solid #86efac;
}

.uc-browse-status-online .uc-browse-status-dot {
	background: #22c55e;
}

.uc-browse-status-offline {
	color: #64748b;
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
}

.uc-browse-status-offline .uc-browse-status-dot {
	background: #94a3b8;
}

.uc-browse-actions {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.uc-browse-actions > a {
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

#page-browse .uc-surface-btn {
	border-radius: 12px;
	padding: 9px 13px;
	font-size: 10px;
	letter-spacing: 0.1em;
}

#page-browse .uc-surface-btn--primary {
	border: 1px solid #8e1f1f !important;
	background: linear-gradient(135deg, #c32626, #8e1f1f);
	color: #ffffff !important;
	box-shadow: 0 4px 0 rgba(127, 29, 29, 0.52);
}

#page-browse button.uc-surface-btn--primary,
#page-browse a.uc-surface-btn--primary {
	appearance: none;
	-webkit-appearance: none;
	text-decoration: none;
}

#page-browse .uc-surface-btn--secondary {
	background: linear-gradient(180deg, #f8fbff, #e9f0f8);
	border-color: #b9c8da;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}

#page-browse .uc-surface-btn--accent {
	border: 1px solid #b17a09 !important;
	background: linear-gradient(135deg, #f7cc39, #e9ad16);
	color: #1f2937 !important;
	box-shadow: 0 4px 0 rgba(177, 122, 9, 0.5);
}

#page-browse button.uc-surface-btn--accent,
#page-browse a.uc-surface-btn--accent {
	appearance: none;
	-webkit-appearance: none;
	text-decoration: none;
}

#page-browse .uc-browse-actions > a {
	padding-inline: 12px;
	min-height: 33px;
}

#page-browse .uc-surface-btn:hover {
	transform: translateY(-1px);
}

#page-browse .uc-browse-shell {
	border-width: 1px;
	border-color: var(--uc-dna-border-strong);
	border-radius: 14px;
	overflow: hidden;
}

#page-browse .uc-browse-modern-intro {
	border: 0;
	border-radius: 16px;
}

#page-browse .uc-browse-modern-filterbar {
	border-width: 1px;
	border-color: #bcc8d8;
	border-radius: 26px;
}

#page-browse .uc-browse-card,
#page-browse .uc-browse-card-official,
#page-browse .uc-surface-card {
	border-width: 1px;
	border-color: #bfcddd;
	border-radius: 24px;
}

#page-browse .uc-browse-avatar-wrap {
	border-color: #bfcddd;
	border-width: 2px;
	border-radius: 14px;
}

#page-browse .uc-surface-input,
#page-browse .uc-surface-select,
#page-browse .uc-browse-control,
#page-browse .uc-browse-select,
#page-browse .uc-surface-toggle,
#page-browse .uc-browse-online-label,
#page-browse input,
#page-browse select {
	border-width: 1px !important;
	border-color: #b7c5d8 !important;
	border-radius: 14px !important;
	background: #e8eef6 !important;
}

#page-browse .uc-surface-input:focus,
#page-browse .uc-surface-select:focus,
#page-browse .uc-browse-control:focus,
#page-browse .uc-browse-select:focus,
#page-browse input:focus,
#page-browse select:focus {
	border-color: #dc2626 !important;
	outline: 3px solid rgba(220, 38, 38, 0.22);
	background: #ffffff !important;
}

.uc-circles-shell {
	border: 1px solid var(--uc-dna-border-strong);
	background: linear-gradient(180deg, #edf2f8 0%, #e1e8f1 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-circles-hero {
	display: grid;
	gap: 6px;
	margin-bottom: 4px;
}

.uc-circles-hero-title {
	font-size: clamp(22px, 3.6vw, 36px);
	font-weight: 900;
	letter-spacing: -0.02em;
	color: #0b1324;
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-circles-hero-title::after {
	content: "";
	display: inline-block;
	width: 86px;
	height: 6px;
	margin-left: 10px;
	border-radius: 999px;
	vertical-align: middle;
	background: linear-gradient(90deg, #dc2626, #f59e0b);
}

.uc-circles-hero-copy {
	font-size: 15px;
	color: #334155;
	max-width: 720px;
}

.uc-circles-filterbar {
	border: 1px solid #bcc8d8;
	background: linear-gradient(180deg, #f4f7fb 0%, #e9eff7 100%);
	border-radius: 26px;
	padding: 20px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}

.uc-circles-filter-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-template-areas:
		"search"
		"state"
		"status"
		"sort"
		"submit";
}

.uc-circles-search-field { grid-area: search; }
.uc-circles-state-field { grid-area: state; }
.uc-circles-status-field { grid-area: status; }
.uc-circles-sort-field { grid-area: sort; }
.uc-circles-submit-field { grid-area: submit; }

.uc-circles-input-icon,
.uc-surface-control-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	font-size: 14px;
	font-weight: 900;
}

.uc-circles-input,
.uc-circles-select {
	width: 100%;
	border: 1px solid #b7c5d8;
	border-radius: 14px;
	background: #e8eef6;
	padding: 10px 12px;
	font-size: 12px;
	font-weight: 800;
	color: #0f172a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-circles-input {
	padding-left: 32px;
}

.uc-circles-select {
	appearance: none;
	padding-right: 34px;
}

.uc-circles-select-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 900;
	color: #94a3b8;
	pointer-events: none;
}

.uc-circles-search-btn {
	padding: 10px 14px;
	gap: 8px;
}

.uc-circles-submit-wrap {
	min-height: 40px;
}

.uc-circles-chip {
	background: #e6edf6;
	border: 1px solid #bcc8d8;
	border-radius: 999px;
	padding: 5px 11px;
	font-size: 10px;
	font-weight: 800;
	color: #1f2937;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.uc-circles-chip-label {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #94a3b8;
	padding-right: 2px;
}

.uc-circles-inline-status {
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid #d1d5db;
	border-radius: 10px;
	background: #f8fafc;
	color: #334155;
	font-size: 12px;
	font-weight: 700;
}

.uc-circles-inline-status.is-error {
	border-color: #fecaca;
	background: #fef2f2;
	color: #991b1b;
}

.uc-circles-inline-status.is-success {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #166534;
}

.uc-circles-inline-status.is-hint {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1e40af;
}

.uc-circles-results-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.uc-circles-empty {
	border: 2px dashed #cbd5e1;
	background: #f8fafc;
	border-radius: 18px;
	padding: 28px 14px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
}

.uc-circles-card {
	border: 1px solid #bfcddd;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	padding: 24px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.uc-circles-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 30px rgba(15, 23, 42, 0.16);
	border-color: #aabbd1;
}

.uc-circles-card-topline {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #94a3b8;
}

.uc-circles-card-title {
	font-size: 22px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: #111827;
}

.uc-circles-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	border: 1px solid transparent;
	padding: 4px 11px;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.uc-circles-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
}

.uc-circles-status-on-fire {
	color: #9a3412;
	background: #fff7ed;
	border-color: #fed7aa;
}

.uc-circles-status-on-fire .uc-circles-status-dot {
	background: #ea580c;
}

.uc-circles-status-hot {
	color: #92400e;
	background: #fffbeb;
	border-color: #fde68a;
}

.uc-circles-status-hot .uc-circles-status-dot {
	background: #f59e0b;
}

.uc-circles-status-active {
	color: #1d4ed8;
	background: #eff6ff;
	border-color: #bfdbfe;
}

.uc-circles-status-active .uc-circles-status-dot {
	background: #3b82f6;
}

.uc-circles-status-steady,
.uc-circles-status-quiet {
	color: #0f766e;
	background: #f0fdfa;
	border-color: #99f6e4;
}

.uc-circles-status-steady .uc-circles-status-dot,
.uc-circles-status-quiet .uc-circles-status-dot {
	background: #14b8a6;
}

.uc-circles-stats {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.uc-circles-stat {
	background: #dde6f1;
	border: 1px solid #c1cfdf;
	border-radius: 14px;
	padding: 11px;
}

.uc-circles-stat-label {
	font-size: 9px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #64748b;
}

.uc-circles-stat-value {
	font-size: 18px;
	font-weight: 900;
	color: #0b1324;
	letter-spacing: -0.01em;
}

.uc-circles-meta {
	margin-top: 14px;
	display: grid;
	gap: 8px;
}

.uc-circles-lead-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.uc-circles-lead-icon {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: #fee2e2;
	color: #dc2626;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	font-weight: 900;
}

.uc-circles-leads {
	font-size: 11px;
	font-weight: 800;
	color: #334155;
}

.uc-circles-why {
	font-size: 11px;
	line-height: 1.35;
	color: #475569;
	background: #dde6f1;
	border: 1px solid #c1cfdf;
	border-radius: 12px;
	padding: 10px 11px;
	font-style: italic;
}

.uc-circles-actions {
	margin-top: 14px;
	display: grid;
	gap: 8px;
}

.uc-circles-actions button {
	border-radius: 16px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 12px 12px;
	width: 100%;
}

.uc-circles-btn-primary {
	width: 100%;
}

.uc-circles-btn-secondary {
	width: 100%;
}

#page-circles .uc-surface-btn {
	border-radius: 14px;
	padding: 10px 15px;
	font-size: 10px;
	letter-spacing: 0.11em;
}

#page-circles .uc-circles-search-btn {
	background: linear-gradient(135deg, #d22f2f, #9f2020);
	box-shadow: 0 8px 16px rgba(185, 28, 28, 0.28);
}

#page-circles .uc-circles-actions .uc-surface-btn--primary {
	background: linear-gradient(135deg, #ce2a2a, #931c1c);
	box-shadow: 0 6px 12px rgba(185, 28, 28, 0.24);
}

#page-circles .uc-circles-actions .uc-surface-btn--secondary {
	background: linear-gradient(180deg, #f7fbff, #ebf2fb);
	border-color: #b7c7da;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.1);
}

#page-circles .uc-surface-btn:hover {
	transform: translateY(-1px);
}

#page-neighborhood-profile .main-card {
	background: linear-gradient(180deg, #edf2f8 0%, #e2e9f2 100%);
	border-color: #bbc9da;
}

#page-neighborhood-profile .section-header {
	box-shadow: inset 0 -2px 0 rgba(250, 204, 21, 0.45);
}

#page-neighborhood-profile .border-b.bg-white,
#page-neighborhood-profile .border-y-2.bg-white {
	background: linear-gradient(180deg, #f8fbff 0%, #edf3fb 100%);
	border-color: #c4d1e0 !important;
}

#page-neighborhood-profile .p-5.md\:p-6 {
	background: linear-gradient(180deg, #e9f0f8 0%, #dfe8f3 100%);
}

#page-neighborhood-profile .border-2.border-gray-900.bg-white {
	border-color: #1f2937 !important;
	background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%) !important;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

#page-neighborhood-profile #neighborhood-policy-panel {
	background: linear-gradient(180deg, #fff7cc 0%, #feeea2 100%) !important;
	border-color: #8b5e00 !important;
}

#page-neighborhood-profile #neighborhood-profile-why {
	background: #dce7f4;
	border: 1px solid #bfd0e2;
	border-radius: 10px;
	padding: 8px 10px;
	color: #334155 !important;
}

#page-neighborhood-profile button {
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

#page-neighborhood-profile #neighborhood-visit-button {
	background: #e6edf7 !important;
	border: 1px solid #b8c8dc;
}

#page-browse input,
#page-browse select,
#page-profile input,
#page-profile textarea,
#page-profile select,
#page-settings input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
#page-settings textarea,
#page-settings select,
#page-porch input,
#page-porch textarea,
#page-confessions textarea,
#page-ad-portal input:not([type="file"]),
#page-ad-portal select,
#page-reset input,
#page-inbox input,
#page-inbox textarea,
#page-wire textarea,
#page-neighborhood-network textarea,
#page-neighborhood-profile input,
#page-neighborhood-profile textarea,
#page-neighborhood-profile select,
#page-avatar-maker input,
#page-avatar-maker select,
#page-experts textarea,
#page-experts select,
#page-admin input,
#page-admin select,
#page-admin textarea,
#page-site-ops input,
#page-site-ops select,
#page-site-ops textarea {
	background: #e8eef6 !important;
	border: 1px solid #b7c5d8 !important;
	color: #0f172a !important;
	font-weight: 700;
	border-radius: 10px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#page-browse input:focus,
#page-browse select:focus,
#page-profile input:focus,
#page-profile textarea:focus,
#page-profile select:focus,
#page-settings input:focus,
#page-settings textarea:focus,
#page-settings select:focus,
#page-porch input:focus,
#page-porch textarea:focus,
#page-confessions textarea:focus,
#page-ad-portal input:focus,
#page-ad-portal select:focus,
#page-reset input:focus,
#page-inbox input:focus,
#page-inbox textarea:focus,
#page-wire textarea:focus,
#page-neighborhood-network textarea:focus,
#page-neighborhood-profile input:focus,
#page-neighborhood-profile textarea:focus,
#page-neighborhood-profile select:focus,
#page-avatar-maker input:focus,
#page-avatar-maker select:focus,
#page-experts textarea:focus,
#page-experts select:focus,
#page-admin input:focus,
#page-admin select:focus,
#page-admin textarea:focus,
#page-site-ops input:focus,
#page-site-ops select:focus,
#page-site-ops textarea:focus {
	outline: 3px solid rgba(220, 38, 38, 0.22);
	border-color: #dc2626 !important;
	background: #ffffff !important;
}

.uc-circles-residency-panel {
	border: 1px solid #fde68a;
	background: linear-gradient(135deg, #fff7ed, #fffbeb);
	border-radius: 24px;
	padding: 18px 20px;
	color: #7c2d12;
}

.uc-circles-residency-title {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #b91c1c;
}

#page-profile .uc-profile-invite-panel {
	display: grid;
	gap: 8px;
}

#page-profile .uc-profile-invite-keyline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

#page-profile .uc-profile-invite-label {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #4b5563;
}

#page-profile .uc-profile-invite-key {
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	color: var(--uc-dna-header-red);
}

#page-profile .uc-profile-invite-expiry {
	font-size: 10px;
	font-weight: 700;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#page-profile .uc-profile-invite-actions {
	display: flex;
	gap: 8px;
}

#page-profile #invite-send-btn,
#page-profile .uc-profile-invite-actions .uc-dna-btn {
	width: 100%;
}

#page-wire .uc-wire-shell {
	border: 1px solid var(--uc-dna-border-strong);
	border-radius: 16px;
	overflow: hidden;
	background: linear-gradient(180deg, #edf2f8 0%, #e5ecf5 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#page-wire .uc-wire-content {
	color: #334155;
	padding: 18px;
	background:
		radial-gradient(920px 240px at 12% -8%, rgba(220, 38, 38, 0.08), transparent 58%),
		radial-gradient(860px 220px at 88% -12%, rgba(245, 158, 11, 0.12), transparent 62%),
		linear-gradient(180deg, #f8fbff 0%, #eef4fc 100%);
}

#page-wire .uc-wire-intro-copy {
	margin: 0;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid #c5d3e4;
	background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
	font-size: 13px;
	line-height: 1.5;
	color: #334155;
}

#page-wire .uc-wire-channel-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#page-wire .uc-wire-tab {
	padding: 9px 12px;
	border-radius: 11px;
	border: 1px solid #b6c5d8;
	background: #f4f7fb;
	color: #0f172a;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.1);
	transition: transform 0.12s ease, filter 0.12s ease;
}

#page-wire .uc-wire-tab:hover {
	transform: translateY(-1px);
	filter: brightness(1.03);
}

#page-wire .uc-wire-tab.is-active {
	border-color: #7f1d1d;
	background: linear-gradient(135deg, #b91c1c, #7f1d1d);
	color: #fff;
	box-shadow: 0 5px 0 rgba(127, 29, 29, 0.5);
}

#page-wire .uc-wire-channel-description {
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #c5d3e4;
	background: #f8fbff;
	font-size: 11px;
	font-weight: 700;
	color: #475569;
}

#page-wire .uc-wire-layout-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 14px;
}

#page-wire .uc-wire-feed-panel,
#page-wire .uc-wire-detail-panel,
#page-wire .uc-wire-sponsored {
	border: 1px solid #c5d3e4;
	border-radius: 16px;
	padding: 14px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8fd 100%);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

#page-wire .uc-wire-section-title {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #64748b;
	margin-bottom: 8px;
}

#page-wire .uc-wire-feed-list {
	display: grid;
	gap: 8px;
}

#page-wire .uc-wire-feed-empty,
#page-wire .uc-wire-comment-empty {
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	padding: 10px;
	background: #f8fafc;
	font-size: 11px;
	font-weight: 700;
	color: #64748b;
}

#page-wire .uc-wire-feed-item {
	width: 100%;
	text-align: left;
	padding: 11px;
	border-radius: 14px;
	border: 1px solid #cbd5e1;
	background: #ffffff;
	transition: transform 0.14s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

#page-wire .uc-wire-feed-item:hover {
	transform: translateY(-1px);
	border-color: #a8bbd2;
	box-shadow: 0 10px 18px rgba(15, 23, 42, 0.11);
}

#page-wire .uc-wire-feed-item.is-selected {
	border-color: #991b1b;
	background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
	box-shadow: inset 0 0 0 1px rgba(153, 27, 27, 0.1);
}

#page-wire .uc-wire-feed-title {
	font-size: 12px;
	font-weight: 900;
	color: #991b1b;
	line-height: 1.3;
}

#page-wire .uc-wire-feed-teaser {
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.4;
	color: #334155;
}

#page-wire .uc-wire-feed-meta {
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700;
	color: #64748b;
}

#page-wire .uc-wire-selected-title {
	font-size: clamp(18px, 2.3vw, 24px);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.08;
	color: #991b1b;
}

#page-wire .uc-wire-selected-meta {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

#page-wire .uc-wire-selected-body {
	border: 1px solid #c5d3e4;
	border-radius: 14px;
	background: #f8fbff;
	padding: 12px;
	font-size: 13px;
	line-height: 1.55;
	color: #334155;
	white-space: pre-wrap;
}

#page-wire .uc-wire-comment-gate {
	padding: 10px 12px;
	border: 1px solid #c5d3e4;
	border-radius: 12px;
	background: #f8fbff;
	font-size: 11px;
	font-weight: 700;
	color: #475569;
}

#page-wire .uc-wire-comment-label {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #334155;
}

#page-wire .uc-wire-comment-input {
	width: 100%;
	border: 1px solid #b7c5d8;
	border-radius: 12px;
	background: #e8eef6;
	padding: 10px 12px;
	font-size: 12px;
	font-weight: 700;
	color: #0f172a;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
	resize: vertical;
}

#page-wire .uc-wire-comment-input:focus {
	outline: 3px solid rgba(220, 38, 38, 0.22);
	border-color: #dc2626;
	background: #fff;
}

#page-wire .uc-wire-comment-submit {
	width: 100%;
}

#page-wire .uc-wire-comments-list {
	display: grid;
	gap: 8px;
}

#page-wire .uc-wire-comment-item {
	border: 1px solid #d0dae7;
	border-radius: 12px;
	padding: 10px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

#page-wire .uc-wire-comment-author {
	font-size: 11px;
	font-weight: 900;
	color: #991b1b;
}

#page-wire .uc-wire-comment-text {
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.4;
	color: #334155;
}

#page-wire .uc-wire-comment-time {
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700;
	color: #64748b;
}

#page-wire .uc-wire-sponsored {
	text-align: center;
}

#page-wire .uc-wire-sponsored-slot {
	min-height: 92px;
	border: 1px dashed #b7c5d8;
	border-radius: 12px;
	background: #eef2f8;
	display: grid;
	place-items: center;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #64748b;
}

#page-profile .uc-profile-main-layout {
	flex-wrap: wrap;
}

#page-profile .uc-profile-section-header {
	font-size: 11px;
}

#page-profile .uc-profile-mood-panel {
	background: #f9f0f0;
	border-top: 1px solid #dbb;
}

#page-profile .uc-profile-mood-emoji {
	font-size: 15px;
}

#page-profile .uc-profile-mood-input-row {
	align-items: center;
}

#page-profile .uc-profile-mood-emoji-input {
	width: 44px;
}

#page-profile .uc-profile-mood-text-input {
	flex: 1;
}

#page-profile .uc-profile-right-column {
	flex: 1;
	min-width: 0;
}

#page-profile .uc-profile-duo-layout {
	flex-wrap: wrap;
}

#page-profile .uc-profile-duo-card {
	flex: 1;
	min-width: 180px;
}

#page-profile .uc-profile-ad-slot {
	background: #f0f0f0;
	border: 1px dashed #bbb;
	height: 60px;
	width: 100%;
	max-width: 468px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 11px;
}

#page-games .uc-games-profile-meta {
	text-align: center;
}

#page-profile-games .uc-hybrid-wrap {
	padding: 24px 16px;
}

#page-profile-games .uc-hybrid-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: start;
}

#page-profile-games .uc-hybrid-panel {
	background: rgba(59, 12, 8, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

#page-profile-games .uc-hybrid-head {
	background: #4a130b;
	color: #fff;
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .02em;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#page-profile-games .uc-hybrid-body {
	padding: 16px;
}

#page-profile-games .uc-hybrid-sub {
	color: #f7c4b8;
	font-size: 12px;
	margin-bottom: 12px;
}

#page-profile-games .uc-hybrid-chip {
	display: inline-block;
	background: #1b2a41;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	padding: 5px 10px;
	font-size: 11px;
	margin: 0 6px 6px 0;
	font-weight: 700;
}

#page-profile-games .uc-hybrid-card {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 12px;
	margin-bottom: 10px;
}

#page-profile-games .uc-hybrid-title {
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
}

#page-profile-games .uc-hybrid-meta {
	color: #f3b2a0;
	font-size: 12px;
}

#page-profile-games .uc-hybrid-chip-row,
#page-profile-games .uc-hybrid-actions {
	margin-top: 10px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

#page-profile-games .uc-btn-uc-red {
	background: #b91c1c;
	color: #fff;
	border: none;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

#page-profile-games .uc-btn-uc-yellow {
	background: #facc15;
	color: #111827;
	border: none;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

#page-profile-games .uc-btn-uc-dark {
	background: #1f2937;
	color: #fff;
	border: none;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

#page-profile-games .uc-hybrid-status {
	color: #4ade80;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	margin-left: 8px;
}

#page-porch .main-card,
#page-confessions .main-card {
	background: linear-gradient(180deg, #edf2f8 0%, #e3ebf5 100%);
	border-color: #bccbdf;
}

#page-porch .section-header,
#page-confessions .section-header {
	box-shadow: inset 0 -2px 0 rgba(250, 204, 21, 0.45);
}

.uc-porch-shell,
.uc-confessions-shell {
	color: #334155;
}

.uc-porch-shell {
	background: linear-gradient(180deg, #f7efe4 0%, #f1e5d6 100%);
	border: 1px solid #d7c2a5;
	border-radius: 18px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 10px 22px rgba(90, 46, 12, 0.08);
}

.uc-porch-composer,
.uc-confessions-composer {
	background: linear-gradient(180deg, #f8fbff 0%, #ecf2fb 100%);
	border: 1px solid #c1d0e2;
	border-radius: 16px;
	padding: 14px;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.uc-porch-composer-title,
.uc-confessions-composer-title {
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #991b1b;
	margin-bottom: 8px;
}

.uc-porch-composer-row,
.uc-confessions-composer-actions {
	align-items: stretch;
}

.uc-porch-columns {
	align-items: stretch;
}

.uc-porch-panel {
	background: linear-gradient(180deg, #fffaf3 0%, #f8ecda 100%);
	border: 1px solid #d9c3a6;
	border-radius: 16px;
	padding: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-porch-panel.is-active-list {
	background: linear-gradient(180deg, #fff7ec 0%, #f5e7d2 100%);
}

.uc-porch-panel-title {
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #7c2d12;
	margin-bottom: 8px;
}

.uc-porch-panel-title.is-neutral {
	color: #1f2937;
}

.uc-porch-thread-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: start;
	border-radius: 14px;
	padding: 10px;
	border-color: #d8c2a4;
	background: linear-gradient(180deg, #fffdfa 0%, #f8ead8 100%);
}

.uc-porch-thread-row.is-active {
	border-color: #dc2626;
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.14);
}

.uc-porch-thread-left {
	min-width: 0;
}

.uc-porch-thread-title {
	font-size: 12px;
	font-weight: 900;
	color: #7c2d12;
	line-height: 1.25;
}

.uc-porch-thread-meta {
	margin-top: 3px;
	font-size: 11px;
	color: #475569;
	line-height: 1.3;
}

.uc-porch-status-pill {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	padding: 3px 10px;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border: 1px solid #d7c2a7;
	background: #fff8eb;
	color: #7c2d12;
}

.uc-porch-thread-actions {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.uc-porch-empty,
.uc-porch-tool {
	border: 1px solid #d7c2a6;
	background: linear-gradient(180deg, #fffaf4 0%, #f6ead9 100%);
	border-radius: 12px;
	padding: 9px 10px;
	font-size: 11px;
	color: #6b4f35;
}

.uc-porch-visitor-note {
	border: 1px solid #dfc7a5;
	background: linear-gradient(180deg, #fff9ef 0%, #faedd8 100%);
	border-radius: 12px;
	padding: 10px;
	font-size: 11px;
	line-height: 1.45;
	color: #6b4f35;
}

.uc-confession-card {
	display: grid;
	gap: 8px;
	border-radius: 14px;
	border-color: #bfd0e4;
	background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
	padding: 12px;
}

.uc-confession-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.uc-confession-meta,
.uc-confession-reports {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

.uc-confession-text {
	font-size: 12px;
	line-height: 1.4;
	color: #334155;
}

.uc-confession-replies-label {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #991b1b;
}

.uc-confession-replies {
	display: grid;
	gap: 6px;
}

.uc-confession-reply,
.uc-confession-reply-empty {
	border: 1px solid #c6d4e5;
	border-radius: 10px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf3fb 100%);
	padding: 7px 8px;
}

.uc-confession-reply-top {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

.uc-confession-reply-text {
	margin-top: 3px;
	font-size: 11px;
	line-height: 1.35;
	color: #334155;
}

.uc-confession-reply-composer {
	display: grid;
	gap: 7px;
}

.uc-confession-reply-input {
	min-height: 58px;
	resize: vertical;
}

.uc-confession-actions {
	display: flex;
	justify-content: flex-end;
}

.uc-confessions-empty {
	border: 1px solid #c2cfdf;
	border-radius: 12px;
	padding: 12px;
	background: linear-gradient(180deg, #f9fbff 0%, #edf2fa 100%);
	color: #64748b;
}

#page-experts .main-card {
	background: linear-gradient(180deg, #edf2f8 0%, #e3ebf5 100%);
	border-color: #bccbdf;
}

#page-experts .section-header {
	box-shadow: inset 0 -2px 0 rgba(250, 204, 21, 0.45);
}

.uc-experts-shell {
	background: linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);
	border: 1px solid #c3d2e4;
	border-radius: 18px;
	color: #334155;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 10px 22px rgba(15, 23, 42, 0.08);
}

.uc-experts-intro {
	font-size: 11px;
	line-height: 1.45;
	color: #475569;
}

.uc-experts-panel {
	background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
	border: 1px solid #c4d2e3;
	border-radius: 16px;
	padding: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.uc-experts-panel-title {
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #991b1b;
	margin-bottom: 8px;
}

.uc-experts-empty {
	border: 1px solid #c7d5e6;
	border-radius: 12px;
	padding: 11px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf3fb 100%);
	color: #64748b;
	font-size: 11px;
}

.uc-experts-post-card {
	border: 1px solid #c6d4e5;
	border-radius: 12px;
	padding: 10px;
	background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.uc-experts-post-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 7px 16px rgba(15, 23, 42, 0.1);
}

.uc-experts-post-card.is-active {
	border-color: #dc2626;
	background: linear-gradient(180deg, #fff5f5 0%, #fee2e2 100%);
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.14);
}

.uc-experts-post-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.uc-experts-post-category {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #991b1b;
}

.uc-experts-post-type {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

.uc-experts-post-title {
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
	color: #111827;
	margin-top: 4px;
}

.uc-experts-post-summary {
	font-size: 11px;
	line-height: 1.4;
	color: #475569;
	margin-top: 4px;
}

.uc-experts-detail-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}

.uc-experts-detail-kicker {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #991b1b;
}

.uc-experts-detail-title {
	margin-top: 3px;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.2;
	color: #111827;
}

.uc-experts-feedback-chip {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #374151;
	border: 1px solid #c4d2e3;
	background: #f8fbff;
	padding: 4px 8px;
	border-radius: 999px;
}

.uc-experts-detail-summary {
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.45;
	color: #475569;
}

.uc-experts-detail-block {
	margin-top: 12px;
	border: 1px solid #c6d4e5;
	border-radius: 12px;
	background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
	padding: 10px;
}

.uc-experts-detail-block-title {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #64748b;
}

.uc-experts-detail-copy {
	font-size: 12px;
	line-height: 1.45;
	color: #334155;
}

.uc-experts-detail-link {
	font-size: 12px;
	font-weight: 800;
	color: #991b1b;
	word-break: break-all;
}

.uc-experts-create-actions .uc-surface-btn.is-active {
	background: linear-gradient(180deg, #b91c1c, #991b1b);
	border-color: #7f1d1d;
	color: #fff;
	box-shadow: 0 5px 12px rgba(127, 29, 29, 0.25);
}

#page-games .uc-games-layout {
	gap: 18px;
}

#page-games .uc-panel-red {
	border-radius: 16px;
	border-color: #bdcde1;
	background: linear-gradient(180deg, #eef3f9 0%, #e3eaf4 100%);
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

#page-games .uc-panel-red .section-header {
	background: linear-gradient(180deg, #2f3f57 0%, #1f2c40 100%);
	color: #f8fafc;
	border-bottom-color: rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 -2px 0 rgba(250, 204, 21, 0.38);
}

.uc-games-header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.uc-games-header-icon {
	font-size: 12px;
	font-weight: 900;
	color: #fde68a;
	background: transparent;
	border: 0;
	cursor: pointer;
}

#page-games .uc-games-profile-body {
	background: linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%);
	color: #334155;
}

#page-games .uc-games-name {
	color: #b91c1c;
	text-shadow: none;
}

#page-games .uc-games-role {
	color: #475569;
	opacity: 1;
}

.uc-games-quote-card {
	margin-top: 14px;
	border-radius: 14px;
	background: linear-gradient(180deg, #f8fbff 0%, #ecf2fb 100%);
	border-color: #c3d2e4;
}

.uc-games-quote-copy {
	color: #475569;
	font-size: 11px;
	font-style: italic;
}

.uc-games-quote-meta {
	margin-top: 6px;
	color: #64748b;
}

#page-games .uc-games-grid {
	background: linear-gradient(180deg, #f7fbff 0%, #edf3fb 100%);
	color: #1f2937;
	border-radius: 0 0 14px 14px;
}

#page-games .uc-games-grid h3,
#page-games .uc-games-grid p,
#page-games .uc-games-arena-hint {
	color: #334155;
	text-shadow: none;
}

#page-games .uc-games-hero .uc-games-hero-title {
	color: #f8fafc;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.38);
}

#page-games .uc-games-hero .uc-games-hero-copy {
	color: rgba(241, 245, 249, 0.94);
}

#page-games .uc-games-hero .uc-games-arrow,
#page-games .uc-games-hero .uc-games-chip {
	color: #f8fafc;
}

#page-games .uc-game-card {
	background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
	border-color: #c6d4e5;
	color: #334155;
}

#page-games .uc-game-card:hover {
	background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
	color: #7c2d12;
}

#page-games .uc-game-card .uc-invite-btn {
	background: #f8fbff;
	border-color: #bfd0e4;
	color: #334155;
}

#page-games .uc-game-card:hover .uc-invite-btn {
	background: #1f2937;
	color: #f8fafc;
	border-color: #111827;
}

.uc-games-network-panel {
	height: 520px;
	display: flex;
	flex-direction: column;
}

.uc-games-network-online {
	font-size: 10px;
	color: #22c55e;
	font-weight: 800;
}

.uc-games-results-card {
	margin: 10px;
	padding: 10px;
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf3fb 100%);
	border-color: #bfd0e4;
}

.uc-games-results-header {
	margin: -10px -10px 10px;
	border-bottom: 1px solid #c6d4e5;
	background: linear-gradient(180deg, #e5edf7 0%, #d7e2f0 100%);
	color: #334155;
}

.uc-games-results-list {
	display: grid;
	gap: 6px;
	font-size: 11px;
	color: #334155;
}

.uc-games-results-empty {
	opacity: .7;
}

.uc-games-network-search-wrap {
	padding: 10px;
	border-top: 1px solid #c7d4e5;
	background: rgba(255, 255, 255, 0.5);
}

.uc-games-network-search {
	width: 100%;
	background: #f8fbff;
	border: 1px solid #bfd0e4;
	color: #334155;
	padding: 6px 8px;
	font-size: 11px;
	border-radius: 10px;
}

.uc-games-challenge-toast {
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 320px;
	background: #a32e1c;
	border: 2px solid #ffcc00;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, .45);
	z-index: 50;
	overflow: hidden;
	border-radius: 10px;
}

.uc-games-challenge-head {
	background: #ffcc00;
	color: #000;
	padding: 6px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.uc-games-challenge-body {
	padding: 14px;
	display: flex;
	gap: 12px;
	align-items: center;
}

.uc-games-challenge-avatar-wrap {
	width: 56px;
	height: 56px;
	background: #fff;
	border-radius: 999px;
	border: 2px solid #000;
	overflow: hidden;
	flex-shrink: 0;
}

.uc-games-challenge-avatar {
	width: 56px;
	height: 56px;
}

.uc-games-challenge-copy {
	flex: 1;
}

.uc-games-challenge-actions {
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, .15);
}

.uc-games-challenge-btn {
	flex: 1;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
}

.uc-games-challenge-btn.is-decline {
	background: #2d0a05;
	border-right: 1px solid rgba(255, 255, 255, .15);
}

.uc-games-challenge-btn.is-accept {
	background: #15803d;
}

@media (max-width: 1100px) {
	#page-profile-games .uc-hybrid-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	#page-profile .uc-profile-duo-card {
		min-width: 100%;
	}

	#page-wire .uc-wire-content {
		padding: 14px;
	}

	#page-wire .uc-wire-layout-grid {
		grid-template-columns: 1fr;
	}

	#page-games .uc-games-network-panel {
		height: auto;
		min-height: 440px;
	}
}

@media (min-width: 1024px) {
	#page-wire .uc-wire-layout-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 640px) {
	#page-profile .uc-profile-main-layout {
		gap: 12px;
	}

	#page-wire .uc-wire-content {
		padding: 12px;
	}

	#page-wire .uc-wire-feed-panel,
	#page-wire .uc-wire-detail-panel,
	#page-wire .uc-wire-sponsored {
		padding: 11px;
		border-radius: 14px;
	}

	#page-wire .uc-wire-selected-title {
		font-size: 18px;
	}

	#page-wire .uc-wire-tab {
		width: 100%;
		justify-content: center;
	}

	#page-profile .uc-profile-mood-input-row {
		flex-wrap: wrap;
	}

	#page-profile .uc-profile-mood-text-input {
		flex: 1 1 100%;
	}

	#page-profile .uc-profile-ad-slot {
		font-size: 10px;
		height: 52px;
	}

	.uc-games-challenge-toast {
		right: 12px;
		bottom: 12px;
		width: calc(100vw - 24px);
		max-width: 320px;
	}
}

@media (min-width: 900px) {
	.uc-browse-filter-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-areas:
			"search search search search state state city city radius radius show show"
			"agemin agemin agemax agemax sort sort sort sort online online submit submit";
	}

	.uc-circles-filter-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-areas: "search search search search search state state status status sort sort submit";
	}

	.uc-circles-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.uc-circles-results-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.uc-chat-lobby-shell {
	display: grid;
	gap: 10px;
}

.uc-chat-lobby-hero {
	border: 1px solid #e5e7eb;
	background: linear-gradient(135deg, #fff7f7, #fef3c7);
	padding: 14px;
}

.uc-chat-lobby-title {
	font-size: 20px;
	font-weight: 900;
	color: #7f1d1d;
	letter-spacing: 0.01em;
}

.uc-chat-lobby-subtitle {
	margin-top: 4px;
	color: #475569;
	font-size: 13px;
}

.uc-chat-room-shell {
	border: 2px solid #111827;
	background: #f8fafc;
	box-shadow: 4px 4px 0 #111827;
	overflow: hidden;
}

.uc-chat-room-topbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	background: #991b1b;
	color: #fff;
	border-bottom: 3px solid #facc15;
	padding: 14px 16px;
}

.uc-chat-room-topbar-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.uc-chat-room-presence-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #4ade80;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
}

.uc-chat-room-label {
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 18px;
}

.uc-chat-room-topbar-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.uc-chat-room-active-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(0, 0, 0, 0.2);
	padding: 9px 12px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.uc-chat-room-exit-btn {
	border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: #111827;
	color: #fff;
	padding: 10px 14px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.uc-chat-room-content {
	display: grid;
	grid-template-columns: 1fr;
}

.uc-chat-feed-shell {
	border-right: 1px solid #e2e8f0;
	background: #f8fafc;
}

.uc-chat-feed-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	border-bottom: 1px solid #e2e8f0;
	background: #fff;
}

.uc-chat-feed-title {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #64748b;
}

.uc-chat-feed-online {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0f172a;
}

.uc-chat-feed-stream {
	padding: 16px;
	max-height: 560px;
	min-height: 300px;
	overflow: auto;
	display: grid;
	gap: 14px;
	background: #f8fafc;
}

.uc-chat-composer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 16px;
	background: #fff;
	border-top: 1px solid #e2e8f0;
}

.uc-chat-composer-input {
	flex: 1 1 320px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	padding: 11px 16px;
	font-size: 15px;
}

.uc-chat-composer-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.uc-chat-send-btn,
.uc-chat-report-btn {
	border-radius: 10px;
	padding: 11px 14px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.uc-chat-send-btn {
	background: #b91c1c;
	color: #fff;
	border: 1px solid #7f1d1d;
}

.uc-chat-report-btn {
	background: #0f172a;
	color: #fff;
	border: 1px solid #1e293b;
}

.uc-chat-composer-note {
	padding: 0 16px 12px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #64748b;
}

.uc-chat-members-shell {
	background: #f1f5f9;
	border-left: 1px solid #e2e8f0;
}

.uc-chat-members-header {
	padding: 16px;
	border-bottom: 1px solid #dbe3ee;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #475569;
	background: #fff;
}

.uc-chat-members-list {
	padding: 12px;
	display: grid;
	gap: 8px;
	max-height: 560px;
	overflow: auto;
}

.uc-chat-members-note {
	margin: 12px;
	padding: 14px;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #64748b;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {
	.uc-chat-room-content {
		grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.7fr);
	}
}

.uc-chat-room-shell {
	border-radius: 18px;
	box-shadow: 0 18px 36px rgba(2, 6, 23, 0.22);
}

.uc-chat-room-label {
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0.08em;
}

.uc-chat-room-presence-dot {
	width: 14px;
	height: 14px;
	box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.35);
}

.uc-chat-room-active-chip {
	border-radius: 12px;
	background: rgba(127, 29, 29, 0.95);
	font-size: 13px;
	letter-spacing: 0.04em;
	padding: 10px 16px;
}

.uc-chat-room-active-chip #chat-room-active-count,
.uc-chat-room-active-chip .uc-chat-active-count {
	color: #4ade80;
}

.uc-chat-room-exit-btn {
	border-radius: 12px;
	font-size: 13px;
	padding: 10px 20px;
	background: #111827;
	border: 1px solid #334155;
}

.uc-chat-feed-shell,
.uc-chat-members-shell {
	background: #f8fafc;
}

.uc-chat-feed-header {
	padding: 12px 18px;
}

.uc-chat-feed-title-wrap {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.uc-chat-feed-title-icon {
	font-size: 18px;
	line-height: 1;
	color: #991b1b;
}

.uc-chat-feed-title {
	font-size: 13px;
	letter-spacing: 0.16em;
	color: #8b95a5;
}

.uc-chat-feed-tools {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.uc-chat-feed-tool-btn {
	border: 0;
	background: transparent;
	color: #c6cdd8;
	font-size: 18px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
}

.uc-chat-feed-tool-btn:hover {
	color: #94a3b8;
}

.uc-chat-feed-online {
	display: none;
}

.uc-chat-feed-stream {
	padding: 18px 18px 6px;
	max-height: 620px;
	min-height: 420px;
	gap: 18px;
}

.uc-chat-msg {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.uc-chat-msg-avatar {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	border-width: 4px;
	display: grid;
	place-items: center;
	font-size: 15px;
	font-weight: 900;
	flex-shrink: 0;
}

.uc-chat-msg-meta {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.uc-chat-msg-author {
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.uc-chat-msg-time {
	font-size: 12px;
	font-weight: 800;
	color: #c2c8d2;
	text-transform: uppercase;
}

.uc-chat-msg-bubble {
	margin-top: 7px;
	display: inline-block;
	max-width: 88%;
	background: #f1f5f9;
	border-radius: 18px;
	padding: 14px 18px;
	font-size: 15px;
	line-height: 1.3;
	color: #334155;
	border-left: 3px solid #e2e8f0;
	box-shadow: 0 1px 0 rgba(148, 163, 184, 0.22);
}

.uc-chat-bubble-accent-red-50 { border-left-color: #fca5a5; }
.uc-chat-bubble-accent-orange-50 { border-left-color: #fdba74; }
.uc-chat-bubble-accent-pink-50 { border-left-color: #f9a8d4; }
.uc-chat-bubble-accent-amber-50 { border-left-color: #fcd34d; }
.uc-chat-bubble-accent-purple-50 { border-left-color: #d8b4fe; }
.uc-chat-bubble-accent-emerald-50 { border-left-color: #6ee7b7; }
.uc-chat-bubble-accent-indigo-50 { border-left-color: #a5b4fc; }
.uc-chat-bubble-accent-cyan-50 { border-left-color: #67e8f9; }
.uc-chat-bubble-accent-rose-50 { border-left-color: #fda4af; }
.uc-chat-bubble-accent-blue-50 { border-left-color: #93c5fd; }

.uc-chat-history-marker {
	padding: 10px 16px 14px;
	text-align: center;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: #bec6d2;
	border-top: 1px solid #e5e7eb;
	background: #f8fafc;
}

.uc-chat-composer {
	flex-wrap: nowrap;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
}

.uc-chat-composer-input {
	flex: 1 1 auto;
	border-radius: 20px;
	padding: 16px 18px;
	font-size: 13px;
	background: #fff;
}

.uc-chat-send-btn {
	padding: 14px 28px;
	font-size: 13px;
	border-radius: 14px;
	box-shadow: inset 0 -4px 0 rgba(127, 29, 29, 0.45);
}

.uc-chat-report-btn {
	display: none;
}

.uc-chat-composer-note {
	padding: 0 18px 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	color: #76839a;
}

.uc-chat-composer-note-dot {
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: #991b1b;
}

.uc-chat-members-header {
	padding: 14px 16px;
	font-size: 12px;
	color: #8b95a5;
}

.uc-chat-members-header-icon {
	color: #991b1b;
	font-size: 14px;
}

.uc-chat-members-list {
	padding: 14px;
	gap: 12px;
	max-height: 620px;
}

.uc-chat-member-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: rgba(255, 255, 255, 0.85);
}

.uc-chat-member-link {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	text-decoration: none;
}

.uc-chat-member-avatar {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	border-width: 4px;
	display: grid;
	place-items: center;
	font-size: 16px;
	font-weight: 900;
	flex-shrink: 0;
}

.uc-chat-member-dot {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 13px;
	height: 13px;
	border-radius: 999px;
	border: 2px solid #fff;
}

.uc-chat-member-meta {
	min-width: 0;
}

.uc-chat-member-name {
	font-size: 15px;
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
}

.uc-chat-member-status {
	margin-top: 2px;
	font-size: 11px;
	color: #a3afc2;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.uc-chat-member-pull {
	border-radius: 11px;
	border: 1px solid #d1d5db;
	background: #f8fafc;
	color: #94a3b8;
	padding: 8px 14px;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.uc-chat-members-note {
	font-size: 11px;
	letter-spacing: 0.12em;
}

@media (max-width: 1023px) {
	.uc-chat-room-label {
		font-size: 13px;
	}

	.uc-chat-room-active-chip,
	.uc-chat-room-exit-btn {
		font-size: 14px;
	}

	.uc-chat-feed-title {
		font-size: 13px;
	}

	.uc-chat-feed-tool-btn {
		font-size: 18px;
	}

	.uc-chat-msg-author {
		font-size: 13px;
	}

	.uc-chat-msg-time {
		font-size: 12px;
	}

	.uc-chat-msg-bubble {
		font-size: 19px;
	}

	.uc-chat-history-marker {
		font-size: 11px;
	}

	.uc-chat-composer-input {
		font-size: 15px;
	}

	.uc-chat-send-btn {
		font-size: 13px;
	}

	.uc-chat-composer-note {
		font-size: 11px;
	}

	.uc-chat-members-header {
		font-size: 12px;
	}

	.uc-chat-members-header-icon {
		font-size: 14px;
	}

	.uc-chat-member-name {
		font-size: 12px;
	}

	.uc-chat-member-status {
		font-size: 11px;
	}

	.uc-chat-member-pull {
		font-size: 10px;
	}

	.uc-chat-members-note {
		font-size: 11px;
	}
}

/* Final chat-room parity pass: mockchat layout + Urban Chat DNA accents */
.uc-chat-room-shell {
	background: #fff;
}

.uc-chat-room-topbar {
	padding: 12px 24px;
	border-bottom: 4px solid #ffd700;
}

.uc-chat-room-label {
	font-size: 16px;
	letter-spacing: 0.05em;
}

.uc-chat-room-active-chip {
	padding: 6px 12px;
	border-radius: 6px;
}

.uc-chat-room-exit-btn {
	padding: 6px 12px;
	border-radius: 6px;
}

.uc-chat-feed-header {
	padding: 12px 24px;
	border-bottom: 1px solid #f3f4f6;
	background: #fff;
}

.uc-chat-feed-title {
	font-size: 10px;
	letter-spacing: 0.2em;
}

.uc-chat-feed-stream {
	padding: 24px;
	gap: 24px;
	background: #fff;
}

.uc-chat-msg {
	gap: 16px;
}

.uc-chat-msg-meta {
	margin-bottom: 2px;
}

.uc-chat-msg-author {
	font-size: 13px;
}

.uc-chat-msg-time {
	font-size: 9px;
	color: #d1d5db;
}

.uc-chat-msg-bubble {
	border-radius: 0 12px 12px 12px;
	padding: 12px 16px;
	border-left: 2px solid #f3f4f6;
	background: #f9fafb;
}

.uc-chat-history-marker {
	padding: 32px 0;
	font-size: 9px;
	letter-spacing: 0.4em;
	color: #d1d5db;
	background: #fff;
	border-top: 0;
}

.uc-chat-composer {
	margin: 0 24px;
	padding: 16px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.uc-chat-self-avatar {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: 2px solid #bfdbfe;
	background: #dbeafe;
	color: #1d4ed8;
	display: grid;
	place-items: center;
	font-size: 14px;
	font-weight: 900;
	flex-shrink: 0;
}

.uc-chat-composer-input {
	border: 0;
	outline: 0;
	padding: 10px 0;
	border-radius: 0;
	font-size: 14px;
}

.uc-chat-composer-emoji {
	border: 0;
	background: transparent;
	color: #d1d5db;
	font-size: 20px;
	line-height: 1;
	padding: 0 4px;
}

.uc-chat-send-btn {
	padding: 8px 24px;
	border-radius: 8px;
	font-size: 10px;
	letter-spacing: 0.1em;
}

.uc-chat-composer-note {
	padding: 12px 24px 16px;
}

.uc-chat-members-shell {
	background: #f9f9f9;
}

.uc-chat-members-header {
	padding: 20px;
	font-size: 10px;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #e5e7eb;
}

.uc-chat-members-list {
	padding: 16px;
	gap: 16px;
}

.uc-chat-member-row {
	padding: 8px;
	background: transparent;
	border: 0;
}

.uc-chat-member-name {
	font-size: 11px;
}

.uc-chat-member-status {
	font-size: 8px;
	color: #d1d5db;
}

.uc-chat-member-pull {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 8px;
}

.uc-chat-members-note {
	margin: 24px;
	padding: 12px;
	border-radius: 8px;
}

.uc-chat-room-footer {
	background: #f9fafb;
	border-top: 1px solid #e5e7eb;
	padding: 8px;
	text-align: center;
	font-size: 10px;
	color: #9ca3af;
	font-weight: 900;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}

@media (max-width: 1023px) {
	.uc-chat-composer {
		margin: 0 12px;
	}
	.uc-chat-room-topbar {
		padding: 10px 14px;
	}
}

/* Chat room visual uplift: stronger hierarchy + Urban DNA punch */
.uc-chat-room-shell {
	border: 2px solid #0f172a;
	box-shadow: 0 22px 42px rgba(2, 6, 23, 0.28);
}

.uc-chat-room-topbar {
	background: linear-gradient(90deg, #8f1d1d, #a22222 45%, #7f1d1d);
}

.uc-chat-room-label {
	font-size: 18px;
	font-weight: 900;
}

.uc-chat-room-presence-dot {
	box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.35), 0 0 12px rgba(74, 222, 128, 0.45);
}

.uc-chat-room-active-chip {
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 12px;
	padding: 8px 14px;
}

.uc-chat-room-exit-btn {
	background: #0f172a;
	border-color: #334155;
	font-size: 12px;
	padding: 9px 15px;
}

.uc-chat-feed-title {
	font-size: 11px;
	color: #8b95a5;
}

.uc-chat-msg-avatar {
	width: 44px;
	height: 44px;
	border-width: 3px;
}

.uc-chat-msg-author {
	font-size: 31px;
	letter-spacing: 0.03em;
}

.uc-chat-msg-time {
	font-size: 18px;
	font-weight: 800;
}

.uc-chat-msg-bubble {
	font-size: 32px;
	font-weight: 600;
	color: #334155;
	background: #f8fafc;
	box-shadow: 0 1px 0 rgba(148, 163, 184, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.uc-chat-history-marker {
	font-size: 18px;
	letter-spacing: 0.26em;
}

.uc-chat-composer {
	margin: 0 24px 8px;
	border-radius: 16px;
	box-shadow: 0 8px 16px -8px rgba(2, 6, 23, 0.32);
}

.uc-chat-composer-input {
	font-size: 30px;
	font-weight: 600;
	color: #334155;
}

.uc-chat-self-avatar {
	width: 46px;
	height: 46px;
	font-size: 25px;
}

.uc-chat-composer-emoji {
	font-size: 34px;
}

.uc-chat-send-btn {
	font-size: 23px;
	padding: 12px 26px;
	border-radius: 12px;
	background: #b52b2b;
	border: 1px solid #7f1d1d;
	box-shadow: inset 0 -4px 0 rgba(107, 26, 26, 0.72);
}

.uc-chat-composer-note {
	font-size: 18px;
	letter-spacing: 0.14em;
}

.uc-chat-members-shell {
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.uc-chat-members-header {
	font-size: 11px;
}

.uc-chat-member-row {
	padding: 10px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid #e2e8f0;
	box-shadow: 0 1px 0 rgba(148, 163, 184, 0.16);
}

.uc-chat-member-avatar {
	width: 46px;
	height: 46px;
	border-width: 3px;
	font-size: 17px;
}

.uc-chat-member-name {
	font-size: 13px;
}

.uc-chat-member-status {
	font-size: 9px;
}

.uc-chat-member-pull {
	font-size: 9px;
	padding: 5px 10px;
	background: #fff;
	color: #6b7280;
}

.uc-chat-members-note {
	background: rgba(248, 250, 252, 0.95);
	border: 1px dashed #cbd5e1;
}

.uc-chat-room-footer {
	font-size: 10px;
	letter-spacing: 0.34em;
}

@media (max-width: 1023px) {
	.uc-chat-msg-author {
		font-size: 14px;
	}
	.uc-chat-msg-time {
		font-size: 10px;
	}
	.uc-chat-msg-bubble {
		font-size: 15px;
	}
	.uc-chat-composer-input {
		font-size: 14px;
	}
	.uc-chat-self-avatar {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
	.uc-chat-send-btn {
		font-size: 10px;
		padding: 8px 14px;
	}
	.uc-chat-composer-note {
		font-size: 11px;
	}
}

/* Chat-room target parity lock (mockchat.html aligned) */
#page-chat-room .uc-chat-room-shell {
	border: 1px solid #1f2937 !important;
	border-radius: 12px !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
	background: #fff !important;
}

#page-chat-room .uc-chat-room-topbar {
	background: #8b2222 !important;
	border-bottom: 4px solid #ffd700 !important;
	padding: 12px 24px !important;
}

#page-chat-room .uc-chat-room-label {
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: 900 !important;
	letter-spacing: 0.05em !important;
}

#page-chat-room .uc-chat-room-presence-dot {
	width: 12px !important;
	height: 12px !important;
	border: 2px solid #8b2222 !important;
	box-shadow: 0 0 10px #4ade80 !important;
}

#page-chat-room .uc-chat-room-topbar-right {
	gap: 16px !important;
}

#page-chat-room .uc-chat-room-active-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: rgba(0, 0, 0, 0.3) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 6px !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
}

#page-chat-room .uc-chat-room-exit-btn {
	background: #f4f7fb !important;
	border: 1px solid #b6c5d8 !important;
	border-radius: 11px !important;
	padding: 10px 14px !important;
	font-size: 12px !important;
	color: #0f172a !important;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.1) !important;
}

#page-chat-room .uc-chat-room-content {
	background: #f5f5f5 !important;
}

#page-chat-room .uc-chat-feed-shell {
	background: #fff !important;
}

#page-chat-room .uc-chat-feed-header {
	padding: 12px 24px !important;
	border-bottom: 1px solid #f3f4f6 !important;
	background: #fff !important;
}

#page-chat-room .uc-chat-feed-title {
	font-size: 10px !important;
	letter-spacing: 0.2em !important;
}

#page-chat-room .uc-chat-feed-tool-btn {
	font-size: 16px !important;
	color: #d1d5db !important;
}

#page-chat-room .uc-chat-feed-stream {
	padding: 24px !important;
	gap: 24px !important;
	min-height: 520px !important;
	max-height: 520px !important;
	background: #fff !important;
}

#page-chat-room .uc-chat-msg {
	gap: 16px !important;
}

#page-chat-room .uc-chat-msg-avatar {
	width: 40px !important;
	height: 40px !important;
	border-width: 2px !important;
	font-size: 12px !important;
}

#page-chat-room .uc-chat-msg-author {
	font-size: 13px !important;
}

#page-chat-room .uc-chat-msg-time {
	font-size: 9px !important;
	color: #d1d5db !important;
}

#page-chat-room .uc-chat-msg-bubble {
	background: #f9fafb !important;
	padding: 12px 16px !important;
	border-radius: 0 12px 12px 12px !important;
	border-left: 2px solid #f3f4f6 !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

#page-chat-room .uc-chat-history-marker {
	padding: 32px 0 !important;
	font-size: 9px !important;
	letter-spacing: 0.4em !important;
	color: #d1d5db !important;
	background: #fff !important;
	border-top: 0 !important;
}

#page-chat-room .uc-chat-composer {
	margin: 0 24px !important;
	padding: 16px !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
	background: #fff !important;
}

#page-chat-room .uc-chat-self-avatar {
	width: 40px !important;
	height: 40px !important;
	font-size: 14px !important;
}

#page-chat-room .uc-chat-composer-input {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #374151 !important;
}

#page-chat-room .uc-chat-composer-emoji {
	font-size: 20px !important;
}

#page-chat-room .uc-chat-send-btn {
	background: linear-gradient(135deg, #b91c1c, #7f1d1d) !important;
	border: 1px solid #7f1d1d !important;
	border-radius: 11px !important;
	padding: 10px 16px !important;
	font-size: 10px !important;
	letter-spacing: 0.11em !important;
	box-shadow: 0 5px 0 rgba(127, 29, 29, 0.55) !important;
}

#page-chat-room .uc-chat-composer-note {
	padding: 12px 24px 16px !important;
	font-size: 11px !important;
}

#page-chat-room .uc-chat-members-shell {
	background: #f9f9f9 !important;
}

#page-chat-room .uc-chat-members-header {
	padding: 20px !important;
	background: #fff !important;
	border-bottom: 1px solid #e5e7eb !important;
	font-size: 10px !important;
	letter-spacing: 0.2em !important;
}

#page-chat-room .uc-chat-members-list {
	padding: 16px !important;
	gap: 16px !important;
	max-height: 520px !important;
}

#page-chat-room .uc-chat-member-row {
	padding: 8px !important;
	border-radius: 12px !important;
	border: 0 !important;
	background: transparent !important;
}

#page-chat-room .uc-chat-member-avatar {
	width: 40px !important;
	height: 40px !important;
	font-size: 12px !important;
}

#page-chat-room .uc-chat-member-name {
	font-size: 11px !important;
}

#page-chat-room .uc-chat-member-status {
	font-size: 8px !important;
	color: #d1d5db !important;
}

#page-chat-room .uc-chat-member-pull {
	font-size: 8px !important;
	padding: 4px 8px !important;
	border-radius: 6px !important;
	border: 1px solid #e5e7eb !important;
	background: #fff !important;
	color: #9ca3af !important;
}

#page-chat-room .uc-chat-members-note {
	margin: 24px !important;
	padding: 12px !important;
	border-radius: 8px !important;
	font-size: 9px !important;
	background: #f9fafb !important;
}

#page-chat-room .uc-chat-room-footer {
	font-size: 10px !important;
	letter-spacing: 0.4em !important;
}

/* Explicit tone classes (tailwind-independent) */
#page-chat-room .uc-chat-tone-red { color: #b91c1c !important; border-color: #fecaca !important; background-color: #fee2e2 !important; }
#page-chat-room .uc-chat-tone-orange { color: #c2410c !important; border-color: #fed7aa !important; background-color: #ffedd5 !important; }
#page-chat-room .uc-chat-tone-pink { color: #be185d !important; border-color: #fbcfe8 !important; background-color: #fce7f3 !important; }
#page-chat-room .uc-chat-tone-amber { color: #b45309 !important; border-color: #fde68a !important; background-color: #fef3c7 !important; }
#page-chat-room .uc-chat-tone-purple { color: #7e22ce !important; border-color: #e9d5ff !important; background-color: #f3e8ff !important; }
#page-chat-room .uc-chat-tone-emerald { color: #047857 !important; border-color: #a7f3d0 !important; background-color: #d1fae5 !important; }
#page-chat-room .uc-chat-tone-indigo { color: #4338ca !important; border-color: #c7d2fe !important; background-color: #e0e7ff !important; }
#page-chat-room .uc-chat-tone-cyan { color: #0e7490 !important; border-color: #a5f3fc !important; background-color: #cffafe !important; }
#page-chat-room .uc-chat-tone-rose { color: #be123c !important; border-color: #fecdd3 !important; background-color: #ffe4e6 !important; }
#page-chat-room .uc-chat-tone-blue { color: #1d4ed8 !important; border-color: #bfdbfe !important; background-color: #dbeafe !important; }

#page-chat-room .uc-chat-msg-author.uc-chat-tone-red,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-orange,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-pink,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-amber,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-purple,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-emerald,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-indigo,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-cyan,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-rose,
#page-chat-room .uc-chat-msg-author.uc-chat-tone-blue,
#page-chat-room .uc-chat-member-name.uc-chat-tone-red,
#page-chat-room .uc-chat-member-name.uc-chat-tone-orange,
#page-chat-room .uc-chat-member-name.uc-chat-tone-pink,
#page-chat-room .uc-chat-member-name.uc-chat-tone-amber,
#page-chat-room .uc-chat-member-name.uc-chat-tone-purple,
#page-chat-room .uc-chat-member-name.uc-chat-tone-emerald,
#page-chat-room .uc-chat-member-name.uc-chat-tone-indigo,
#page-chat-room .uc-chat-member-name.uc-chat-tone-cyan,
#page-chat-room .uc-chat-member-name.uc-chat-tone-rose,
#page-chat-room .uc-chat-member-name.uc-chat-tone-blue {
	background: transparent !important;
}

#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-red { background: #f9fafb !important; border-left-color: #fca5a5 !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-orange { background: #f9fafb !important; border-left-color: #fdba74 !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-pink { background: #f9fafb !important; border-left-color: #f9a8d4 !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-amber { background: #f9fafb !important; border-left-color: #fcd34d !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-purple { background: #f9fafb !important; border-left-color: #d8b4fe !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-emerald { background: #f9fafb !important; border-left-color: #6ee7b7 !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-indigo { background: #f9fafb !important; border-left-color: #a5b4fc !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-cyan { background: #f9fafb !important; border-left-color: #67e8f9 !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-rose { background: #f9fafb !important; border-left-color: #fda4af !important; color: #374151 !important; }
#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-blue { background: #f9fafb !important; border-left-color: #93c5fd !important; color: #374151 !important; }

#page-chat-room .uc-chat-msg-avatar.uc-chat-tone-dynamic,
#page-chat-room .uc-chat-member-avatar.uc-chat-tone-dynamic {
	color: var(--uc-chat-tone-text) !important;
	background-color: var(--uc-chat-tone-bg) !important;
	border-color: var(--uc-chat-tone-border) !important;
}

#page-chat-room .uc-chat-msg-author.uc-chat-tone-dynamic,
#page-chat-room .uc-chat-member-name.uc-chat-tone-dynamic {
	color: var(--uc-chat-tone-text) !important;
	background: transparent !important;
}

#page-chat-room .uc-chat-msg-bubble.uc-chat-tone-dynamic {
	background: #f9fafb !important;
	border-left-color: var(--uc-chat-tone-accent) !important;
	color: #374151 !important;
}

/* Chat lobby polish pass (/chat) */
#page-chat .main-card.uc-card-trippy {
	border: 1px solid #dbe3ee;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

#page-chat .section-header {
	background: linear-gradient(90deg, #b91c1c 0%, #7f1d1d 55%, #991b1b 100%);
	border-bottom: 2px solid #facc15;
	color: #fff;
	padding: 12px 14px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 11px;
}

#page-chat .section-header span:last-child {
	padding: 3px 8px;
	border: 1px solid rgba(250, 204, 21, 0.45);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.18);
	font-size: 9px;
	letter-spacing: 0.12em;
}

#page-chat .uc-chat-lobby-shell {
	background:
		radial-gradient(1100px 320px at 14% 0%, rgba(220, 38, 38, 0.13), transparent 55%),
		radial-gradient(920px 260px at 86% 2%, rgba(234, 179, 8, 0.15), transparent 58%),
		linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
	padding: 18px;
	border-top: 1px solid #dbe3ee;
}

#page-chat .uc-chat-lobby-hero {
	border: 1px solid #cfd8e4;
	border-radius: 12px;
	background: #fff;
	padding: 16px 18px;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

#page-chat .uc-chat-lobby-title {
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.06;
	color: #7f1d1d;
}

#page-chat .uc-chat-lobby-subtitle {
	margin-top: 7px;
	font-size: 14px;
	line-height: 1.5;
	color: #475569;
}

#page-chat #chat-room-list {
	gap: 14px !important;
}

#page-chat .uc-chat-lobby-room {
	width: 100%;
	display: block;
	text-align: left;
	padding: 16px 16px 15px;
	cursor: pointer;
}

#page-chat .uc-chat-lobby-room:hover {
	transform: translateY(-2px);
	border-color: #bac8dc;
	box-shadow: 0 14px 24px rgba(15, 23, 42, 0.15);
}

#page-chat .uc-chat-lobby-room:focus-visible {
	outline: 2px solid rgba(185, 28, 28, 0.25);
	outline-offset: 2px;
}

#page-chat .uc-chat-lobby-room-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

#page-chat .uc-chat-lobby-room-name {
	font-size: 30px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -0.01em;
	color: #111827;
}

#page-chat .uc-chat-lobby-room-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid #86efac;
	background: #f0fdf4;
	color: #166534;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	white-space: nowrap;
}

#page-chat .uc-chat-lobby-room-badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #22c55e;
	box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.16);
}

#page-chat .uc-chat-lobby-room-preview {
	margin-top: 9px;
	display: grid;
	gap: 2px;
}

#page-chat .uc-chat-lobby-room-latest-label {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #64748b;
}

#page-chat .uc-chat-lobby-room-latest-text {
	font-size: 13px;
	line-height: 1.45;
	color: #334155;
}

#page-chat .uc-chat-lobby-room-meta {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

#page-chat .uc-chat-lobby-room-chip {
	line-height: 1;
}

#page-chat .uc-chat-lobby-room-chip::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 999px;
	margin-right: 7px;
	background: #94a3b8;
	box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.2);
	flex-shrink: 0;
}

#page-chat .uc-chat-lobby-room-chip.is-online {
	border-color: #86efac;
	background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
	color: #166534;
}

#page-chat .uc-chat-lobby-room-chip.is-online::before {
	background: #22c55e;
	box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.18);
}

#page-chat .uc-chat-lobby-room-chip.is-activity {
	border-color: #fcd34d;
	background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
	color: #92400e;
}

#page-chat .uc-chat-lobby-room-chip.is-activity::before {
	background: #f59e0b;
	box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2);
}

#page-chat .uc-chat-lobby-room-actions {
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

#page-chat .uc-chat-lobby-room-btn {
	min-width: 148px;
}

#page-chat .uc-chat-lobby-room-btn:hover {
	filter: brightness(1.04);
}

#page-chat .uc-chat-lobby-room-btn:active {
	transform: translateY(1px);
	box-shadow: 0 4px 0 rgba(127, 29, 29, 0.5);
}

#page-chat .uc-chat-lobby-room-cta {
	margin-top: 0;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #64748b;
}

@media (max-width: 880px) {
	#page-chat .uc-chat-lobby-room-actions {
		flex-direction: column;
		align-items: flex-start;
	}

	#page-chat .uc-chat-lobby-room-btn {
		min-width: 132px;
	}
}

#page-chat .uc-chat-lobby-empty {
	grid-column: 1 / -1;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	background: #f8fafc;
	padding: 18px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #64748b;
}

/* ==========================================================================
   Mobile-first breakpoints — 768px (tablet) and 480px (phone)
   High-traffic pages: home, browse, chat, profile, inbox
   ========================================================================== */

@media (max-width: 768px) {
        /* Browse — filterbar and card layout */
        #page-browse .uc-browse-modern-filterbar {
                padding: 12px;
        }

        #page-browse .uc-browse-card {
                flex-direction: column;
        }

        #page-browse .uc-browse-avatar-wrap {
                width: 52px;
                height: 52px;
        }

        /* Profile — stack duo-cards on tablet */
        #page-profile .uc-profile-duo-card {
                min-width: 100%;
        }

        /* Chat — tighter lobby on tablet */
        #page-chat .uc-chat-lobby-shell {
                padding                padding                padding                padding                padding                                  padding                padding                padding     /* Browse — compact card on phone */
        #page-browse .uc-browse-card {
                padding: 10px;
                ga                ga                ga                ga     rap {
                width: 48px;
                height: 48px;
        }

        #page-browse .uc-b        #page-browse .uc-b        #page-brow14px;
        }

        /* Profile — full vert        /* Profile — full ver   #page-profile .uc-profile-main-layout {
                flex-direction: column;
                gap: 8px;
        }

        #page-        #page-        #page- {                 min-width: 100%;
        }

        /* Chat †       /* Chat †       /* Chat â€
          .uc-chat-room-topbar {
                padding: 8px 10px;
        }

        #page-chat .        #page-chat .        #page-chat .dding: 10px;
        }

        /* Inbox — prevent iOS zoom on form inputs */
        #page-inbox input,
        #page-inbox textarea,
        #page-inbox select {
                font-size: 16px;
        }

        /* Circles — stack stats on phone */
        .uc-circles-stats {
                grid-template-columns: 1fr;
        }
}