::placeholder{
	color:#aaa;
}

body{
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:15px;
	overflow-y:hidden;
}

a{
	color:#000;
	text-decoration:none;
}

p,summary{
	margin:0px;
	line-height:1.5em;
}

summary{
	display:inline-block;
	list-style:none;
}

p a{
	color:#0000ff;
}

iframe{
	position:absolute;
	top:-999px;
	z-index:-2;
}

h1,h2{
	display:inline;
	font-size:1em;
	line-height:1.5em;
	margin:0px;
	font-weight:normal;
}

ul,menu,li{
	margin:0px;
	padding:0px;
}

.session nav,.context main:not(.missing) nav,.default main:not(.missing) nav{
	display:block;
}

body,input,textarea,button,h1,h2,div,p,a{
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size:15px;
	color:#000;
}

menu{
	display:inline-flex;
	user-select:none;
}

menu a{
	display:block;
	margin-right:1em;
	line-height:1.5em;
	color:#0000ff;
}

menu a:last-child{
	margin-right:0em;
}

nav{
	display:none;
	box-sizing:border-box;
	background-color:#000;
	scrollbar-gutter:stable;
	overflow-y:auto;
}

nav > div{
	position:sticky;
	width:100%;
	max-width:800px;
	margin:0px auto;
	top:0px;
	z-index:4;
	background-color:#000;
	box-sizing:border-box;
	padding:1em 0em 0.75em 0em;
	overflow:hidden;
}

nav menu{
	display:none;
}

.session nav menu.local,.context nav menu.remote,.default nav menu.remote{
	display:inline-flex;
}

nav a{
	color:#fff;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:0em;
	margin-left:1em;
	height:1.75em;
}

nav h1{
	display:inline-flex;
}

nav h1 a{
	max-width:320px;
}

main{
	height:100dvh;
	background-color:#fff;	
	display:flex;
	flex-direction:column;
}

section{
	display:none;
	flex:1;
	box-sizing:border-box;
	overflow-y:scroll;
	position:relative;
}

section > div{
	max-width:800px;
	margin:0em auto;
	padding:1em 1em 2em 1em;
	box-sizing:border-box;
}

.bio{
	margin-bottom:1em;
}

li{
	padding-bottom:1em;
	overflow:hidden;
	list-style:none;
}

form li{
	padding-bottom:0em;
}

form h1{
	display:block;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:0.25em;
}

li h2{
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:100%;
	vertical-align:top;
	margin-right:1em;
	font-weight:bold;
}

li time{
	display:inline-block;
	vertical-align:top;
	white-space:nowrap;
	line-height:1.5em;
}

blockquote{
	display:inline-block;
	margin:0px;
	padding:0px;
}

blockquote h2,blockquote p{
	margin-left:0.25em;
	padding-left:1em;
	border-left:0.2em solid #ddd;
}

blockquote h2{
	margin-top:0.25em;
}

blockquote p{
	margin-bottom:0.25em;
}

input,textarea{
	border:0.1em solid #eee;
	border-top-color:#bbb;
	resize:none;
	width:100%;
	box-sizing:border-box;
	padding:0.4em;
	outline:none;
	box-shadow:none;
	font-size:1em;
	line-height:1.5em;
	height:2.5em;
	box-sizing:border-box;
	margin:0.5em 0em;
}

fieldset{
	border:0px;
	margin:0.5em 0em 0em 0em;
	padding:0px;
}

fieldset:first-child{
	margin-top:0px;
}

fieldset label{
	display:inline-block;
	font-weight:bold;
	line-height:1.5em;
}

button,input[type=submit]{
	border:0em;
	background-color:#000;
	color:#fff;
	border-radius:0em;
	padding:0.35em 1em;
	line-height:1.5em;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	margin:0.25em 0em 0em 0em;
	user-select:none;
}

