:root { --bg: #fff; --fg: #111; --muted: #555; --line: #ccc; --warn-bg: #fff3cd; --warn-fg: #6b4f00;
  --esc-bg: #fde2e2; --esc-fg: #8a1010; --btn: #0b57d0; --btn-fg: #fff; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121212; --fg: #eee; --muted: #aaa; --line: #444; --warn-bg: #3d3200; --warn-fg: #ffe08a;
    --esc-bg: #4a1414; --esc-fg: #ffb3b3; --btn: #8ab4f8; --btn-fg: #111; }
}
body { margin: 0; padding: 0 16px 32px; background: var(--bg); color: var(--fg);
  font: 16px/1.45 system-ui, -apple-system, sans-serif; }
header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
h1 { font-size: 1.2rem; } h2 { font-size: 1.05rem; margin: .2rem 0; } h3 { font-size: .95rem; }
.items > li { border-bottom: 1px solid var(--line); padding: 12px 0; }
.text, pre { white-space: pre-wrap; overflow-wrap: anywhere; }
pre { font-size: .85rem; border: 1px solid var(--line); padding: 8px; }
.tags, .hash, .target, .audit { color: var(--muted); font-size: .9rem; overflow-wrap: anywhere; }
.options { padding-left: 0; list-style: none; }
.options li { margin: 10px 0; }
button { font-size: 1rem; padding: 10px 14px; border: 0; border-radius: 6px; background: var(--btn);
  color: var(--btn-fg); }
button.opt { width: 100%; text-align: left; }
.esc { background: var(--esc-bg); color: var(--esc-fg); font-family: monospace; }
.warn { display: block; margin-top: 4px; background: var(--warn-bg); color: var(--warn-fg); padding: 4px; }
.fp { font-family: monospace; font-size: 1.1rem; overflow-wrap: anywhere; }
input { font-size: 1.1rem; width: 100%; max-width: 32rem; padding: 8px; font-family: monospace; }
.banner, .flag { background: var(--esc-bg); color: var(--esc-fg); font-weight: 600; padding: 6px; }
.ln { color: var(--muted); user-select: none; }
button:disabled { opacity: .45; }