:root{--bg:#f6f8fa;--fg:#0d1117;--muted:#57606a;--card:#fff;--line:#d8dee4;--accent:#6b4fd8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--fg:#e6edf3;--muted:#9198a1;--card:#161b22;--line:#30363d;--accent:#a78bfa}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;
  background:var(--bg);color:var(--fg);
  font:15px/1.6 ui-sans-serif,-apple-system,"Segoe UI",Inter,Helvetica,Arial,sans-serif}
.card{max-width:560px;width:100%;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:32px 30px}
h1{margin:0 0 10px;font-size:1.25rem;letter-spacing:-.01em}
p{margin:0 0 14px;color:var(--muted)}
.url{display:block;word-break:break-all;background:var(--bg);border:1px solid var(--line);
  border-radius:8px;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--fg);margin:0 0 18px}
a.back{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:9px 16px;border-radius:8px;font-weight:600;font-size:14px}
a.back:hover{filter:brightness(1.08)}
.tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin-bottom:14px}