:root { --fg:#e6e6e6; --bg:#111; --muted:#9aa0a6; --accent:#a78bfa; --btn:#2a2a2a; --btnb:#363636; }
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);
	font-family: ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
	line-height:1.6;}
.wrap{max-width:820px;margin:48px auto;padding:0 20px;}
.stamp{display:inline-block;background:#1f1f1f;border:1px solid #2a2a2a;
	padding:2px 6px;border-radius:6px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;color:var(--muted);}
h1{font-size:2rem;margin:12px 0 8px;}
h2{font-size:1.25rem;margin:28px 0 8px;color:var(--accent);}
p{margin:10px 0;} hr{border:none;border-top:1px dashed #333;margin:28px 0;}
.foot{margin-top:36px;color:var(--muted);font-size:.95rem}
.box{background:#151515;border:1px solid #2b2b2b;border-radius:12px;padding:18px 16px;}
.list{margin:10px 0 0 18px} .stamp-row{margin:18px 0}
a{color:#c4b5fd;text-decoration:none} a:hover{text-decoration:underline}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px}
.btn{background:var(--btn);border:1px solid var(--btnb);padding:6px 10px;border-radius:8px;color:#eaeaea;cursor:pointer}
.btn:active{transform:translateY(1px)}
.sr{position:absolute;left:-9999px}

/* Stamp copy icon button */
.copy-stamp{
	display:inline-block;
	margin-left:6px;
	padding:2px 6px;
	border:1px solid var(--btnb);
	background:var(--btn);
	color:var(--fg);
	border-radius:6px;
	cursor:pointer;
	font-size:.85rem;
	line-height:1;
	vertical-align:middle;
}
.stamp + .copy-stamp{opacity:.75}
.stamp + .copy-stamp:hover{opacity:1}

/* Light scheme */
@media (prefers-color-scheme: light){
	:root{--fg:#111; --bg:#fff; --muted:#475569; --accent:#5b21b6; --btn:#f1f5f9; --btnb:#e2e8f0;}
	a{color:#4338ca}
	.stamp{background:#f8fafc;border-color:#e2e8f0;color:#334155}
	.box{background:#ffffff;border-color:#e2e8f0}
	body{background:var(--bg);color:var(--fg)}
}

/* Print-friendly */
@media print{
	html,body{background:#fff;color:#000}
	.actions,.stamp-row{display:none !important}
	.wrap{max-width:100%;padding:0}
	.box{background:#fff;border:1px solid #000}
	a{color:#000;text-decoration:underline}
}

.copy-icon{ width:14px; height:14px; display:block; }

