:root {
	--text: #333;
	--wall: #fff;
	--blur: rgba(0,0,0, 0.1);
	--link: rgb(0, 128, 192);
}
@media(prefers-color-scheme: dark){
	:root {
		--text: #ddd;
		--wall: #333;
		--blur: rgba(255,255,255, 0.1);
		--link: rgb(96, 192, 255);
	}
}
body{
	margin:16px;
	font:12px/1.4em sans-serif;
	color: var(--text);
	background: var(--wall);
}
a{
	text-decoration:none;
	color: var(--text);
	cursor:pointer;
}
@media(min-width:691px){
	#room{
		width:690px;
	}
}
@media(max-width:690px){
	#room{
		width:100%;
	}
}
#sign{
	display:inline-block;
	margin:0 0 10px 8px;
	font:bold 36px/0.8em serif;
	vertical-align: 3px;
	cursor:pointer;
}	/*title*/
#wall>div{
	width: 310px;
	height: 38px;
	margin: 2px;
	padding: 2px;
	display: inline-block;
	border: 1px solid var(--blur);
	border-radius: 4px;
	cursor: pointer;
}	/*wall:box*/
#wall>div.past{
	background:url(images/past.png) no-repeat right/36px;
}
#wall div a{
	display: block;
}	/*wall:box:link*/
#wall img{
	margin: 2px 7px;
	width: 36px;
	height: 36px;
	float: left;
}	/*wall:box:images*/
#wall h4{
	margin: 2px;
} /*wall:appname*/
#apps{
	padding: 7px;
	border-bottom: 1px solid var(--blur);
}	/*main:appname*/
#icon{
	margin: 0 0 -50px 620px;
	width:60px;
	height:60px;
}
#belt{
	border: 1px solid var(--blur);
	border-radius: 4px;
	padding: 5px 8px;
}
#note,#down{
	color: var(--text);
	border:1px solid var(--blur);
	border-radius: 4px;
	padding: 2px 12px;
	cursor: pointer;
	text-align: center;
}	/*button*/
#otip{	/*layer*/
	position:absolute;
	width:280px;
	height:240px;
	box-shadow: 0 0 9px rgba(0,0,0, 0.5);
	color:#eee;
	background:rgba(0,0,0, 0.9);
	border-radius: 4px;
	padding:2px 8px;
	display:none;
}
#foot {margin:8px}