:root {
  color-scheme: dark;
  --wm-page: #03070b;
  --wm-panel: rgba(7, 15, 23, .94);
  --wm-panel-soft: #09141e;
  --wm-text: #eaf5fb;
  --wm-muted: #9babb8;
  --wm-faint: #6d8391;
  --wm-line: #1a2c38;
  --wm-cyan: #15d9f5;
  --wm-cyan-soft: rgba(21, 217, 245, .11);
  --wm-green: #56e0a5;
  --wm-red: #ff8d98;
  font-family: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; margin: 0; background: var(--wm-page); color: var(--wm-text); }
body { font-size: 14px; line-height: 1.6; background: radial-gradient(ellipse at 50% -12rem, rgba(0, 154, 199, .16), transparent 48rem), var(--wm-page); }
a { color: #8beeff; }
button, input { font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #58eaff; outline-offset: 3px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -60px; left: 12px; z-index: 10; padding: 9px 13px; border-radius: 6px; background: #eaf5fb; color: #081017; }
.skip-link:focus { top: 12px; }
.console-header { display:flex; align-items:center; gap:24px; min-height:74px; padding:12px clamp(18px,4vw,56px); border-bottom:1px solid rgba(33,65,81,.45); background:rgba(3,7,11,.84); }
.brand { display:inline-flex; align-items:center; gap:10px; color:#f3fbff; text-decoration:none; }
.brand img { width:38px; height:38px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(0,208,245,.18)); }
.brand span { font-family:"Orbitron",Arial,sans-serif; font-size:18px; font-weight:500; letter-spacing:.035em; }
.header-context { display:flex; align-items:center; gap:10px; color:#9babb8; font-size:10px; font-weight:700; letter-spacing:.15em; }
.header-context span:first-child { color:var(--wm-cyan); }
.header-divider { color:#435867; }
.console-header nav { display:flex; gap:20px; margin-left:auto; }
.console-header nav a { color:#c5d4dc; font-size:12px; text-decoration:none; }
.console-header nav a:hover, .console-footer a:hover { color:#70edff; }
.console-main { width:min(1120px, calc(100% - 36px)); margin:0 auto; padding:42px 0 60px; }
.hero { padding:12px 0 27px; }
.eyebrow { margin:0 0 8px; color:var(--wm-cyan); font-size:10px; font-weight:700; letter-spacing:.16em; }
h1, h2, h3, p { margin-top:0; }
h1 { margin-bottom:10px; font-size:clamp(28px,4vw,42px); font-weight:650; letter-spacing:-.035em; line-height:1.15; }
h2 { margin-bottom:8px; font-size:clamp(19px,2vw,23px); line-height:1.25; letter-spacing:-.02em; }
h3 { margin-bottom:8px; font-size:15px; }
.hero-copy { max-width:700px; color:#acbdc8; font-size:15px; }
.hero-points { display:flex; flex-wrap:wrap; gap:16px 24px; margin-top:22px; color:#94a9b5; font-size:11px; }
.hero-points span { display:inline-flex; align-items:center; gap:8px; }
.hero-points i,.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--wm-cyan); box-shadow:0 0 12px rgba(21,217,245,.55); }
.panel { padding:clamp(19px,3vw,30px); border:1px solid var(--wm-line); border-radius:14px; background:linear-gradient(155deg,rgba(10,23,33,.98),rgba(5,11,17,.98)); box-shadow:0 16px 60px rgba(0,0,0,.18); }
.setup-panel { margin-top:5px; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.panel-heading .eyebrow { margin-bottom:4px; }
.step-mark { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(21,217,245,.25); border-radius:10px; background:var(--wm-cyan-soft); color:var(--wm-cyan); font-size:12px; font-weight:700; }
.muted { color:var(--wm-muted); }
.small { font-size:11px; }
.form-row { margin-top:20px; }
.form-row label { display:block; margin-bottom:8px; color:#e5f0f5; font-size:12px; font-weight:700; }
.form-row label span { display:block; margin-top:2px; color:var(--wm-faint); font-size:11px; font-weight:400; }
.input-action { display:flex; gap:10px; }
input { display:block; width:100%; min-width:0; height:46px; padding:0 13px; border:1px solid #243b49; border-radius:8px; background:#040b11; color:var(--wm-text); outline:none; }
input::placeholder { color:#546b79; }
input:focus { border-color:#26d9f1; box-shadow:0 0 0 3px rgba(21,217,245,.08); }
.button { display:inline-flex; flex:0 0 auto; min-height:42px; align-items:center; justify-content:center; padding:0 16px; border:1px solid transparent; border-radius:8px; cursor:pointer; font-size:12px; font-weight:700; text-decoration:none; transition:background .15s ease,border-color .15s ease,opacity .15s ease; }
.button:disabled { cursor:wait; opacity:.6; }
.button.primary { background:var(--wm-cyan); color:#041016; }
.button.primary:hover:not(:disabled) { background:#8af3ff; }
.button.secondary { border-color:#2b4654; background:#0c1b26; color:#d9e8ef; }
.button.secondary:hover:not(:disabled) { border-color:#248ba0; background:#102632; }
.button.quiet { border-color:transparent; background:transparent; color:#a8bbc6; }
.button.quiet:hover { color:#66eaff; }
.notice { margin:18px 0; padding:12px 15px; border:1px solid #274e5b; border-radius:9px; background:#071923; color:#d4edf4; }
.notice.error,.inline-feedback.error { border-color:#66343a; background:#1c0d12; color:#ffb6bf; }
.notice.success,.inline-feedback.success { border-color:#1e5f4c; background:#071a16; color:#91f1c8; }
.verification-panel { margin-top:23px; padding-top:23px; border-top:1px solid var(--wm-line); }
.verification-intro { display:flex; align-items:flex-start; gap:12px; }
.verification-intro .status-dot { flex:0 0 auto; margin-top:6px; }
.verification-intro p { margin-bottom:14px; }
.proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.proof-card { padding:18px; border:1px solid #1d3340; border-radius:10px; background:rgba(3,9,14,.6); }
.proof-card p { margin-bottom:9px; color:#a4b6c0; font-size:12px; }
.proof-label { display:block; margin-bottom:8px; color:#7acdde; font-size:9px; font-weight:700; letter-spacing:.14em; }
.code-box { overflow-wrap:anywhere; white-space:pre-wrap; margin:0 0 10px; padding:11px 12px; border:1px solid #172b37; border-radius:7px; background:#020609; color:#a4eff9; font:12px/1.6 Consolas, "Courier New", monospace; }
.token-box { user-select:all; }
.meta-code { min-height:65px; }
.copy-button { min-height:34px; padding:0 12px; font-size:11px; }
.verification-actions { display:flex; align-items:center; gap:14px; margin-top:18px; }
.verification-actions .muted { font-size:11px; }
.dashboard { margin-top:28px; }
.dashboard-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.dashboard-heading .eyebrow { margin-bottom:4px; }
.site-host { margin:4px 0 0; color:#8ceeff; font-family:Consolas,"Courier New",monospace; font-size:13px; }
.dashboard-actions { display:flex; flex-wrap:wrap; gap:8px; }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; }
.metric-card { min-width:0; padding:17px 15px; border:1px solid #1b303c; border-radius:11px; background:linear-gradient(150deg,#0a1721,#050c12); }
.metric-card span { display:block; min-height:34px; color:#9db0bd; font-size:11px; }
.metric-card strong { display:block; margin:7px 0 4px; color:#f1fbff; font-size:29px; font-weight:650; letter-spacing:-.04em; line-height:1.1; }
.metric-card p { margin:0; color:#708a98; font-size:10px; line-height:1.5; }
.metric-disclaimer { margin:12px 0 26px; color:#7f95a2; font-size:11px; }
.metric-disclaimer strong { color:#a7eaf2; }
.sitemap-panel { margin-top:22px; }
.count-pill { padding:5px 10px; border:1px solid #1e4d59; border-radius:999px; background:var(--wm-cyan-soft); color:#a7f4ff; font-size:10px; font-weight:700; white-space:nowrap; }
.sitemap-panel .muted { max-width:850px; font-size:12px; }
.sitemap-panel .form-row { margin-top:17px; }
.inline-feedback { margin-top:12px; padding:9px 12px; border:1px solid #254351; border-radius:8px; background:#08141c; color:#cde8ef; font-size:12px; }
.table-wrap { margin-top:22px; overflow-x:auto; border:1px solid #172b37; border-radius:9px; }
table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
thead { background:#08141d; }
th { padding:11px 13px; color:#7f9aa8; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
td { padding:13px; border-top:1px solid #142630; color:#c8d8e0; vertical-align:top; }
td:first-child { min-width:230px; max-width:440px; overflow-wrap:anywhere; font-family:Consolas,"Courier New",monospace; font-size:11px; color:#9cefff; }
.state { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.state::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#4c8794; }
.state.valid::before,.state.processed::before { background:var(--wm-green); }
.state.error::before,.state.blocked::before { background:var(--wm-red); }
.state.queued::before { background:var(--wm-cyan); }
.empty-table { padding:22px; text-align:center; color:#718896; font-family:Arial,Helvetica,sans-serif !important; }
.table-footnote { margin:13px 0 0; color:#778f9d; font-size:10px; }
.help-panel { margin-top:18px; }
.help-panel p:last-child { margin-bottom:0; font-size:12px; }
.console-footer { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px 26px; padding:20px; border-top:1px solid #142630; color:#6f8795; font-size:10px; }
.console-footer a { color:#93aab6; text-decoration:none; }
@media (max-width: 900px) {
  .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .console-header { flex-wrap:wrap; gap:10px 15px; padding:12px 18px; }
  .brand img { width:32px; height:32px; }
  .brand span { font-size:16px; }
  .header-context { order:3; width:100%; font-size:9px; }
  .console-header nav { gap:13px; }
  .console-main { width:calc(100% - 28px); padding-top:25px; }
  .hero { padding-bottom:20px; }
  .hero-points { gap:10px 14px; }
  .input-action { flex-direction:column; }
  .input-action .button { width:100%; }
  .proof-grid { grid-template-columns:1fr; }
  .verification-actions { align-items:stretch; flex-direction:column; }
  .dashboard-heading { align-items:flex-start; flex-direction:column; gap:13px; }
  .dashboard-actions { width:100%; }
  .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-card { padding:14px; }
  .metric-card strong { font-size:25px; }
  .panel { padding:18px; }
  th, td { padding:11px 10px; }
  .console-footer { gap:12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; transition:none !important; }
}