body.somnia-style-porcelain {
	--por-paper: #FFFFFF;
	--por-glaze: #9FD6CE;
	--por-rim: inset 0 0 0 7px var(--por-paper), inset 0 0 0 8.5px var(--dt-header-bg), inset 0 0 0 12px var(--por-paper), inset 0 0 0 13px var(--por-glaze);
	--por-dots: radial-gradient(circle, var(--dt-header-bg) 1.6px, transparent 2px) 0 0 / 14px 6px repeat-x;
	--por-steam: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2034'%3E%3Cstyle%3Epath%7Bfill:none;stroke:%23fff;stroke-width:2.5;stroke-linecap:round;opacity:0;animation:r%204.5s%20ease-in-out%20infinite%7Dpath:nth-child(2)%7Banimation-delay:1.5s%7Dpath:nth-child(3)%7Banimation-delay:3s%7D%40keyframes%20r%7B0%25%7Bopacity:0;transform:translateY(8px)%7D35%25%7Bopacity:.7%7D100%25%7Bopacity:0;transform:translateY(-10px)%7D%7D%3C/style%3E%3Cpath%20d='M10%2030C4%2024%2016%2018%2010%2010'/%3E%3Cpath%20d='M20%2030C14%2022%2026%2016%2020%206'/%3E%3Cpath%20d='M30%2030C24%2024%2036%2018%2030%2010'/%3E%3C/svg%3E");
}

body.somnia-style-porcelain .site-header {
	padding-bottom: 12px;
	border-bottom: 0;
	background: radial-gradient(circle at 12px 0, var(--dt-header-bg) 11.5px, transparent 12px) 0 100% / 24px 12px repeat-x, linear-gradient(var(--dt-header-bg), var(--dt-header-bg)) 0 0 / 100% calc(100% - 12px) no-repeat;
}
body.somnia-style-porcelain .site-branding-text {
	position: relative;
	padding: 20px 16px 12px;
	text-align: center;
}
body.somnia-style-porcelain .site-title {
	font-size: 28px;
	white-space: normal;
}
body.somnia-style-porcelain .site-title a {
	flex-direction: column;
	gap: 6px;
}
body.somnia-style-porcelain .site-title a::before {
	box-sizing: border-box;
	width: 72px;
	height: 72px;
	border: 2px solid rgba(255, 255, 255, .55);
	border-radius: 50%;
	background: var(--dt-icon) center / 54px no-repeat;
}
body.somnia-style-porcelain.home .site-branding-text::before {
	content: "";
	position: absolute;
	top: 14px;
	left: calc(50% - 6px);
	width: 40px;
	height: 34px;
	background: var(--por-steam) center / contain no-repeat;
	pointer-events: none;
}
body.somnia-style-porcelain .site-description {
	margin-top: 6px;
	font-style: italic;
	font-size: 16px;
}
body.somnia-style-porcelain:not(.home) .site-branding-text {
	padding: 12px 16px 8px;
}
body.somnia-style-porcelain:not(.home) .site-title {
	font-size: 22px;
}
body.somnia-style-porcelain:not(.home) .site-title a {
	flex-direction: row;
	gap: 10px;
}
body.somnia-style-porcelain:not(.home) .site-title a::before {
	width: 40px;
	height: 40px;
	border: 0;
	background-size: contain;
}
body.somnia-style-porcelain:not(.home) .site-description {
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	body.somnia-style-porcelain {
		--por-steam: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2034'%3E%3Cg%20fill='none'%20stroke='%23fff'%20stroke-width='2.5'%20stroke-linecap='round'%20opacity='.5'%3E%3Cpath%20d='M10%2030C4%2024%2016%2018%2010%2010'/%3E%3Cpath%20d='M20%2030C14%2022%2026%2016%2020%206'/%3E%3Cpath%20d='M30%2030C24%2024%2036%2018%2030%2010'/%3E%3C/g%3E%3C/svg%3E");
	}
}

body.somnia-style-porcelain .site-footer {
	padding-top: 12px;
	background: radial-gradient(circle at 12px 12px, var(--dt-surface) 11.5px, transparent 12px) 0 0 / 24px 12px repeat-x, linear-gradient(var(--dt-surface), var(--dt-surface)) 0 12px / 100% 100% no-repeat;
}

body.somnia-style-porcelain .drs-box {
	background: var(--por-paper) !important;
	border-radius: 14px !important;
}
body.somnia-style-porcelain .drs-box .drs-box-button {
	border-radius: 10px !important;
}

body.somnia-style-porcelain.home .entry-title {
	text-align: center;
}
body.somnia-style-porcelain.home #content .entry-content > p:first-of-type {
	position: relative;
	padding: 40px 30px 36px;
	background: var(--por-paper);
	border-radius: 28px;
	box-shadow: var(--por-rim);
	line-height: 1.85;
}
body.somnia-style-porcelain.home #content .entry-content > p:first-of-type::before,
body.somnia-style-porcelain.home #content .entry-content > p:first-of-type::after {
	content: "";
	position: absolute;
	left: 28px;
	right: 28px;
	height: 6px;
	background: var(--por-dots);
}
body.somnia-style-porcelain.home #content .entry-content > p:first-of-type::before {
	top: 20px;
}
body.somnia-style-porcelain.home #content .entry-content > p:first-of-type::after {
	bottom: 20px;
}

