body.b_photoday,
body.b_photoday .background,
.background:has(.pd-wrap) {
	background: #1c1c1e !important;
}
.background:has(.pd-wrap),
.fix:has(.pd-wrap) #content {
	background: #1c1c1e !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.fix:has(.pd-wrap) #column2,
.fix:has(.pd-wrap) #sidebar {
	display: none !important;
}
.fix:has(.pd-wrap) #column1 {
	margin: 0 !important;
	width: 100% !important;
	float: none !important;
}

.pd-wrap,
.pd-wrap * { box-sizing: border-box; }
.pd-wrap {
	max-width: 1280px;
	margin: 0 auto;
	padding: 24px 16px 64px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #e5e7eb;
}
.pd-head {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 16px;
	flex-wrap: wrap;
}
.pd-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	color: #f3f4f6;
	line-height: 1.2;
	flex-shrink: 0;
}
.pd-title a { color: #f3f4f6 !important; text-decoration: none !important; }
.pd-title a:hover { color: #93c5fd !important; }
.pd-search { margin: 0; flex: 1; min-width: 200px; position: relative; }
.pd-wrap input[type="search"] {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #3f3f46;
	border-radius: 8px;
	background: #2a2a2e;
	font-size: 14px;
	line-height: 1.4;
	color: #f3f4f6;
	appearance: none;
	-webkit-appearance: none;
}
.pd-wrap input[type="search"]::placeholder { color: #9ca3af; }
.pd-add-wrap { margin: 0; height: auto !important; }
.pd-add {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 0;
	border-radius: 8px;
	background: #3b82f6;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}
.pd-add:hover { background: #2563eb; }
.pd-add span { font-size: 18px; line-height: 1; font-weight: 500; }

.pd-cloud {
	margin: 0 0 20px;
	line-height: 1.7;
	text-align: left;
}
.pd-cloud-tag {
	display: inline-block;
	margin: 0 10px 4px 0;
	color: #9ca3af !important;
	text-decoration: none !important;
	line-height: 1.2;
	vertical-align: middle;
}
.pd-cloud-tag:hover { color: #93c5fd !important; }
.pd-cloud-tag.is-on { color: #93c5fd !important; font-weight: 600; }

.pd-suggest {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 20;
	margin: 4px 0 0;
	background: #2a2a2e;
	border: 1px solid #3f3f46;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0,0,0,.35);
	overflow: hidden;
}
.pd-suggest-item {
	display: block;
	width: 100%;
	text-align: left;
	border: 0;
	background: #2a2a2e;
	padding: 8px 12px;
	font-size: 14px;
	color: #f3f4f6;
	cursor: pointer;
}
.pd-suggest-item:hover,
.pd-suggest-item.is-on { background: #3f3f46; }

.pd-masonry {
	column-count: 5;
	column-gap: 24px;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0 24px;
	box-sizing: border-box;
}
.pd-card {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 24px;
	break-inside: avoid;
	overflow: hidden;
	background: transparent;
	content-visibility: auto;
	contain-intrinsic-size: 280px 200px;
}
.pd-card-link {
	display: block;
	overflow: hidden;
	text-decoration: none !important;
}
.pd-card img {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	vertical-align: top;
	transition: transform .25s ease;
}
.pd-card:hover img { transform: scale(1.03); }
.pd-like {
	position: absolute;
	right: 8px;
	bottom: 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(0,0,0,.55);
	color: #e5e7eb;
	font-size: 14px;
	line-height: 1;
	z-index: 2;
}
.pd-like a {
	color: #fb7185 !important;
	text-decoration: none !important;
	line-height: 1;
}
.pd-like span { color: #f3f4f6; font-weight: 600; }

.pd-pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 32px 0 0;
}
.pd-page,
.pd-page-current,
.pd-page-gap {
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #3f3f46;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #d1d5db !important;
	text-decoration: none !important;
	background: #2a2a2e;
}
.pd-page:hover { background: #3f3f46; }
.pd-page-current {
	border-color: #3b82f6;
	background: #1e3a5f;
	color: #93c5fd !important;
	font-weight: 600;
}
.pd-page-gap { border: 0; background: transparent; min-width: 16px; }
.pd-empty { text-align: center; color: #9ca3af; padding: 64px 0; }

.pd-detail { margin: 0 0 32px; }
.pd-hero {
	position: relative;
	background: #141416;
	border-radius: 16px;
	overflow: hidden;
	border: 0;
	line-height: 0;
}
.pd-hero img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	background: #141416;
}
.pd-nav {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(0,0,0,.5);
	color: #f3f4f6 !important;
	text-decoration: none !important;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	z-index: 2;
}
.pd-nav-left { left: 12px; }
.pd-nav-right { right: 12px; }
.pd-nav:hover { background: rgba(0,0,0,.75); }
.pd-sheet {
	position: relative;
	margin-top: 16px;
	padding: 8px 4px 0;
}
.pd-sheet .pd-like { position: static; background: #2a2a2e; margin: 0 0 12px; }
.pd-detail-title {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 6px;
	color: #f3f4f6;
	line-height: 1.3;
}
.pd-muted { color: #9ca3af; font-size: 14px; margin: 0 0 12px; }
.pd-story { font-size: 15px; color: #d1d5db; line-height: 1.5; margin: 0 0 16px; }
.pd-story p { margin: 0 0 8px; }
.pd-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.pd-tag {
	font-size: 13px;
	background: #2a2a2e;
	color: #d1d5db !important;
	border-radius: 999px;
	padding: 4px 10px;
	text-decoration: none !important;
}
.pd-tag:hover { background: #3f3f46; color: #93c5fd !important; }
.pd-label {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 16px;
	color: #f3f4f6;
}

@media (max-width: 1100px) {
	.pd-masonry { column-count: 4; column-gap: 20px; padding: 0 20px; }
}
@media (max-width: 800px) {
	.pd-masonry { column-count: 2; column-gap: 16px; padding: 0 16px; }
	.pd-card { margin-bottom: 16px; }
	.pd-title { font-size: 24px; }
	.pd-add-wrap { width: 100%; }
	.pd-add { width: 100%; justify-content: center; }
}
@media (max-width: 520px) {
	.pd-masonry { column-count: 1; column-gap: 16px; }
}

body.b_photoday { overflow-x: hidden; }

#add_photoday.popup,
#result_photoday.popup {
	background: #1c1c1e !important;
	color: #e5e7eb;
	box-shadow: 0 12px 40px rgba(0,0,0,.55);
	border-radius: 16px;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
#add_photoday .head,
#result_photoday .head,
#add_photoday label,
#add_photoday .forms,
#add_photoday li,
#add_photoday button,
#add_photoday input,
#add_photoday textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
#add_photoday .head,
#result_photoday .head {
	color: #f3f4f6 !important;
	font-weight: 600;
}
#add_photoday label,
#add_photoday li,
#add_photoday .forms,
#result_photoday {
	color: #d1d5db;
}
#add_photoday a { color: #93c5fd !important; }
#add_photoday .close,
#result_photoday .close {
	color: #d1d5db !important;
}
#add_photoday .close:hover,
#result_photoday .close:hover {
	color: #fff !important;
	background: #3f3f46 !important;
}
#add_photoday input[type="text"],
#add_photoday textarea {
	background: #2a2a2e !important;
	border: 1px solid #3f3f46 !important;
	color: #f3f4f6 !important;
	border-radius: 8px;
}
#add_photoday .upload-zone,
#add_photoday .upload-zone_dragover,
#add_photoday .form-upload {
	background: #2a2a2e;
	color: #d1d5db;
	border-color: #3f3f46;
	border-radius: 8px;
}
#add_photoday .button1,
#add_photoday .button2 {
	background: #3b82f6;
	color: #fff;
	border: 0;
	border-radius: 8px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-weight: 600;
}

body.b_photoday #mainmenu ul li.active,
body:has(.pd-wrap) #mainmenu ul li.active,
body:has(.pb-wrap) #mainmenu ul li.active {
	background: #1c1c1e;
	color: #fff;
	padding: 0;
}
body.b_photoday #mainmenu ul li.active > a,
body:has(.pd-wrap) #mainmenu ul li.active > a,
body:has(.pb-wrap) #mainmenu ul li.active > a,
body.b_photoday #mainmenu ul li.active:hover > a,
body:has(.pd-wrap) #mainmenu ul li.active:hover > a,
body:has(.pb-wrap) #mainmenu ul li.active:hover > a {
	background: #1c1c1e;
	color: #fff !important;
	box-shadow: none;
}
body.b_photoday #mainmenu ul li.active ul,
body:has(.pd-wrap) #mainmenu ul li.active ul,
body:has(.pb-wrap) #mainmenu ul li.active ul {
	background: #2a2a2e;
}
body.b_photoday #mainmenu ul li.active ul li a,
body:has(.pd-wrap) #mainmenu ul li.active ul li a,
body:has(.pb-wrap) #mainmenu ul li.active ul li a {
	color: #e5e7eb !important;
}
body.b_photoday #mainmenu ul li.active ul li a:hover,
body:has(.pd-wrap) #mainmenu ul li.active ul li a:hover,
body:has(.pb-wrap) #mainmenu ul li.active ul li a:hover {
	background: #3f3f46;
	color: #fff !important;
}

body.b_photoday #footer,
body:has(.pd-wrap) #footer,
body:has(.pb-wrap) #footer {
	background: #000 !important;
}
body.b_photoday #footer .copyright,
body:has(.pd-wrap) #footer .copyright,
body:has(.pb-wrap) #footer .copyright {
	color: #e5e7eb;
}
body.b_photoday #footer .disc,
body:has(.pd-wrap) #footer .disc,
body:has(.pb-wrap) #footer .disc {
	color: #9ca3af;
}
body.b_photoday #footer a,
body:has(.pd-wrap) #footer a,
body:has(.pb-wrap) #footer a,
body.b_photoday #footer .terms a,
body:has(.pd-wrap) #footer .terms a,
body:has(.pb-wrap) #footer .terms a,
body.b_photoday #footer .bmenu a,
body:has(.pd-wrap) #footer .bmenu a,
body:has(.pb-wrap) #footer .bmenu a {
	color: #d1d5db !important;
}
body.b_photoday #footer a:hover,
body:has(.pd-wrap) #footer a:hover,
body:has(.pb-wrap) #footer a:hover {
	color: #fff !important;
}
body.b_photoday #footer .social_networks a,
body:has(.pd-wrap) #footer .social_networks a,
body:has(.pb-wrap) #footer .social_networks a {
	color: #9ca3af !important;
}
body.b_photoday #footer .social_networks a:hover,
body:has(.pd-wrap) #footer .social_networks a:hover,
body:has(.pb-wrap) #footer .social_networks a:hover {
	color: #fff !important;
}