:root{
	--mnh-bg:#0f1115;
	--mnh-card:#16181d;
	--mnh-card-2:#1c1f26;
	--mnh-border:#2a2f38;
	--mnh-text:#e8ebf0;
	--mnh-muted:#9aa3b2;
	--mnh-blue:#1877f2;
	--mnh-blue-dark:#0f63d8;
	--mnh-hover:#20242d;
	--mnh-green:#31a24c;
	--mnh-shadow:0 10px 30px rgba(0,0,0,.28);
}
.mnhsf-app,.mnhsf-app *{box-sizing:border-box}
.mnhsf-app{
	max-width:680px;
	margin:24px auto 48px;
	color:var(--mnh-text);
	font-family:Inter,Arial,sans-serif;
}
.mnhsf-shell{display:flex;flex-direction:column;gap:16px}
.mnhsf-composer-card,.mnhsf-card,.mnhsf-compose-dialog,.mnhsf-verify-card{
	background:var(--mnh-card);
	border:1px solid var(--mnh-border);
	border-radius:18px;
	box-shadow:var(--mnh-shadow);
}
.mnhsf-composer-card{padding:16px}
.mnhsf-composer-top{
	display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--mnh-border);
}
.mnhsf-composer-avatar,.mnhsf-avatar{
	width:44px;height:44px;border-radius:50%;object-fit:cover;background:#263043;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;
}
.mnhsf-open-composer{
	flex:1;height:44px;border:0;border-radius:999px;background:var(--mnh-hover);color:var(--mnh-muted);text-align:left;padding:0 16px;font-size:15px;cursor:pointer;
}
.mnhsf-open-composer:hover,.mnhsf-tool:hover,.mnhsf-action:hover,.mnhsf-comment-submit:hover,.mnhsf-load-more:hover{filter:brightness(1.04)}
.mnhsf-composer-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}
.mnhsf-tool{
	height:42px;border:0;border-radius:12px;background:transparent;color:var(--mnh-text);font-weight:700;cursor:pointer;
}
.mnhsf-card{padding:16px}
.mnhsf-card-head{display:flex;gap:12px;align-items:flex-start}
.mnhsf-head-meta{flex:1;min-width:0}
.mnhsf-head-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mnhsf-name{font-weight:800;color:#fff;text-decoration:none;font-size:15px}
.mnhsf-name:hover{text-decoration:underline}
.mnhsf-badge{
	display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(24,119,242,.12);border:1px solid rgba(24,119,242,.25);color:#96c3ff;font-size:11px;font-weight:700;
}
.mnhsf-meta-line{color:var(--mnh-muted);font-size:12px;margin-top:4px}
.mnhsf-menu{color:var(--mnh-muted);font-size:20px;line-height:1;padding:4px 8px}
.mnhsf-text{font-size:15px;line-height:1.55;margin:14px 0 12px;word-break:break-word}
.mnhsf-media{margin:0 -16px 12px}
.mnhsf-media img,.mnhsf-media video{
	width:100%;display:block;max-height:680px;object-fit:cover;background:#000;border-top:1px solid var(--mnh-border);border-bottom:1px solid var(--mnh-border);
}
.mnhsf-summary{
	display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--mnh-muted);font-size:13px;padding:6px 0 10px;border-bottom:1px solid var(--mnh-border);
}
.mnhsf-summary-left{display:flex;gap:8px;align-items:center}
.mnhsf-react-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--mnh-blue);color:#fff;font-size:11px}
.mnhsf-summary-right button{background:none;border:0;color:var(--mnh-muted);cursor:pointer}
.mnhsf-actions{
	display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:8px
}
.mnhsf-action{
	height:40px;border:0;border-radius:10px;background:transparent;color:var(--mnh-text);font-weight:700;cursor:pointer
}
.mnhsf-comments-wrap{padding-top:12px}
.mnhsf-comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.mnhsf-comment{display:flex;gap:10px}
.mnhsf-comment-avatar{
	width:34px;height:34px;border-radius:50%;background:#263043;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 34px
}
.mnhsf-comment-body{
	background:var(--mnh-card-2);border:1px solid var(--mnh-border);padding:10px 12px;border-radius:16px;min-width:0
}
.mnhsf-comment-author{font-size:13px;font-weight:800;margin-bottom:4px}
.mnhsf-comment-text{font-size:14px;line-height:1.45;color:var(--mnh-text)}
.mnhsf-comment-empty{color:var(--mnh-muted);font-size:13px;padding:6px 0}
.mnhsf-comment-form{
	display:flex;gap:10px;align-items:center
}
.mnhsf-comment-input{
	flex:1;height:40px;border:1px solid var(--mnh-border);border-radius:999px;background:var(--mnh-hover);color:#fff;padding:0 14px
}
.mnhsf-comment-submit,.mnhsf-publish-btn,.mnhsf-load-more,#mnhsfVerifyButton{
	height:40px;border:0;border-radius:999px;background:var(--mnh-blue);color:#fff;font-weight:800;padding:0 18px;cursor:pointer
}
.mnhsf-load-more-wrap{text-align:center}
.mnhsf-load-more{min-width:140px}
.mnhsf-verify-modal,.mnhsf-compose-modal{
	position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:999999
}
.mnhsf-verify-card{
	width:min(420px,96vw);padding:28px;text-align:center
}
.mnhsf-verify-logo{font-size:14px;font-weight:900;color:#f5c451;letter-spacing:.02em;margin-bottom:8px}
.mnhsf-verify-card h3{margin:0 0 8px;font-size:24px}
.mnhsf-verify-card p{margin:0 0 14px;color:var(--mnh-muted);line-height:1.55}
#mnhsfVerifyName,#mnhsfPostText{
	width:100%;border:1px solid var(--mnh-border);background:var(--mnh-hover);color:#fff;outline:none
}
#mnhsfVerifyName{
	height:46px;border-radius:12px;padding:0 14px;margin-bottom:12px
}
.mnhsf-verify-status,.mnhsf-publish-status{margin-top:12px;font-size:13px;color:#a7d1ff}
.mnhsf-verify-status.is-error,.mnhsf-publish-status.is-error{color:#ff9ea3}
.mnhsf-verify-note{margin-top:12px;font-size:12px;color:var(--mnh-muted)}
.mnhsf-compose-dialog{
	width:min(560px,96vw);padding:18px 18px 20px
}
.mnhsf-dialog-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--mnh-border)}
.mnhsf-dialog-title{font-size:20px;font-weight:900}
.mnhsf-close-dialog{
	border:0;background:transparent;color:var(--mnh-text);font-size:18px;cursor:pointer
}
.mnhsf-dialog-user{padding:14px 0 10px;font-weight:800}
#mnhsfPostText{
	min-height:150px;border-radius:14px;padding:14px;font-size:15px;line-height:1.5;resize:vertical
}
.mnhsf-upload-row{padding-top:12px}
.mnhsf-upload-box{
	display:block;padding:16px;border:1px dashed rgba(255,255,255,.2);border-radius:14px;background:var(--mnh-hover);cursor:pointer
}
.mnhsf-upload-label{font-weight:800}
.mnhsf-upload-sub{font-size:12px;color:var(--mnh-muted);margin-top:4px}
.mnhsf-media-preview{margin-top:12px}
.mnhsf-media-preview img,.mnhsf-media-preview video{
	width:100%;display:block;border-radius:16px;max-height:340px;object-fit:cover;background:#000
}
.mnhsf-dialog-actions{padding-top:14px;display:flex;justify-content:flex-end}
@media (max-width:767px){
	.mnhsf-app{margin:16px auto 36px}
	.mnhsf-composer-tools,.mnhsf-actions{grid-template-columns:1fr}
	.mnhsf-card{padding:14px}
	.mnhsf-media{margin:0 -14px 12px}
}


.mnhsf-composer-tools{grid-template-columns:repeat(4,1fr)}
#mnhsfVerifyTrigger{background:rgba(24,119,242,.08);border:1px solid rgba(24,119,242,.22)}
@media (max-width:767px){
  .mnhsf-composer-tools{grid-template-columns:1fr 1fr}
}
