/* EDGOO Routing Registry v1.0.4 — approved brand / switchable light + dark */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f8fc;
  --glow: rgba(37,99,235,.10);
  --surface: #ffffff;
  --surface2: #f8faff;
  --border: #d9e3f0;
  --border-strong: #bccbde;
  --text: #0a0f1c;
  --muted: #51657e;
  --blue: #2563eb;
  --blue-hover: #1e50cb;
  --button-text: #ffffff;
  --green: #047857;
  --pill-bg: #e5f6ee;
  --pill-border: #bae6d0;
  --field-bg: #fbfdff;
  --placeholder: #8292a8;
  --example-bg: #e8eef8;
  --example-text: #23426c;
  --example-hover: #dbe6f5;
  --code-bg: #f5f8fd;
  --code-border: #d4e0ef;
  --icon-bg: #ebf2ff;
  --card-shadow: 0 16px 50px rgba(15,36,75,.06);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #091321;
  --glow: rgba(32,113,191,.22);
  --surface: #111f31;
  --surface2: #15273a;
  --border: #2b4058;
  --border-strong: #3a536d;
  --text: #edf4ff;
  --muted: #a4b8cb;
  --blue: #70b9ff;
  --blue-hover: #94cdff;
  --button-text: #061424;
  --green: #59e5b5;
  --pill-bg: #13372f;
  --pill-border: #2b665c;
  --field-bg: #0c1929;
  --placeholder: #829bb7;
  --example-bg: #263d55;
  --example-text: #d5e6f6;
  --example-hover: #385878;
  --code-bg: #071423;
  --code-border: #26415a;
  --icon-bg: #1d3c59;
  --card-shadow: 0 14px 45px rgba(0,0,0,.18);
}
* {box-sizing:border-box}
html {min-width:320px}
body {margin:0;background:radial-gradient(ellipse at 88% 0%,var(--glow) 0%,transparent 41%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;min-height:100vh}
a {color:inherit;text-decoration:none}
button,input,select {font:inherit}
button {cursor:pointer;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid var(--blue);outline-offset:3px}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar {max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:17px 30px;border-bottom:1px solid var(--border)}
.brand {display:flex;align-items:center;gap:17px;min-width:0;flex-shrink:0}
.brand-logos {display:flex;align-items:center;width:173px;height:70px;flex-shrink:0}
.brand-logos img {display:block;width:173px;height:auto;max-height:70px}
.brand .logo-dark {display:none}
:root[data-theme="dark"] .brand .logo-light {display:none}
:root[data-theme="dark"] .brand .logo-dark {display:block}
.brand-name {font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);border-left:1px solid var(--border-strong);padding-left:17px;white-space:nowrap}
.header-actions {display:flex;align-items:center;gap:20px}
nav {display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--muted)}
nav a {white-space:nowrap;transition:color .16s ease}
nav a:hover,nav a.active {color:var(--text)}
.theme-toggle {flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 2px 10px rgba(0,0,0,.04);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.theme-toggle:hover {border-color:var(--blue);background:var(--surface2);transform:translateY(-1px)}
.theme-toggle svg {width:20px;height:20px}
.theme-toggle .icon-sun {display:none}
:root[data-theme="dark"] .theme-toggle .icon-moon {display:none}
:root[data-theme="dark"] .theme-toggle .icon-sun {display:block}
main {max-width:1100px;margin:auto;padding:48px 24px 72px}
.hero {padding:14px 0 43px}
.eyebrow {font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}
.pulse {display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px}
.hero h1 {font-size:clamp(36px,5.5vw,65px);line-height:1.11;letter-spacing:-2px;margin:20px 0}
.hero h1 em {font-style:normal;color:var(--blue)}
.hero p {color:var(--muted);max-width:700px;font-size:17px;margin:0}
.card {background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--card-shadow)}
.card-header {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.card h2 {margin:0;font-size:21px}
.chip {border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--green);border-radius:999px;padding:3px 12px;font-size:12px;white-space:nowrap}
label {font-size:12px;font-weight:700;color:var(--muted);display:block;margin-bottom:8px}
input,select {width:100%;border:1px solid var(--border-strong);background:var(--field-bg);color:var(--text);border-radius:10px;min-height:48px;padding:11px 14px;outline:none}
input:focus,select:focus {border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
input {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px}
input::placeholder {color:var(--placeholder)}
.controls {display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:end;gap:14px;margin-top:22px}
#search-button {min-height:48px;border-radius:10px;background:var(--blue);color:var(--button-text);font-weight:800;padding:12px 20px;transition:background .15s ease}
#search-button:hover {background:var(--blue-hover)}
#search-button:disabled {opacity:.55;cursor:wait}
.examples {color:var(--muted);font-size:13px;margin-top:19px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.examples button {background:var(--example-bg);color:var(--example-text);border-radius:7px;padding:5px 9px;font-size:12px}
.examples button:hover {background:var(--example-hover)}
.results {margin-top:22px}
.result-meta {color:var(--muted);font-size:12px}
.results-buttons {display:flex;gap:8px}
.results-buttons button {border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:8px 11px;border-radius:8px;font-size:12px}
.results-buttons button:disabled {opacity:.45;cursor:not-allowed}
pre {font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);border:1px solid var(--code-border);padding:20px;border-radius:10px;max-height:650px;overflow:auto;margin:0}
.quick-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.quick-links a {border:1px solid var(--border);background:var(--surface);padding:20px;border-radius:13px;display:flex;gap:12px;align-items:flex-start;transition:border-color .15s ease,transform .15s ease}
.quick-links a:hover {border-color:var(--blue);transform:translateY(-2px)}
.quick-links strong {display:block}
.quick-links small {display:block;color:var(--muted);font-size:12px;margin-top:4px}
.quick-links a>span:last-child {margin-left:auto;color:var(--blue)}
.quick-icon {min-width:36px;height:36px;border-radius:10px;background:var(--icon-bg);display:grid;place-items:center;color:var(--blue);font-weight:900}
footer {max-width:1160px;border-top:1px solid var(--border);margin:auto;padding:25px 30px 35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}
code {font-family:ui-monospace,Consolas,monospace}
[hidden] {display:none!important}
@media(max-width:1050px) {.topbar {flex-wrap:wrap}.header-actions {width:100%;justify-content:space-between}.brand {margin-right:auto}}
@media(max-width:760px) {
  .topbar {padding:15px 20px;gap:15px}
  .brand-logos {width:157px;height:64px}.brand-logos img {width:157px;max-height:64px}
  .brand-name {font-size:11px;letter-spacing:1px;padding-left:12px}
  .header-actions {gap:12px}
  nav {gap:14px;font-size:13px}
  main {padding:27px 20px 55px}
  .controls,.quick-links {grid-template-columns:1fr}
  .card {padding:20px}
  .hero {padding-top:4px}
  footer {padding:22px 20px 30px}
}
@media(max-width:440px) {
  .topbar {align-items:flex-start}
  .brand {gap:10px}.brand-logos {width:135px;height:55px}.brand-logos img {width:135px;max-height:55px}
  .brand-name {font-size:10px;letter-spacing:.5px;padding-left:9px}
  .header-actions {align-items:flex-start}
  nav {gap:12px;font-size:12px}
  .theme-toggle {width:36px;height:36px}
  .hero h1 {letter-spacing:-1.2px}
}
@media(prefers-reduced-motion:reduce) {* {transition:none!important;scroll-behavior:auto!important}}