/* Superset-style dark terminal palette */
:root{
  color-scheme:dark;
  --bg:#111;
  --card:#171717;
  --fg:#fafafa;
  --muted:#a1a1a1;
  --border:rgba(255,255,255,.1);
  --border-hi:rgba(255,255,255,.2);
  --brand:#d25611;
  --brand-light:#e8804a;
  --ok:#00d294;
  --warn:#fcbb00;
  --font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overscroll-behavior:none;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px}

.shell{width:min(1200px,100% - 48px);margin-inline:auto}
.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}

/* mono microcopy is the signature of this theme */
.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* headline with the four corner-bracket marks */
.brackets{position:relative;padding:.06em .2em;white-space:nowrap;
  background-image:linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand)),linear-gradient(var(--brand),var(--brand));
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
  background-repeat:no-repeat;
  background-size:.15em 4px,4px .15em,.15em 4px,4px .15em,.15em 4px,4px .15em,.15em 4px,4px .15em}

/* squared buttons: inverted fill, brand on hover */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;background:var(--fg);color:var(--bg);font-size:14px;font-weight:400;transition:background .18s,color .18s,border-color .18s}
.btn[hidden]{display:none}
.btn:hover{background:var(--brand);color:#fff}
.btn:disabled{cursor:not-allowed;opacity:.5}
.btn:disabled:hover{background:var(--fg);color:var(--bg)}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg)}
.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--fg)}
.btn-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px}

.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:2px;background:rgba(255,255,255,.02);font-family:var(--font-mono);font-size:12px;color:var(--muted);transition:color .18s,border-color .18s}
.pill:hover{color:var(--fg);border-color:var(--border-hi)}
.pill .dot{color:var(--brand)}

/* text-only action, for sign in next to the primary CTA */
.link-btn{padding:0;border:0;background:transparent;color:var(--muted);font-size:inherit;font-family:inherit;transition:color .15s}
.link-btn:hover{color:var(--fg)}

.toast{position:fixed;right:16px;bottom:16px;display:none;padding:12px 16px;border:1px solid var(--border-hi);background:var(--card);color:var(--fg);font-family:var(--font-mono);font-size:12px;z-index:200}
.toast.show{display:block}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.pill,.spinner{transition:none;animation:none}
}