main.profile nav .profile-link,
main.profile .bleats-link,
main.bleat nav .bleat-link,
main.feed nav .feed-link,
main.notifications nav .notifications-link,
main.baas nav .profile-link,
main.baas .bleats-link,
main.baas .baas-link,
main.baas .baabaas-link,
main.baa nav .profile-link,
main.bleats nav .profile-link,
main.bleats .baas-link,
main.replies nav .profile-link,
main.replies .replies-link,
main.sign-in nav .sign-in-link,
main.settings nav .settings-link,
main.follow nav .profile-link,
main.unfollow nav .profile-link,
main.following nav .profile-link,
main.following .following-link,
main.followers nav .profile-link,
main.followers .followers-link,
main.delete nav .profile-link{
	font-weight:bold;
}

.following .baas-link,
.following .baabaas-link,
.following li div,
.following li menu,
.followers .baas-link,
.followers .baabaas-link,
.followers li div,
.followers li menu,
.profile .baabaas-link,
.profile .baabaa-link,
.baas .bleats .baabaas-link,
.baas .bleats .baabaa-link,
.bleats .sticky .baabaas-link,
.bleats .sticky .baabaa-link,
.feed .baabaas-link,
.feed .baabaa-link,
.baa .bleats .baabaas-link,
.baa .bleats .baabaa-link,
.baa .baas .baas-link,
.baa .baas .baa-link,
.bleats .baas .baas-link,
.bleats .baas .baa-link,
.baabaas .baabaas-link,
.baabaas .baas-link,
.baas .baas .baas-link,
.baas .baas .baa-link,
.baas .baabaas .baa-link,
.baas .baabaas .baabaa-link,
main.baas .sticky .baas-link,
main.baas .sticky .baa-link,
.delete-link,
li > div > p,
.bleats .bleats li > div > a,
.baas .baas li > div > a,
.deleted .baa-link,
.deleted .baabaa-link,
.baabaas .deleted menu,
.notifications menu,
.replies li menu,
.delete li menu,
body:not(.context):not(.session) .baa-link,
body:not(.context):not(.session) .baabaa-link,
body:not(.context):not(.session) .delete-link,
.bleats .bleats menu,
.baas .baas menu,
.sticky li > a,
.sticky li > div,
.sticky li time{
	display:none;
}

.session .local:not(.deleted) .delete-link,
.context .remote:not(.deleted) .delete-link,
.bleats .bleats li p,
.baas .baas li p{
	display:block;
}

main:not(.following):not(.followers) .deleted{
	opacity:0.4;
}

.profile ul,.replies ul,.baas .baas,.baas .sticky,.baa .baas,.baa form,.bleats .baas{
	padding-left:1em;
}

.baa .baabaa form,.baas .baabaas{
	padding-left:2em;
}

.baa form button:before{
	content:'baa';
}

.baa .baabaa form button:before{
	content:'baabaa';
}

.baa section:not(.baabaa) .baa-link,.baa .baabaa .baas-link,.baa .baabaa .baabaa-link,.delete .delete-link{
	font-weight:bold;
}

.baas .baas li,.bleats .bleats li,.sticky li{
	padding-bottom:0em;
}

.baas .baas,.bleats .bleats{
	margin-bottom:-0.175em;
}

.baas .baabaas,.bleats .baas{
	padding-top:0.75em;
}

.sticky{
	position:sticky;
	top:0px;
	background-color:#fff;
	padding:0.25em 0em;
	box-sizing:border-box;
	z-index:4;
}

.visible{
	display:block;
}

.hidden{
	display:none;
}

.loading *{
	visibility:hidden;
}

main:not(.notifications) mark{
	background-color:transparent;
}

.notifications mark{
	background-color:#ffff00;
}

.notifications mark b{
	color:#555;
}

.follow-state:before{
	content:'follow';
}

.follow-back-state:before{
	content:'follow back';
}

.unfollow-state:before{
	content:'unfollow';
}

.missing #_missing,.sign-in #_sign-in{
	display:block;
}

.missing section h1{
	display:block;
	font-weight:bold;
	text-align:center;
	margin:1em 0em;
}

.missing section h1 div{
	font-size:3em;
	line-height:1.5em;
}

@media (max-width:640px){
	body,input,textarea,button,h1,h2,div,p,a{
		font-size:16px;
	}
}