:root { font-family: ui-sans-serif, system-ui, sans-serif; color: #13211b; background: #f4f1e8; --panel: #fffdf7; --field: #ffffff; --ink: #13211b; }
body { margin: 0; }
main { width: min(900px, calc(100% - 2rem)); margin: 3rem auto; }
header { border-bottom: 1px solid #9aa89f; margin-bottom: 2rem; }
h1 { font-size: clamp(2.5rem, 8vw, 5rem); margin: 0; letter-spacing: -.06em; }
h1 span { color: #537866; font-size: .45em; letter-spacing: .05em; }
.eyebrow { text-transform: uppercase; letter-spacing: .2em; color: #537866; }
section, form { margin: 1.25rem 0; padding: 1.25rem; color: var(--ink); background: var(--panel); border: 1px solid #bac4bd; border-radius: 12px; }
.notice { border-left: 5px solid #b16b2f; color: var(--ink); background: var(--panel); }
label { display: block; font-weight: 650; margin-bottom: 1rem; }
input, textarea { box-sizing: border-box; width: 100%; margin-top: .4rem; padding: .75rem; font: inherit; border: 1px solid #89978e; border-radius: 8px; background: var(--field); color: var(--ink); }
textarea { font-family: ui-monospace, monospace; }
button { padding: .7rem 1rem; border: 0; border-radius: 999px; background: #235b43; color: white; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .45; cursor: not-allowed; }
.actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.hint { margin-top: 0; }
#crawl-progress { padding-left: 1.2rem; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 28rem; overflow: auto; }
@media (prefers-color-scheme: dark) {
  :root { color: #e8eee9; background: #101712; --panel: #1b261f; --field: #101712; --ink: #e8eee9; }
  header { border-color: #53645a; }
}