/* =========================
   Babdori Public Profile
   Dark Mode
========================= */

@media (prefers-color-scheme: dark) {

	/* =========================
	   Page And Profile Card
	========================= */

	.public-profile-page {
		background: #101013;
		color: #d4d4d8;
	}

	.public-profile-card {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
	}

	.public-profile-avatar {
		border-color: #1d4ed8;
		background: #172554;
		color: #93c5fd;
	}

	.public-profile-nickname {
		color: #f4f4f5;
	}

	.public-profile-private-badge {
		background: #3f3f46;
		color: #a1a1aa;
	}

	.public-profile-bio {
		color: #a1a1aa;
	}

	.public-profile-bio.is-empty {
		color: #71717a;
	}


	/* =========================
	   Profile Toolbar
	========================= */

	.public-profile-back-button {
		color: #f4f4f5;
	}

	.public-profile-back-button:hover,
	.public-profile-back-button:focus {
		background: #3f3f46;
		color: #ffffff;
	}

	.public-profile-block-text-button {
		color: #d4d4d8;
	}


	/* =========================
	   Follow Information
	========================= */

	.public-profile-follow-stats {
		color: #a1a1aa;
	}

	.public-profile-follow-stats strong {
		color: #f4f4f5;
	}


	/* =========================
	   Profile Actions
	========================= */

	.public-profile-settings-button,
	.public-profile-action-user-button {
		border-color: #3f3f46;
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-settings-button:not(:disabled):hover,
	.public-profile-settings-button:not(:disabled):focus,
	.public-profile-action-user-button:not(:disabled):hover,
	.public-profile-action-user-button:not(:disabled):focus {
		border-color: #52525b;
		background: #3f3f46;
		color: #ffffff;
	}

	.public-profile-edit-button:focus-visible,
	.public-profile-follow-button:focus-visible,
	.public-profile-settings-button:focus-visible,
	.public-profile-action-user-button:focus-visible,
	.public-profile-back-button:focus-visible,
	.public-profile-home-button:focus-visible {
		outline: none;
		box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.24);
	}

	.public-profile-follow-button,
.public-profile-edit-button {
	background: #1F2A43;
	color: #4391FF;
}

.public-profile-follow-button:hover,
.public-profile-follow-button:focus,
.public-profile-edit-button:hover,
.public-profile-edit-button:focus {
	background: #24334F;
	color: #60A5FA;
}

.public-profile-follow-button.is-following {
	background: #27272a;
	color: #d4d4d8;
}

.public-profile-follow-button.is-following:hover,
.public-profile-follow-button.is-following:focus {
	background: #3f3f46;
	color: #f4f4f5;
}


	/* =========================
	   Owner Notice
	========================= */

	.public-profile-owner-notice {
		border-color: rgba(96, 165, 250, 0.3);
		background: rgba(37, 99, 235, 0.14);
		color: #93c5fd;
	}


	/* =========================
	   Private Profile
	========================= */

	.public-profile-private-section {
		border-color: #2f2f33;
		background: #17171c;
	}

	.public-profile-private-icon {
		background: #3f3f46;
		color: #a1a1aa;
	}

	.public-profile-private-section h2 {
		color: #f4f4f5;
	}

	.public-profile-private-section p {
		color: #a1a1aa;
	}


	/* =========================
	   Profile Content
	========================= */

	.public-profile-content {
		border-color: #2f2f33;
		background: #17171c;
	}

	.public-profile-main-tabs {
		border-bottom-color: rgba(255, 255, 255, 0.08);
	}

	.public-profile-main-tab {
		color: #71717a;
	}

	.public-profile-main-tab.is-active {
		color: #f4f4f5;
	}

	.public-profile-main-tab.is-active::after {
		background: #f4f4f5;
	}

	.public-profile-tab-panel {
		background: #17171c;
	}

	.public-profile-activity-tab {
		color: #a1a1aa;
	}

	.public-profile-activity-tab.is-active {
		background: #3f3f46;
		color: #f4f4f5;
	}

	.public-profile-empty-state p {
		color: #71717a;
	}


	/* =========================
	   Profile Not Found
	========================= */

	.public-profile-not-found {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
	}

	.public-profile-not-found h1 {
		color: #f4f4f5;
	}

	.public-profile-not-found p {
		color: #a1a1aa;
	}


	/* =========================
   Equipped Title
========================= */

.public-profile-equipped-title {
	border-color: transparent;
}

/* 가성비 헌터 */
.public-profile-equipped-title.is-blue {
	border-color: rgba(96, 165, 250, 0.34);
	background: rgba(37, 99, 235, 0.16);
	color: #93c5fd;
}

/* 미디어 원정대 */
.public-profile-equipped-title.is-red {
	border-color: rgba(251, 113, 133, 0.34);
	background: rgba(225, 29, 72, 0.15);
	color: #fda4af;
}

/* 고독한 미식가 */
.public-profile-equipped-title.is-yellow {
	border-color: rgba(250, 204, 21, 0.34);
	background: rgba(202, 138, 4, 0.15);
	color: #fde047;
}

/* 트로피 수집가 */
.public-profile-equipped-title.is-gold {
	border-color: rgba(251, 191, 36, 0.38);
	background: rgba(217, 119, 6, 0.17);
	color: #fbbf24;
}

/* 행운의 승부사 */
.public-profile-equipped-title.is-purple {
	border-color: rgba(167, 139, 250, 0.36);
	background: rgba(124, 58, 237, 0.16);
	color: #c4b5fd;
}

/* 런닝맨 */
.public-profile-equipped-title.is-emerald {
	border-color: rgba(52, 211, 153, 0.34);
	background: rgba(5, 150, 105, 0.16);
	color: #6ee7b7;
}

/* 운영진 */
.public-profile-equipped-title.is-sky {
	border-color: rgba(56, 189, 248, 0.34);
	background: rgba(14, 165, 233, 0.16);
	color: #7dd3fc;
}


	/* =========================
	   Badge And Title Panel
	========================= */

	.public-profile-achievement-heading h2,
	.public-profile-achievement-info h3,
	.public-profile-title-info h3 {
		color: #f4f4f5;
	}

	.public-profile-achievement-heading p,
	.public-profile-achievement-info p,
	.public-profile-title-info p {
		color: #a1a1aa;
	}

	.public-profile-achievement-item,
.public-profile-title-item {
	border-color: #2f2f33;
	background: #1f1f24;
}

/* 미획득 */
.public-profile-achievement-item.is-locked,
.public-profile-title-item.is-locked {
	border-color: #2f2f33;
	background: #1b1b20;
}

/* 획득했지만 대표가 아닌 칭호 */
.public-profile-title-item.is-unlocked {
	border-color: #34343a;
	background: #202025;
}

/* 대표 배지 */
.public-profile-achievement-item.is-equipped {
	border-color: rgba(96, 165, 250, 0.55);
	background: rgba(37, 99, 235, 0.14);
}

/* 대표 칭호 */
.public-profile-title-item.is-equipped {
	border-color: rgba(96, 165, 250, 0.55);
	background: rgba(37, 99, 235, 0.14);
	box-shadow: none;
}

	/* 다크 배경에서 미획득 아이콘이 묻히지 않도록 */
	.public-profile-achievement-item.is-locked
	.public-profile-achievement-icon img {
		filter:
			grayscale(1)
			saturate(0)
			brightness(1.35)
			contrast(0.92) !important;
		opacity: 0.52;
	}

	.public-profile-unlocked-label {
		background: rgba(34, 197, 94, 0.14);
		color: #86efac;
	}

	.public-profile-title-progress,
	.public-profile-achievement-progress span {
		background: #3f3f46;
		color: #a1a1aa;
	}

/* =========================
   Title Label Colors
========================= */

.public-profile-title-info h3 {
	border-color: #3f3f46;
	background: #27272a;
	color: #a1a1aa;
}

.public-profile-title-item.is-unlocked.is-blue
.public-profile-title-info h3 {
	border-color: rgba(96, 165, 250, 0.34);
	background: rgba(37, 99, 235, 0.16);
	color: #93c5fd;
}

.public-profile-title-item.is-unlocked.is-red
.public-profile-title-info h3 {
	border-color: rgba(251, 113, 133, 0.34);
	background: rgba(225, 29, 72, 0.15);
	color: #fda4af;
}

.public-profile-title-item.is-unlocked.is-yellow
.public-profile-title-info h3 {
	border-color: rgba(250, 204, 21, 0.34);
	background: rgba(202, 138, 4, 0.15);
	color: #fde047;
}

.public-profile-title-item.is-unlocked.is-gold
.public-profile-title-info h3 {
	border-color: rgba(251, 191, 36, 0.38);
	background: rgba(217, 119, 6, 0.17);
	color: #fbbf24;
}

.public-profile-title-item.is-unlocked.is-purple
.public-profile-title-info h3 {
	border-color: rgba(167, 139, 250, 0.36);
	background: rgba(124, 58, 237, 0.16);
	color: #c4b5fd;
}

.public-profile-title-item.is-unlocked.is-emerald
.public-profile-title-info h3 {
	border-color: rgba(52, 211, 153, 0.34);
	background: rgba(5, 150, 105, 0.16);
	color: #6ee7b7;
}

.public-profile-title-item.is-unlocked.is-sky
.public-profile-title-info h3 {
	border-color: rgba(56, 189, 248, 0.34);
	background: rgba(14, 165, 233, 0.16);
	color: #7dd3fc;
}


	/* =========================
	   Profile Edit Modal
	========================= */

	.public-profile-modal-backdrop {
		background: rgba(0, 0, 0, 0.68);
	}

	.public-profile-edit-dialog {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow: 0 20px 55px rgba(0, 0, 0, 0.5);
	}

	.public-profile-modal-header h2,
	.public-profile-edit-field-heading label,
	.public-profile-appearance-fieldset legend {
		color: #f4f4f5;
	}

	.public-profile-edit-field-heading span {
		color: #a1a1aa;
	}

	.public-profile-modal-close {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-edit-preview {
		border-color: #1d4ed8;
		background: #172554;
		color: #93c5fd;
	}

	.public-profile-image-select,
	.public-profile-image-remove,
	.public-profile-choice-item > span {
		border-color: #3f3f46;
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-edit-field input[type="text"] {
		border-color: #3f3f46;
		background: #202025;
		color: #f4f4f5;
	}

	.public-profile-edit-field input[type="text"]::placeholder {
		color: #71717a;
	}

	.public-profile-edit-field input[type="text"]:focus {
		border-color: #3b82f6;
		box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
	}

	/* =========================
	   Profile Edit Title Colors
	========================= */

	.public-profile-title-choice.is-blue > span {
		border-color: rgba(96, 165, 250, 0.34);
		background: rgba(37, 99, 235, 0.16);
		color: #93c5fd;
	}

	.public-profile-title-choice.is-red > span {
		border-color: rgba(251, 113, 133, 0.34);
		background: rgba(225, 29, 72, 0.15);
		color: #fda4af;
	}

	.public-profile-title-choice.is-yellow > span {
		border-color: rgba(250, 204, 21, 0.34);
		background: rgba(202, 138, 4, 0.15);
		color: #fde047;
	}

	.public-profile-title-choice.is-gold > span {
		border-color: rgba(251, 191, 36, 0.38);
		background: rgba(217, 119, 6, 0.17);
		color: #fbbf24;
	}

	.public-profile-title-choice.is-purple > span {
		border-color: rgba(167, 139, 250, 0.36);
		background: rgba(124, 58, 237, 0.16);
		color: #c4b5fd;
	}

	.public-profile-title-choice.is-emerald > span {
		border-color: rgba(52, 211, 153, 0.34);
		background: rgba(5, 150, 105, 0.16);
		color: #6ee7b7;
	}

	.public-profile-title-choice.is-sky > span {
		border-color: rgba(56, 189, 248, 0.34);
		background: rgba(14, 165, 233, 0.16);
		color: #7dd3fc;
	}

	/* =========================
   Premium Title Colors
========================= */

/* 출석왕 */
.public-profile-equipped-title.is-attendance-king,
.public-profile-title-item.is-unlocked.is-attendance-king
.public-profile-title-info h3,
.public-profile-title-choice.is-attendance-king > span {
	border-color: rgba(56, 189, 248, 0.42);
	background: rgba(14, 165, 233, 0.18);
	color: #7dd3fc;
}

/* VIP */
.public-profile-equipped-title.is-vip,
.public-profile-title-item.is-unlocked.is-vip
.public-profile-title-info h3,
.public-profile-title-choice.is-vip > span {
	border-color: rgba(96, 165, 250, 0.48);
	background:
		linear-gradient(
			135deg,
			rgba(37, 99, 235, 0.28) 0%,
			rgba(14, 165, 233, 0.22) 52%,
			rgba(96, 165, 250, 0.28) 100%
		);
	color: #bfdbfe;
}

/* 식객 */
.public-profile-equipped-title.is-food-master,
.public-profile-title-item.is-unlocked.is-food-master
.public-profile-title-info h3,
.public-profile-title-choice.is-food-master > span {
	border-color: rgba(251, 191, 36, 0.44);
	background:
		linear-gradient(
			135deg,
			rgba(180, 83, 9, 0.25) 0%,
			rgba(217, 119, 6, 0.2) 50%,
			rgba(251, 191, 36, 0.16) 100%
		);
	color: #fcd34d;
}

/* 우승 청부사 */
.public-profile-equipped-title.is-game-champion,
.public-profile-title-item.is-unlocked.is-game-champion
.public-profile-title-info h3,
.public-profile-title-choice.is-game-champion > span {
	border-color: rgba(251, 191, 36, 0.56);
	background:
		linear-gradient(
			135deg,
			rgba(146, 64, 14, 0.34) 0%,
			rgba(217, 119, 6, 0.3) 48%,
			rgba(251, 191, 36, 0.22) 100%
		);
	color: #fde68a;
}

/* 행운 정복자 */
.public-profile-equipped-title.is-luck-conqueror,
.public-profile-title-item.is-unlocked.is-luck-conqueror
.public-profile-title-info h3,
.public-profile-title-choice.is-luck-conqueror > span {
	border-color: rgba(167, 139, 250, 0.48);
	background:
		linear-gradient(
			135deg,
			rgba(91, 33, 182, 0.3) 0%,
			rgba(124, 58, 237, 0.25) 50%,
			rgba(167, 139, 250, 0.2) 100%
		);
	color: #ddd6fe;
}

/* VVIP */
.public-profile-equipped-title.is-vvip,
.public-profile-title-item.is-unlocked.is-vvip
.public-profile-title-info h3,
.public-profile-title-choice.is-vvip > span {
	border-color: rgba(251, 146, 60, 0.52);
	background:
		linear-gradient(
			135deg,
			rgba(154, 52, 18, 0.34) 0%,
			rgba(234, 88, 12, 0.28) 48%,
			rgba(251, 146, 60, 0.22) 100%
		);
	color: #fdba74;
}

	.public-profile-choice-item input:checked + span {
	box-shadow: 0 0 0 2px #3b82f6 inset;
	}

.public-profile-modal-save {
	background: #2563eb;
	color: #ffffff;
	border: 0;
}

.public-profile-modal-save:hover,
.public-profile-modal-save:focus {
	background: #1d4ed8;
	color: #ffffff;
}

	.public-profile-modal-message {
		color: #86efac;
	}

	.public-profile-modal-message.is-error {
		color: #fca5a5;
	}

	/* =========================
	   Profile Settings Modal
	========================= */

	.public-profile-settings-backdrop {
		background: rgba(0, 0, 0, 0.66);
	}

	.public-profile-settings-dialog {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow: 0 20px 55px rgba(0, 0, 0, 0.48);
	}

	.public-profile-settings-header h2 {
		color: #f4f4f5;
	}

	.public-profile-settings-close {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-privacy-setting {
		background: #27272a;
	}

	.public-profile-privacy-copy strong {
		color: #f4f4f5;
	}

	.public-profile-privacy-copy small {
		color: #a1a1aa;
	}

	.public-profile-switch > span {
		background: #52525b;
	}

	.public-profile-switch input:checked + span {
		background: #2563eb;
	}

	.public-profile-settings-message {
		color: #86efac;
	}

	.public-profile-settings-message.is-error {
		color: #fca5a5;
	}


	/* =========================
	   Public Profile Link
	========================= */

	.account-profile-avatar-link:focus-visible,
	.account-profile-name-link:focus-visible {
		outline-color: #60a5fa;
	}

	/* =========================
	   Follow Stats
	========================= */

	.public-profile-follow-stat {
		color: #a1a1aa;
	}

	.public-profile-follow-stat strong {
		color: #f4f4f5;
	}

	.public-profile-follow-stat:hover,
	.public-profile-follow-stat:focus {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-follow-stat:focus-visible {
		box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
	}


	/* =========================
	   Follow List Modal
	========================= */

	.public-profile-follow-list-backdrop {
		background: rgba(0, 0, 0, 0.68);
	}

	.public-profile-follow-list-dialog {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow: 0 20px 55px rgba(0, 0, 0, 0.5);
	}

	.public-profile-follow-list-header {
		border-bottom-color: rgba(255, 255, 255, 0.08);
	}

	.public-profile-follow-list-header h2 {
		color: #f4f4f5;
	}

	.public-profile-follow-list-close {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-follow-list-close:hover,
	.public-profile-follow-list-close:focus {
		background: #3f3f46;
		color: #ffffff;
	}

	.public-profile-follow-list-item +
	.public-profile-follow-list-item {
		border-top-color: rgba(255, 255, 255, 0.06);
	}

	.public-profile-follow-list-avatar {
		border-color: #1d4ed8;
		background: #172554;
		color: #93c5fd;
	}

	.public-profile-follow-list-name {
		color: #f4f4f5;
	}

	.public-profile-follow-list-user:hover
	.public-profile-follow-list-name {
		color: #60a5fa;
	}

	.public-profile-follow-list-action {
		background: #1F2A43;
		color: #4391FF;
	}

	.public-profile-follow-list-action:hover,
	.public-profile-follow-list-action:focus {
		background: #24334F;
		color: #60A5FA;
	}

	.public-profile-follow-list-action.is-following {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-follow-list-action.is-following:hover,
	.public-profile-follow-list-action.is-following:focus {
		background: #3f3f46;
		color: #f4f4f5;
	}

	.public-profile-follow-list-loading,
	.public-profile-follow-list-empty {
		color: #71717a;
	}

	/* =========================
	   Public Map List
	========================= */

	.public-profile-map-item {
		border-bottom-color: rgba(255, 255, 255, 0.06);
		color: #d4d4d8;
	}

	.public-profile-map-item:hover,
	.public-profile-map-item:focus {
		background: #202025;
	}

	.public-profile-map-item-copy strong {
		color: #f4f4f5;
	}

	.public-profile-map-item-copy small {
		color: #71717a;
	}

	.public-profile-map-item-arrow {
		color: #71717a;
	}

	.public-profile-map-item:hover
	.public-profile-map-item-arrow {
		color: #a1a1aa;
	}

	.public-profile-map-item:focus-visible {
		box-shadow:
			inset 0 0 0 3px
			rgba(96, 165, 250, 0.15);
	}


	/* =========================
	   Public Map Modal
	========================= */

	.public-profile-map-backdrop {
		background: rgba(0, 0, 0, 0.7);
	}

	.public-profile-map-dialog {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow:
			0 20px 55px
			rgba(0, 0, 0, 0.5);
	}

	.public-profile-map-header {
		border-bottom-color:
			rgba(255, 255, 255, 0.08);
	}

	.public-profile-map-heading h2 {
		color: #f4f4f5;
	}

	.public-profile-map-heading p {
		color: #a1a1aa;
	}

	.public-profile-map-meta {
		color: #71717a;
	}

	.public-profile-map-close {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-map-close:hover,
	.public-profile-map-close:focus {
		background: #3f3f46;
		color: #ffffff;
	}


	/* =========================
	   Public Map Places
	========================= */

	.public-profile-map-place {
		border-bottom-color:
			rgba(255, 255, 255, 0.06);
	}

	.public-profile-map-place-image {
		background: #27272a;
	}

	.public-profile-map-place-image-empty {
		color: #71717a;
	}

	.public-profile-map-place-line strong {
		color: #f4f4f5;
	}

	.public-profile-map-place-line span {
		color: #71717a;
	}

	.public-profile-map-place-memo {
		color: #a1a1aa;
	}

	.public-profile-map-place-memo-icon {
		color: #71717a;
	}

	.public-profile-map-more {
		color: #71717a;
	}


	/* =========================
	   Public Map Button
	========================= */

	.public-profile-map-view-button {
		background: #1F2A43;
		color: #4391FF;
	}

	.public-profile-map-view-button:hover,
	.public-profile-map-view-button:focus {
		background: #24334F;
		color: #60A5FA;
	}

	.public-profile-map-view-button:focus-visible,
	.public-profile-map-close:focus-visible {
		box-shadow:
			0 0 0 3px
			rgba(96, 165, 250, 0.2);
	}
}

/* =========================
   Profile User Action
   Dark Mode
========================= */

@media (prefers-color-scheme: dark) {

	.public-profile-user-action-backdrop,
	.public-profile-report-backdrop {
		background: rgba(0, 0, 0, 0.68);
	}

	.public-profile-user-action-dialog,
	.public-profile-report-dialog {
		border-color: #2f2f33;
		background: #17171c;
		box-shadow:
			0 20px 55px
			rgba(0, 0, 0, 0.5);
	}


	/* Header */

	.public-profile-user-action-header h2,
	.public-profile-report-header h2 {
		color: #f4f4f5;
	}

	.public-profile-user-action-header p,
	.public-profile-report-header p {
		color: #71717a;
	}

	.public-profile-user-action-close,
	.public-profile-report-close {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-user-action-close:hover,
	.public-profile-user-action-close:focus,
	.public-profile-report-close:hover,
	.public-profile-report-close:focus {
		background: #3f3f46;
		color: #ffffff;
	}


	/* User Action */

	.public-profile-user-action-item {
		border-color: #2f2f33;
		background: #1d1d22;
		color: #d4d4d8;
	}

	.public-profile-user-action-item:hover,
	.public-profile-user-action-item:focus {
		border-color: #3f3f46;
		background: #27272a;
	}

	.public-profile-user-action-icon {
		background: #27272a;
		color: #a1a1aa;
	}

	.public-profile-user-action-item strong {
		color: #f4f4f5;
	}

	.public-profile-user-action-item small {
		color: #71717a;
	}

	.public-profile-user-action-item.is-danger
	.public-profile-user-action-icon {
		background: rgba(225, 29, 72, 0.15);
		color: #fb7185;
	}

	.public-profile-user-action-item.is-danger strong {
		color: #fb7185;
	}


	/* Report Reason */

	.public-profile-report-options label {
		border-color: #2f2f33;
		background: #1d1d22;
		color: #d4d4d8;
	}

	.public-profile-report-options label:hover {
		border-color: #3f3f46;
		background: #27272a;
	}

	.public-profile-report-options
	label:has(input:checked) {
		border-color:
			rgba(96, 165, 250, 0.42);
		background:
			rgba(37, 99, 235, 0.16);
		color: #93c5fd;
		box-shadow:
			0 0 0 1px
			rgba(96, 165, 250, 0.18)
			inset;
	}

	.public-profile-report-options
	span::before {
		border-color: #52525b;
		background: #27272a;
	}

	.public-profile-report-options
	label:has(input:checked)
	span::before {
		border-color: #60a5fa;
		background: #17171c;
	}


	/* Buttons */

	.public-profile-report-cancel {
		background: #27272a;
		color: #d4d4d8;
	}

	.public-profile-report-cancel:hover,
	.public-profile-report-cancel:focus {
		background: #3f3f46;
		color: #ffffff;
	}

	.public-profile-report-submit {
		background: #e11d48;
		color: #ffffff;
	}

	.public-profile-report-submit:hover,
	.public-profile-report-submit:focus {
		background: #be123c;
		color: #ffffff;
	}

	.public-profile-user-action-close:focus-visible,
	.public-profile-user-action-item:focus-visible,
	.public-profile-report-close:focus-visible,
	.public-profile-report-options label:has(
		input:focus-visible
	),
	.public-profile-report-cancel:focus-visible,
	.public-profile-report-submit:focus-visible {
		box-shadow:
			0 0 0 3px
			rgba(96, 165, 250, 0.2);
	}
}

/* =========================
   Global Confirm Dark Mode
========================= */

@media (prefers-color-scheme: dark) {

	.babdori-confirm {
		z-index: 100100 !important;
	}

	.babdori-confirm-backdrop {
		background: rgba(0, 0, 0, 0.68) !important;
	}

	.babdori-confirm-box {
		border: 1px solid #2f2f33 !important;
		background: #17171c !important;
		color: #f4f4f5 !important;
		box-shadow:
			0 20px 55px
			rgba(0, 0, 0, 0.52) !important;
	}

	.babdori-confirm-message {
		color: #f4f4f5 !important;
	}

	.babdori-confirm-cancel {
		border-color: #3f3f46 !important;
		background: #27272a !important;
		color: #d4d4d8 !important;
	}

	.babdori-confirm-cancel:hover,
	.babdori-confirm-cancel:focus {
		background: #3f3f46 !important;
		color: #ffffff !important;
	}

	.babdori-confirm-ok {
		border-color: #2563eb !important;
		background: #2563eb !important;
		color: #ffffff !important;
	}

	.babdori-confirm-ok:hover,
	.babdori-confirm-ok:focus {
		background: #1d4ed8 !important;
		color: #ffffff !important;
	}
}