body.somnia-style-porcelain.single-post #content .entry-content > p:first-of-type {
	padding: 0 6px;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.75;
	text-align: center;
	color: var(--dt-text);
}
body.somnia-style-porcelain.single-post #content .entry-content > p:first-of-type::before,
body.somnia-style-porcelain.single-post #content .entry-content > p:first-of-type::after {
	content: "";
	display: block;
	height: 6px;
	background: var(--por-dots);
}
body.somnia-style-porcelain.single-post #content .entry-content > p:first-of-type::before {
	margin-bottom: 16px;
}
body.somnia-style-porcelain.single-post #content .entry-content > p:first-of-type::after {
	margin-top: 16px;
}

body.somnia-style-porcelain #dcf-container .dcf-author {
	flex-direction: column;
	align-items: center;
	padding-top: 14px;
	text-align: center;
	border: 0;
	border-radius: 28px;
	background: radial-gradient(circle at 12px 0, var(--dt-header-bg) 11.5px, transparent 12px) 0 34px / 24px 12px repeat-x, linear-gradient(var(--dt-header-bg), var(--dt-header-bg)) 0 0 / 100% 34px no-repeat, var(--por-paper);
}
body.somnia-style-porcelain #dcf-container .dcf-author .dcf-headline {
	flex: none;
}
body.somnia-style-porcelain #dcf-container .dcf-author-avatar img {
	border: 4px solid var(--por-paper);
	border-radius: 50%;
}
body.somnia-style-porcelain #dcf-container .dcf-author-bio {
	font-style: italic;
}
body.somnia-style-porcelain #dcf-list {
	padding: 18px 22px 20px;
	background: var(--dt-surface);
	border-radius: 22px;
	box-shadow: inset 0 0 0 6px var(--dt-surface), inset 0 0 0 7px var(--por-glaze);
}

body.somnia-style-porcelain #comments .comment-day span {
	background: var(--por-paper);
	box-shadow: inset 0 0 0 1px var(--por-glaze);
}
body.somnia-style-porcelain #comments .comment,
body.somnia-style-porcelain #comments .comment.is-interpreter {
	align-items: stretch;
}
body.somnia-style-porcelain #comments .comment-body {
	max-width: none;
}
body.somnia-style-porcelain #comments .is-interpreter > .comment-body {
	margin-left: 20px;
}
body.somnia-style-porcelain #comments .comment-bubble {
	padding: 14px 18px 10px;
	background: var(--por-paper);
	border: 1px solid var(--dt-border);
	border-radius: 16px;
}
body.somnia-style-porcelain #comments .is-interpreter > .comment-body > .comment-bubble {
	padding: 18px 20px 12px;
	background: var(--dt-accent-light);
	border: 0;
	border-radius: 20px;
	box-shadow: inset 0 0 0 5px var(--dt-accent-light), inset 0 0 0 6px var(--por-glaze);
}
body.somnia-style-porcelain #comments .comment-text {
	flex-basis: 100%;
}
body.somnia-style-porcelain #comments .comment-date {
	margin-left: 0;
	text-align: left;
}
body.somnia-style-porcelain #comments .is-interpreter .comment-name {
	color: var(--dt-accent);
}
body.somnia-style-porcelain #comments .comment-head .somnia-label {
	padding: 0;
	background: none;
	color: var(--dt-muted);
	font-weight: 600;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
}
body.somnia-style-porcelain #comments .comment-form-author input,
body.somnia-style-porcelain #comments .comment-form textarea,
body.somnia-style-porcelain #comments #somnia-own {
	background: var(--por-paper);
	border-radius: 14px;
}
body.somnia-style-porcelain #comments .form-submit .somnia-button {
	border-radius: 14px;
}

body.somnia-style-porcelain .drs-results .drs-result {
	margin: 0 0 12px;
	padding: 18px 20px;
	background: var(--por-paper);
	border-radius: 18px;
	box-shadow: inset 0 0 0 5px var(--por-paper), inset 0 0 0 6px var(--por-glaze);
}
body.somnia-style-porcelain .drs-results .drs-title,
body.somnia-style-porcelain .drs-net .drs-net-title {
	font-family: var(--dt-heading-font);
	font-weight: 700;
	text-decoration: none;
}
body.somnia-style-porcelain .drs-echo {
	font-style: italic;
}
body.somnia-style-porcelain .drs-net {
	padding: 20px 20px 8px;
	background: var(--dt-accent-light);
	border-radius: 22px;
	box-shadow: inset 0 0 0 6px var(--dt-accent-light), inset 0 0 0 7px var(--por-glaze);
	box-sizing: border-box;
}
body.somnia-style-porcelain .drs-net .drs-net-item {
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid var(--por-glaze);
}
body.somnia-style-porcelain .drs-net .drs-net-item:last-child {
	border-bottom: 0;
}