body.april-fools {	background-image: url("d.41.png");}
body.cirno-day	{	background-image: url("d.9.png");}
body.leap-year	{	background-image: url("d.ly.png");}
body.new-year	{	background-image: url("d.ny.png");}
body,
body > *,
body > form > *,
.content > *,
.centered {
	margin: 8px auto;	/* <- centered */
	min-width: 656px;
	max-width: 1000px;
	text-align: center;
}
body,
.task input:not([type="checkbox"]):not([type="radio"]),
.task select {
	/* font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif; */
	font-family: sans-serif;
	font-size: 21px;
	line-height: 28px;
	color: black;
}
body > *,
.content > * {
	margin: 24px auto;
}
.header,
.header + *,
.header > *,
.anno > * {
	margin: 8px 0;
}
.header::after,
.task::after,
.thread::after,
.post .image-num::after,
.post::after,
.hint::after,
.profile p::after {
	content: "";
	display: block;
	clear: both;		/* <- keep bottom line below side-floats */
}
.header > * {
	display: table;
	width: 100%;
	text-align: left;
}
.header > * > * {
	display: table-row;
	padding: 0 22px;
	vertical-align: top;
}
.header > * > u {
	display: table-cell;
}
.header > * > u:not(:first-child) {
	padding-left: 4px;
}
.header > * > u:not(:last-child) {
	padding-right: 4px;
}
.header u,
.toggle,
#task a[onclick],
#task a[href*="javascript:"] {
	text-decoration: none;
}
.header.a > * > * {
	width: 25%;
	text-align: center;
}
.header a,
.buttons a {
	white-space: nowrap;
}
.header ~ footer .hint {
	line-height: normal;
}
.header .menu-list {
	padding: 0.5em;
}
.header .menu-list u + u {
	margin-top: 0.5em;
}
.header .menu-list * {
	display: block;
}
.menu-head {
	display: inline-block;
	position: relative;
}
.menu-head > :first-child::before {
	line-height: 50%;
	content: "\25BE\A0";
}
.menu-top {
	display: none;
	position: relative;
}
.menu-top:hover,
.menu-head:hover .menu-top,
#task-text {
	display: block;
}
.menu-hid {
	display: block;
	position: absolute;
	z-index: 888;
	top: 0;
	left: 0;
	min-width: 100%;
}
.menu-list {
	display: block;
	padding: 4px;
	border: 1px solid #aaa;
	background-color: rgba(85, 85, 85, 0.8);
	text-align: left;
	white-space: nowrap;
}
.r .menu-list {
	text-align: right;
}
.r .menu-head > :first-child::before,
.r .menu-hid {
	left: inherit;
	right: 0;
}
.buttons.r .menu-hid {
	right: -9px;
}
.buttons > *,
.buttons a,
.a.buttons {
	display: inline-block;
	text-decoration: none;
	background-color: #777;
	margin: 0;
}
.buttons > *:not(:first-child) {
	margin-left: 0.5em;
}
.buttons .menu-head > :first-child::before {
	position: absolute;
	display: block;
	line-height: 0;
	bottom: 12px;
	left: 4px;
}
.buttons .menu-list {
	padding: 8px;
}
.buttons .menu-list a~a {
	margin-top: 8px;
}
.buttons a,
.a.buttons {
	padding: 0 1em;
}
.buttons a:hover {
	background-color: #aaa;
}
.post .menu-head > :first-child::before {
	display: none;
}
.post .menu-wrap:hover,
.post .menu-head:hover,
.post .menu-top,
.post .menu-hid,
.post .menu-list {
	background-color: inherit;
	border-color: inherit;
}
/*
.post .menu-list {
	border-top-color: transparent;
}*/
.post .menu-head a {
	display: block;
	padding: 0 2px;
	color: gray;
}
.post .menu-head a:hover {
	color: white;
	background-color: rgba(85, 85, 85, 0.4);
}
a,
.a {
	color: gray;
}
a:hover,
a.u:hover {
	color: black;
}
.task a,
.task .a,
.task label,
.menu-list a {
	color: #bbb;
}
.task a:hover,
.task label:hover,
.menu-list a:hover {
	color: white;
}
.touch,
.touch a,
.touch ~ .task a,
.touch ~ * .task a,
.touch ~ * .task.next-prev p {
	font-size: 56pt;
	line-height: 56pt;
	text-decoration: none;
}
.thread .anno,
.task.next-prev p {
	font-weight: normal;
	padding: 8px 22px;
	text-align: center;
}
.anno {
	white-space: normal;
	text-align: center;
	background-color: #ace;
	color: white;
}
.anno b {
	display: block;
	font-weight: normal;
}
.at,
a.at {
	background-color: #999;
	color: #eee;
}
.report,
.report b {
	background-color: #ff6244;
	color: #ff7;
}
.report.anno b {
	color: white;
}
.report.r b {
	display: block;
	padding: 0 1em;
}
.next-prev a {
	display: block;
	border: 5px solid transparent;
	position: absolute;
	margin: 0;
	bottom: 0;
	top: 0;
}
.next-prev .al {
	left: 0;
}
.next-prev .ar {
	right: 0;
}
.next-prev a.al:hover {
	border-left-color: #eee;
}
.next-prev a.ar:hover {
	border-right-color: #eee;
}
.next-prev a,
a.a {
	text-decoration: none;
}
.room-title {
	padding: 0 8px;
}
.room-title::after {
	display: inline-block;
	content: attr(data-title);
	vertical-align: middle;
	line-height: normal;
	font-size: small;
	max-width: 320px;
}
#thumbs {
	margin: 8px auto;
	max-width: 864px;
	text-align: left;
}
#thumbs:last-child {
	margin-bottom: 0;
}
#thumbs a {
	display: inline-block;
	background: #ddd no-repeat center;
	border: 6px solid #a0a0a0;
	width: 160px;
	height: 90px;
	line-height: 90px;
	font-size: 78px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#thumbs a:hover::after {
	display: block;
	content: attr(data-index);
	background-color: rgba(160, 160, 160, 0.6);
}
#thumbs a:hover,
.welcome a:hover {
	border-color: #09f;
}
#took {
	clear: both;
}
#took,
#took td {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	font-family: monospace;
	line-height: 1.4em;
	vertical-align: top;
	text-align: left;
}
#took td:nth-child(2) {
	text-align: right;
}
#took,
#task .rem,
.task label,
.hint,
li {
	font-size: 13px;
}
#task,
.task,
.thread,
.threads {
	padding: 8px 0;
	background-color: #aaa;
}
#task > .res {
	cursor: move;
}
#task > .res img[src*=res] {
	padding: 0 2px;
	border: 2px dashed #ccc;
	border-top: none;
	border-bottom: none;
}
#task > .res:hover img {
	border-color: #eee;
}
#task > img,
#task > .res img,
#task .dump {
	margin: 8px;
	vertical-align: bottom;	/* <- removes extra bottom space (sub-baseline) */
}
#task > :last-child img,
#task > :last-child {
	margin-bottom: 0;
}
#task .rem {
	font-weight: normal;
	text-align: left;
}
#task .rem > * {
	margin-left: 8px;
}
#task .dump {
	display: block;
	padding: 8px;
	padding-bottom: 0;
	line-height: normal;
}
#task .dump textarea {
	box-sizing: border-box;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 320px;
	height: 978px;
}
.filelist {
	width: 100%;
	margin: 8px;
	padding: 0;
}
.filelist table {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.filelist td {
	padding: 8px;
	background-color: #eee;
	line-height: 12px;
	font-size: 13px;
	text-align: left;
}
.filelist td:not(:first-child) {
	text-align: right;
	white-space: nowrap;
}
.filelist td:first-child:last-child {
	text-align: center;
}
.task {
	position: relative;
}
.task .center {
	position: absolute;
	display: block;
	left: 50%;
}
.task .center > * {
	margin-left: -50%;
	background-color: #555;
}
.task .r {
	padding-bottom: 0;
}
.task .radiogroup {
	margin: 8px 0 0 8px;
}
.task .radiogroup label {
	display: block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.task .radiogroup input[type="radio"] {
	float: right;
	margin-top: 8px;
}
.task .radiogroup input[type="radio"][name="freeze"][value="1"] ~ span {
	padding-left: 18px;
}
.task .radiogroup input[type="radio"][name="freeze"][value="1"]:checked ~ span {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAAAAC1nJfNn/////gu5rjwAAAAF0Uk5TAEDm2GYAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAARUlEQVR42n3PUQoAIAhEQVfvf+fURdSg+uoNUSbyWMDVpthtOsXboSU6oCQ7gcImpIBbMo801CUF/QxhDhKwR1XD/3O9Dn+AAO+CgfZkAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: left;
}
.task label.r {
	margin-left: 22px;
}
.task form textarea {
	width: 456px;
	height: 160px;
	max-width: 950px;
	max-height: 950px;
}
.task form,
.task p,
.task ul,
.task ol {
	text-align: left;
	padding: 0 22px 8px 22px;
	margin: 0;
	line-height: 26px;
	color: white;
	background-color: #555;
}
.task form > :not(label):not(.l):not(.r) {
	display: table;
	width: 100%;
}
.task form > :not(label):not(.l):not(.r) > * {
	display: table-cell;
	vertical-align: middle;
}
.task form > :not(label):not(.l):not(.r) > :not(:first-child) {
	width: 150px;
	text-align: right;
}
.task form > input {
	display: none !important;
}
.task form input[type="submit"],
.task form select {
	width: 142px;
}
.task input[type="text"],
.task input[type="file"] {
	width: 100%;
}
.task input[type="file"] {
	background-color: white;
	color: black;
}
.task li {
	margin: 0 0 12px 22px;
}
.task p > b {
	display: block;
	padding-right: 6px;
}
.task p.r.hint + p.r.hint {
	padding-right: 0;
}
#task .task,
.threads:empty,
.threads .task,
.task.next-prev {
	padding: 0;
	margin: 0;
}
.thread,
.task form:first-child,
.task p:first-child,
.task p.r:first-child + p,
.task div:not(.hid) + p,
.task label {
	padding-top: 8px;
}
.threads .thread {
	margin: 0;
	padding-top: 0;
}
.combined .thread {
	padding: 0;
}
.post,
.post.pad aside .report,
#task-text {
	word-wrap: break-word;
}
.post.hover-menu aside:hover {
	border-color: black;
	background-color: #f5f5f5;
}
.post {		background-color: #f5f5f5;}
body,
.alt {		background-color: #eee;}
.dust {		background-color: #d4d4d4;}
.trd-arch {	background-color: #67b047;}
.trd-miss {	background-color: #96f;}
.room-new {	background-color: #09c;}
.warn {		background-color: #fc7;}
.burnt-hell,
.burnt .post {	background-color: #fdd;}
.post .burnt,
.hot,
.burnt .alt {	background-color: #ecc;}
.post:target,
.ok,
.full .post {	background-color: #dfd;}
.post .full,
.ok.alt,
.green,
.full .alt {	background-color: #cec;}
.frozen-hell,
.frozen .post {	background-color: #def;}
.post .frozen,
.cold,
.frozen .alt {	background-color: #cde;}
.new,
.twilight {	background-color: #59e;}
.mod,
.post.born aside:hover {border-color: #f00; background-color: #fdc;}
.post.burn aside:hover {border-color: #900; background-color: #f55;}
.gloom,
.post.goo aside:hover {	border-color: #b0f; background-color: #dcf;}
.post.ice aside:hover {	border-color: #ace; background-color: #cdf;}
.post.me aside:hover {	border-color: #4e7; background-color: #cfd;}
.post.null aside:hover {border-color: gray; background-color: #bbb;}
.post .center {
	margin: 0 auto;
	max-width: 500px;
}
.wider .post .center {
	max-width: 690px;
}
.post .anno {
	display: inline-block;
	margin: -8px 0;
}
.post .center aside {
	line-height: 28px;
	min-width: 0;
}
.post .center table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: normal;
}
.post .center td {
	margin: 0;
	padding: 4px;
	font-size: 17px;
	line-height: 20px;
}
.post .center input[type="radio"] {
	display: none;
}
.post .center input[type="radio"]:not(:checked) + * {
	color: #aaa;
	text-decoration: underline;
}
.post .center label {
	display: inline-block;
	padding: 0 4px;
	margin: 0;
}
.post .center > label {
	display: block;
	cursor: inherit;
	font-size: 12px;
	text-align: left;
}
.post label:hover {
	background-color: white;
}
.post label.ok:hover {
	background-color: #efe;
}
.post img {
	max-width: 640px;
	vertical-align: bottom;
}
.post aside {
	margin: 0;
	padding: 0 4px;
	min-width: 165px;
	font-size: 12px;
	border-left: 4px solid #eee;
	border-right: none;
}
.post aside.r {
	border-left: none;
	border-right: 4px solid #eee;
}
.post aside,
.l {
	text-align: left;
	float: left;
}
.post aside.r,
.r {
	text-align: right;
	float: right;
}
.post aside.ref {
	max-width: 70%;
	max-height: 28px;
}
.post .center textarea {
	width: 480px;
	min-width: 480px;
	max-width: 480px;
	height: 6em;
	min-height: 1.5em;
	max-height: 480px;
}
.post .center input[type="checkbox"] {
	vertical-align: middle;
	line-height: 50%;
}
.half-hidden {
	width: 99px;
}
.post .center input[name="email"],
.post .center:hover input[type="text"][readonly],
.half-hidden:hover {
	width: 240px;
}
.post .center input[name="naming"] {
	width: 480px;
}
.post input[type="text"][readonly] {
	color: #777;
}
.post input[type="text"],
.post select {
	height: 14px;
	width: 99px;
	margin: 0;
	padding: 1px;
	border-width: 1px;
	vertical-align: middle;
}
.post input[type="submit"],
.post input[type="button"],
.post select {
	height: 20px;
	line-height: 10px;
}
.post.hover-menu input[type="text"] {
	width: 159px;
}
.post.hover-menu textarea {
	max-width: 161px;
	min-width: 161px;
	min-height: 48px;
}
.post.hover-menu aside .menu-wrap {
	position: relative;
}
.post.hover-menu aside .menu-wrap,
.post.hover-menu aside .menu-head,
.post.hover-menu aside .stub {
	white-space: nowrap;
	background-color: inherit;
	margin: 0;
	padding: 0;
}
.post.hover-menu aside,
.post.hover-menu aside .stub {
	white-space: nowrap;
	padding: 0;
}
.post.hover-menu aside .menu-head {
	border: none;
	position: absolute;
	top: 0;
}
.post.hover-menu aside:not(.r) .menu-head {
	left: 0;
}
.post.hover-menu aside.r .menu-head {
	right: 0;
}
.post.hover-menu aside .menu-head:hover .stub {
	padding: 4px;
	/* z-index: 999; */
}
.post.hover-menu aside .menu-head:hover {
	border: 1px solid transparent;
	border-color: inherit;
	top: -5px;
}
.post.hover-menu aside:not(.r) .menu-head:hover {
	left: -5px;
}
.post.hover-menu aside.r .menu-head:hover {
	right: -5px;
}
.half-hidden:not(:hover),
.post.hover-menu aside:not(:hover) .stub,
.post aside.ref,
.room-title::after {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	/* <- requires max-width */
}
.post.hover-menu aside[onclick],
button:not(:disabled),
input:not(:disabled):not([type="text"]),
label {
	cursor: pointer;
}
button {
	padding: 0.25em 0.5em;
	margin: 1px;
	color: #000;
	background-color: #ddd;
	border: 1px solid #777;
}
button:disabled {
	color: #888;
	border-color: #aaa;
}
button:not(:disabled):hover {
	background-color: #bee6fd;
	border-color: #3c7fb1;
}
.post.click-menu aside:hover .mod-menu {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKEAAAFoBAMAAADN74ZNAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMK0KCsAAAAASUExURQAAAAAAAAAAAAAAAAAAAAAAAOArGaIAAAAGdFJOUwAEBQ4PFDsktNsAAAJWSURBVHja7dm7bStRDEVRQWABbsI5m2Bug2D/rbzAevZImrnfHZ6bawH7gIkwt9vYu3/f4GdJi5/1AYtRDkdXJR1dcHZUsdn3qqpveEZ4yKhis+9VcLb9iMneTqH3Ew/R4Wgw+380lx2/oqO3A96P/YlJR0PZh2go245isrdD3U88iQ5HI9nP0UR2vIiO3g5yP/YqJh29nf0WvZ1t72Kyt7N9PyfRm9l2JiYdvZcdp6LDM24NeR69kx0XosPRG9l2JSY94/KQl9HL2XYtJh29mh0N0eEZF4dsRa9lR1N0OHop29pi0jMuDNmJXsi2nph09Hx2dEWHZ5wesh89mx0DosPRk9k2IiY949SQQ9FT2TYmJh09kx2DosPRE9mj0ePZMSw6ejsT92PjYtLRg9kT0YPZNiMmezuj9xNTosPRQ9lz0SPZMSk6ejtD92OzYtLR3ezp6G62zYvJ3k7/fmJBdDi6k70S3c6OJdHR2+ncj62JSUc3shejG9m2KiZ7O437WY6+zLZ1Menoq+zYEB2e8WLInejz7NgSHY4+zbY9MekZT4bcjD7Jtl0x6ej37NgWHZ7xbcj96NfsAESHo1+yjRCTnvFpSCT6KdsYMenoY3ZAosMzHoakov+yAxMdjv7NNk5MesbHkGD0I9tIMenon+xARYejq5KObv6la//wa+E7l0SJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChRokSJEiVKlChR4vH9AxZaBQZurMB6AAAAAElFTkSuQmCC");
	background-repeat: repeat-y;
	background-position: top;
}
.search-mark {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAABGdBTUEAALGPC/xhBQAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS4xYyqcSwAAASpJREFUeNrNlMt2wyAMBQfs8KbBkf7/W7sIoU5iu24XPZVWNgxcCUnwf8xRWRCEhYo7B0009MUb03dYRFAUoVEotPEdj7HHJsNMIDBjxmG76ISgLEw4Mg6LxVHwTCwosie49cWEw2LG/wu5H9q2MN/lOMIQ+YX6HsZGhiuKYChEEomAHWuGgkFQ6ju4oDRmMolEIo6ILBcyMw1leQcFpRD6fYnQpRociUygoMh50BKPwVepiYDDEUgk6r7UR3LqANd+3U9O6M/hV3c+vBL6c/h30IwCyKQR6R0r+wVguJHRXnKeQiISKXwQjksuI72hflTkHqUN9HRb+dGwQj7fyG61JXPDEJ5Gh9+bL5ZrxzyseuLQLELFcN1+oyPzKBV7dpY9o/Ib7C74b+wTU/kRRiWPsZ4AAAAASUVORK5CYII=");
}
.warn-mark {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAABGdBTUEAALGPC/xhBQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMK0KCsAAAACsSURBVHja7ZLNDsIgEAan0KYtQfu37/+sXhApogs9Gve7QMJAdgf4ibL0V7AZQZhbMcOBIByYNtAjIb4F6yMmSEunC4IAIAhLLTaGlyw2rMYarGN7Azc6HXSxt4Ehrl2thhxUtfhkmhNTsvP1Gs7gVy3r6aBL+hWEVdPwOWNZw66Ce0mLU7GiFptoeMbED/DKgT2Dt8LtJpty4c0ufGs9O0M+Gsei5p5j/yrWA2QqEayEsr8QAAAAAElFTkSuQmCC");
}
.capture-mark {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAQAAAAkTNWNAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAACsSURBVHjatZPRDoMgDEWP0sADRKLl/791D8OplOGyZTS8FM6lvSnw01ooLMBMQik1lMR8On0DLRSAF3ZkGyietEehxAMpUPd+JABIR65i1/SG4MkoSsYjbM1rTfUFRYiNsjSyBop404lvZAwkZANlZAzR8VHNHZPoWc0fyosEA4U7IxRnLHd3lhdWHKEWmQk4VtNhx6/xGNWJSB8N6x7pCU2XHzSe8sT05X99AH8gGovLwoXaAAAAAElFTkSuQmCC");
}
.menu-btn-mark {
	background-repeat: no-repeat;
	background-position: right;
}
.r .menu-btn-mark {
	background-position: left;
}
.aside-wider .post > aside:not(.ref),
.aside-wider .post.pad aside,
.post.hover-menu aside:not(:hover) .stub,
.post .date-out > * {
	width: 170px;
}
.post.hover-menu aside .stub {
	min-width: 165px;
}
.post.hover-menu a.menu-btn-mark {
	padding-left: 2px;
	padding-right: 28px;
}
.post.hover-menu .r a.menu-btn-mark {
	padding-left: 28px;
	padding-right: 2px;
}
.post.pad aside .report {
	display: block;
	margin-bottom: 4px;
	padding: 4px;
	white-space: normal;
}
.post .mod-menu,
.post .date-out,
.log {
	font-size: 11px;
	line-height: normal;
}
.post.pad {
	padding-bottom: 8px;
}
.post.pad.res aside .menu-wrap,
.post.pad.res aside,
.post.pad.res {
	min-height: 56px;
}
.post.x3 {
	padding: 28px 0;
}
.post .caps-btn {
	position: relative;
	right: 0;
	z-index: 1;
}
.post .caps-btn-mark {
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: left;
	background-color: #ace;
	border: 1px solid #7eabec;
	padding-left: 26px;
	white-space: nowrap;
}
.post #caps-btn-top,
.post #caps-btn-top > * {
	top: 0;
}
.post #caps-btn-bottom,
.post #caps-btn-bottom > * {
	bottom: 0;
}
.post .caps-btn * {
	font-size: 13px;
	line-height: 13px;
}
.post .caps-btn b {
	font-weight: normal;
	margin: 0 1ex;
}
.post .date-out {
	display: block;
	position: absolute;
	z-index: 1;
	width: 0;
}
.post .date-out > * {
	display: block;
	position: relative;
}
.post .date-out.l > * {
	top: -28px;
	left: -178px;
}
.post .date-out.r > * {
	top: -28px;
	left: 170px;
	text-align: left;
}
.post .date-out > aside {
	border: none;
	left: 500px;
}
.post .date-out > aside.r {
	left: 0;
}
.post .date-out .report {
	top: 0;
	background-color: rgba(234, 123, 123, 0.8);
}
.post .date-out > b {
	text-align: center;
	padding: 1px;
}
.post .mod-menu .block:not(:first-child) {
	margin-top: 1em;
}
.post .mod-menu .block:not(:last-child) {
	margin-bottom: 1em;
}
.post .mod-menu .row:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.post .mod-menu .button-row {
	white-space: nowrap;
	overflow: hidden;
}
.post .mod-menu .button-row a {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	margin: 0 4px;
	padding: 0 4px;
}
.post .mod-menu .button-row a:hover {
	background-color: white;
}
.post .mod-menu input:not([type="checkbox"]) {
	display: inline-block;
	min-width: 2em;
	height: 2em;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.post .mod-menu input[type="checkbox"] {
	vertical-align: middle;
	margin-top: 1px;
}
.post .mod-menu label {
	display: inline-block;
	padding-top: 2px;
}
.post .image-num {
	display: block;
	margin-bottom: 4px;
}
.post .res {
	color: #a9c;
}
.post .u {
	color: #09f;
}
.post a.res img {
	border-style: dashed;
}
.post a.res:hover {
	color: #64a;
}
.post .res img,
.post .u img {
	border: 2px solid currentColor;
}
.poem {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-style: italic;
}
.hint .poem,
.hint .cite {
	display: inline-block;
	border: 1px dashed gray;
	padding: 0 8px;
}
.hint .poem {
	padding: 8px 12px;
}
.log {	padding: 8px 183px;}
.log i {
	display: inline-block;
	width: 40px;
}
.dl {
	display: inline-block;
	text-align: left;
}
.al {	text-align: left;}
.ar {	text-align: right;}
.hide-aside .post .res img {
	border-color: #ddd;
}
.content:not(.saving) .post.selected.alt {
	background-color: #7fc6ee;
}
.content:not(.saving) .post.selected {
	background-color: #98e5f5;
	border: 4px dashed #7eabec;
	border-top: none;
	border-bottom: none;
}
.content:not(.saving) .post.selected aside {
	border: none;
}
.toggle::after {
	content: ".";
}
.toggle::before {
	display: inline-block;
	border: 1px solid currentColor;
	margin-right: 4px;
	padding: 0;
	width: 23px;
	height: 23px;
	line-height: 23px;
	font-size: 22px;
	font-family: monospace;
	text-align: center;
	vertical-align: middle;
	content: "+";
}
.toggle.open::after {
	content: ":";
}
.toggle.open::before {
	content: "-";
}
.hint .toggle::before {
	border: none;
	width: 8px;
	height: 13px;
	line-height: 12px;
	font-size: 13px;
}
.welcome p,
.welcome table,
.welcome tr,
.welcome td {
	padding: 8px;
	border-collapse: collapse;
	background-color: #eee;
}
.welcome tr,
.welcome td {
	color: #aaa;
}
.welcome td.thread {
	background-color: #e5e5e5;
}
.welcome tr:not(:first-child):not(:last-child) td.thread {
	background-color: #ddd;
}
.profile p,
.welcome p,
.welcome tr.you,
.welcome tr.you td {
	color: inherit;
	background-color: #f5f5f5;
}
.welcome tr.you.see td.thread {
	background-color: #ccc;
	vertical-align: bottom;
}
.welcome tr.you.do td.thread {
	background-color: white;
	vertical-align: top;
}
#task > .res:not(:last-child)::after,
#task > img:not(:last-child)::after,
.welcome tr.prev td.thread::after,
.welcome tr.next td.thread::before,
.welcome td.then::before {
	content: "";
	display: block;
	width: 100%;
	height: 48px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAAXNSR0IArs4c6QAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMzQDW3oAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAEZ0FNQQAAsY8L/GEFAAAApklEQVR42uzNoRXDQAwFQZXh0lxOOnMZhldKQpKPDoxAnone8p16/7kngboan2uAAQaoAQYYYIABqs56bVoNYG0P5w846vYZd9fxBZTo7wMY0d8HcML3AZzo7wM44fsATvT3AZzwfQAnbA8AErAP4ITvAzjhewJC+N4BJ7J3wInsHXDC9gGc8H0AJ2wPABDZO+BE9n3AiM/AxlPbAoQV6xkkBtVoCwC76rJrYMdZegAAAABJRU5ErkJggg==");
	opacity: 0.04;
}
.welcome .see td.then::before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAAXNSR0IArs4c6QAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMzQDW3oAAAAEZ0FNQQAAsY8L/GEFAAAAo0lEQVR42mL4T2NIuoYIBglALXZsAiAMRVH0j+5GjuAYlo4Sy1tKkMMHSw+iSd7TAsfcEQZYEQqIYEAEAyIYEMGACAZEECACAN9EwFwb88zaIbr8nQgERDAgggERDIhgQAQDIgIYEaCIAEQIoDn9E/h34L8ivw78SvZ7kd9N3e39iebPZJ8qfC7yyc5nU5+ufT/wDcd3NN8yfU/2TV/9q8DDgReyFLJrMmTQgAAAAABJRU5ErkJggg==");
}
.welcome .see.you td.then::before {
	opacity: 0.16;
}
.welcome td.then {
	position: relative;
	width: 48px;
}
.welcome td.then::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.welcome a {
	display: inline-block;
	border: 2px solid #ddd;
}
.welcome a img {
	display: block;
	vertical-align: bottom;
}
#task > .res:not(:last-child)::after,
#task > img:not(:last-child)::after {
	display: block;
	margin-top: 8px;
	opacity: 0.25;
}
#task > .res:not(:last-child)::after {
	margin: 0 0 8px 0;
}
.profile .center {
	display: block;
	margin: 0 auto;
}
.profile .center:not(img) {
	width: 500px;
	min-width: 500px;
	max-width: 1000px;
}
.profile img {
	max-width: 956px;
}
.profile p {
	padding: 8px 22px;
}
small {
	line-height: 50%;
}
*[data-type],
.hid,
.buttons .auto,
.thread > pre,
.hide-aside .post aside:not(.ref) {
	display: none;
}