:root{
	--bg: #071028;
	--card: #0b1220;
	--accent: #60a5fa;
	--accent-2: #7dd3fc;
	--muted: #94a3b8;
	--text: #e6eef8;
	--glass: rgba(255,255,255,0.03);
	--coco: #ff8a00;
	--coco-2: #ffab49;
}

*{box-sizing:border-box}
	:root{
		--bg: #F8502A;
		--card: rgba(0,0,0,0.35);
		--accent: #ffffff;
		--accent-2: #ffe6cc;
		--muted: rgba(255,255,255,0.8);
		--text: #ffffff;
		--glass: rgba(255,255,255,0.06);
		--coco: #ff8a00;
		--coco-2: #ffab49;
	}
.lead{color:var(--muted);margin-top:6px}
	body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,Helvetica;background:var(--bg);color:var(--text);min-height:100vh}
.row{display:flex;gap:16px;align-items:center}
	.card{background:var(--card);border-radius:12px;padding:18px;margin:12px 0;box-shadow:0 6px 20px rgba(0,0,0,0.45)}

	.nav a{color:var(--muted);margin-left:14px;text-decoration:none}
.btn{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--text);padding:10px 14px;border-radius:8px;cursor:pointer}
	.nav a.active{color:var(--accent)}
.btn.primary{background:linear-gradient(90deg,var(--coco),var(--coco-2));color:#071022;border:none}
	.btn{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--text);padding:10px 14px;border-radius:8px;cursor:pointer}

	.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#071022;border:none}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--coco);padding:10px 16px}
	.btn.vpn{background:linear-gradient(90deg,var(--coco),var(--coco-2));border:none;color:#071022;padding:10px 16px}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
	.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--accent);padding:10px 16px}
.file-controls .btn{padding:8px 10px}
	.toast{position:fixed;right:20px;bottom:20px;background:linear-gradient(180deg,rgba(0,0,0,0.12),rgba(0,0,0,0.06));padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.6);color:var(--text);z-index:1200}
.file-entry .meta{color:var(--muted);font-size:0.9rem}
	.toast.info{border-left:4px solid var(--accent)}

	.toast.success{border-left:4px solid var(--coco)}
.toast.info{border-left:4px solid var(--coco)}
	.toast.error{border-left:4px solid #ff6b6b}
.toast.error{border-left:4px solid #ff6b6b}

#out, .card#output{display:none}

pre{white-space:pre-wrap;word-wrap:break-word;color:var(--muted);margin:0;padding:12px;background:rgba(0,0,0,0.18);border-radius:8px}

.site-footer{text-align:center;color:var(--muted);padding:18px 0;font-size:0.9rem}

@media (max-width:600px){
	.row{flex-direction:column;align-items:flex-start}
	.nav a{margin-left:10px}
}