@font-face{font-family:'Inter Variable';src:url('/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk Variable';src:url('/fonts/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--bg:#0b0d10;--canvas:#101216;--panel:#171a1f;--raised:#1d2127;--line:#2a2e36;--grid:#242932;--ink:#e8ebef;--muted:#929ba7;--dim:#606975;--index:#ff765f;--write:#62b5ff;--trace:#e8bb65;--verify:#62d6a0;--link:#bca0ff;--sell:#ef938f;--sans:"Inter Variable",Inter,Arial,sans-serif;--display:"Space Grotesk Variable","Space Grotesk",Arial,sans-serif;--mono:"IBM Plex Mono",Consolas,monospace;--nav-height:64px}
*,:after,:before{box-sizing:border-box}
body,html{margin:0;min-height:100%}
body{background:var(--bg);color:var(--ink);font:400 14px/1.5 var(--sans)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
button,input,select{border-radius:0}
:focus-visible{outline:2px solid var(--write);outline-offset:3px}
::selection{background:#343d48;color:var(--ink)}
.skip-link{position:fixed;top:7px;left:7px;transform:translateY(-150%);z-index:99;padding:8px 12px;color:var(--bg);background:var(--ink)}
.skip-link:focus{transform:none}
.site-nav{height:var(--nav-height);display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;padding:0 32px;gap:24px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:30}
.brand,.site-nav{align-items:center}
.brand{justify-self:start;display:flex;gap:9px;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:var(--write)}
.brand-mark svg{display:block}
.brand-type{display:flex;flex-direction:column}
.brand-type strong{font:700 17px/.99 var(--display);letter-spacing:-.035em}
.brand-type small{margin-top:5px;color:var(--muted);font:400 9px/1 var(--mono);letter-spacing:.11em}
.main-nav{position:relative;height:100%;display:flex;gap:24px;padding-inline-start:24px;white-space:nowrap}
.main-nav:before{content:"";position:absolute;inset-inline-start:0;top:calc(50% - 9px);width:1px;height:18px;background:var(--line)}
.main-nav a{display:grid;place-items:center;position:relative;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.06em}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--ink)}
.main-nav a[aria-current]:after{content:"";position:absolute;bottom:12px;inset-inline-start:calc(50% - 8px);width:16px;height:2px;background:var(--write)}
.nav-ca{display:flex;justify-self:center;align-items:center;gap:8px;width:min(100%,200px);min-height:28px;padding-inline:8px;border:1px solid var(--line);background:var(--canvas);color:var(--muted);font:500 10px/1 var(--mono)}
.nav-ca code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.nav-right{grid-column:4;justify-self:end;display:flex;gap:10px;align-items:center;white-space:nowrap;font:500 10px/1 var(--mono);letter-spacing:.045em}
.nav-social{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);color:var(--muted)}
.nav-social:hover{border-color:var(--muted);color:var(--ink)}
.feed-pill{display:inline-flex;gap:7px;align-items:center;color:var(--muted)}
.feed-pill i{width:6px;height:6px;background:var(--dim);border-radius:50%}
.feed-pill[data-state=LIVE] i{background:var(--verify)}
.feed-pill[data-state=DEMO]{color:var(--trace)}
.feed-pill[data-state=DELAYED] i,.feed-pill[data-state=DEMO] i{background:var(--trace)}
.feed-pill[data-state=CONNECTING] i{background:var(--write)}
.token-tag{display:inline-flex;gap:4px;align-items:center;min-height:28px;color:var(--muted)}
.token-tag:before{content:"";width:3px;height:3px;border-radius:50%;margin-inline-end:5px;background:var(--dim)}
a.token-tag:hover{color:var(--ink)}
@media (min-width:1100px){.nav-ca{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(180px,19vw,310px)}
}
@media (max-width:850px){.site-nav{gap:16px;padding-inline:20px}
.main-nav{gap:20px;padding-inline-start:16px}
}
@media (max-width:670px){:root{--nav-height:82px}
.site-nav{grid-template-columns:1fr auto;grid-template-rows:49px 32px;gap:0 8px;padding:0 16px}
.brand-mark{width:30px;height:30px}
.brand-mark svg{width:28px;height:28px}
.brand-type strong{font-size:15px}
.brand-type small{margin-top:3px;font-size:8px}
.main-nav{grid-area:2/1/3/3;gap:24px;padding-inline-start:0;border-top:1px solid #20242b}
.main-nav:before{display:none}
.main-nav a{font-size:10px}
.main-nav a[aria-current]:after{bottom:0}
.nav-right{grid-area:1/2/2/3;font-size:9px;gap:9px}
.nav-social{width:26px;height:28px}
.nav-ca{grid-area:2/2/3/3;justify-self:end;width:100px;min-height:22px}
}
@media (max-width:350px){.site-nav{padding-inline:10px}
.nav-right{gap:6px;font-size:8px}
.main-nav{gap:18px}
}

/* The middle track stays available for a configured official mint. */
.brand-mark img { display:block; }
.nav-right .feed-pill { text-transform:uppercase; }
.feed-pill[data-state="WATCHING"] i { background:#8295a8; }
.feed-pill[data-state="SAVED"] i { background:var(--write); }
.feed-pill[data-state="RECONNECTING"] i { background:var(--trace); }
.nav-ca button { background:none; border:0; color:var(--ink); padding:2px 0; }
[hidden] { display:none!important; }
@media(max-width:670px){
  :root{--nav-height:94px}
  .site-nav{grid-template-rows:49px 44px;padding-inline:11px}
  .nav-right .feed-pill{display:none}
  .main-nav a{min-height:44px}
  .nav-ca{z-index:1}
}
