/* omega-mirrors.shop
   Palette: near-black charcoal neutrals + a single warm amber accent.
   Type: monospace for addresses/labels/headings, humanist sans for body.
   No webfont download (system stacks) so first paint is cheap. */

:root{
  /* Palette matched to the real Omega Market storefront: deep navy, light
     gray body text, the market's blue-violet accent. Mono for the
     addresses/labels/headings, sans for prose. */
  --bg:#0b0e15;
  --bg-soft:#10141d;
  --panel:#141a26;
  --line:rgba(255,255,255,.10);
  --line-soft:rgba(255,255,255,.06);
  --ink:#d6dbe6;
  --ink-dim:#98a1b3;
  --ink-faint:#5b6475;
  --accent:#828cf7;
  --accent-dim:#5f68d8;
  --ok:#5fbf8a;
  --mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{color:#a3aaff}
code{font-family:var(--mono);font-size:.92em;color:var(--ink);background:var(--panel);padding:.1em .4em;border:1px solid var(--line-soft)}

.wrap{max-width:960px;margin:0 auto;padding:0 20px}

/* ---- masthead ---- */
.mast{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 0 18px;border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.brand img{width:40px;height:40px;display:block}
.wordmark{font-family:var(--mono);font-size:1.15rem;letter-spacing:.14em;text-transform:lowercase;color:var(--ink)}
.wordmark b{color:var(--accent);font-weight:700}
.mast-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}

/* ---- breadcrumbs: same width as content (inside .wrap) ---- */
.crumbs{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;
  padding:12px 0;color:var(--ink-faint);
}
.crumbs a{color:var(--ink-dim)}
.crumbs a:hover{color:var(--accent)}
.crumbs .sep{margin:0 .55em;color:var(--ink-faint)}
.crumbs .here{color:var(--ink-dim)}

/* ---- status pill ---- */
.status{
  display:flex;align-items:center;gap:10px;
  margin:26px 0 8px;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-dim);
}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(95,191,138,.5);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(95,191,138,.5)}70%{box-shadow:0 0 0 7px rgba(95,191,138,0)}100%{box-shadow:0 0 0 0 rgba(95,191,138,0)}}

/* ---- mirrors ---- */
.mirrors{margin:18px 0 8px}
.mirrors-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.mirror-item{
  position:relative;
  border:1px solid var(--line);
  background:var(--bg-soft);
  margin-bottom:10px;
  padding:14px 96px 14px 16px;
}
.mirror-link{
  display:block;font-family:var(--mono);font-size:.95rem;line-height:1.5;
  color:var(--ink);word-break:break-all;
}
.mirror-link:hover{color:var(--accent)}
.copy-btn{
  position:absolute;top:50%;right:14px;transform:translateY(-50%);
  font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-dim);background:transparent;border:1px solid var(--line);
  padding:6px 10px;cursor:pointer;transition:all .15s ease;
}
.copy-btn:hover{color:var(--accent);border-color:var(--accent-dim)}
.copy-btn.done{color:var(--ok);border-color:var(--ok)}

/* ---- content blocks ---- */
.block{padding:26px 0;border-bottom:1px solid var(--line-soft)}
.block:first-of-type{padding-top:22px}
.page-h1{
  font-family:var(--mono);font-weight:700;
  font-size:1.5rem;line-height:1.3;letter-spacing:.01em;
  color:var(--ink);margin-bottom:18px;
}
.block h2{
  font-family:var(--mono);font-weight:700;
  font-size:1.02rem;letter-spacing:.02em;
  color:var(--accent);margin-bottom:14px;
}
.block h3{font-family:var(--mono);font-size:.9rem;color:var(--ink);margin:18px 0 8px}
.block p{color:var(--ink-dim);margin-bottom:15px;max-width:70ch}
.block p:last-child{margin-bottom:0}
.block p a{color:var(--accent);border-bottom:1px solid var(--line)}
.block p a:hover{border-color:var(--accent-dim)}

/* two-column asymmetric layout for pages that carry an aside */
.cols{display:grid;grid-template-columns:1fr 264px;gap:40px;align-items:start}
.aside{position:sticky;top:24px}
.aside .card{border:1px solid var(--line);background:var(--bg-soft);padding:18px}
.aside .card h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.aside .card ul{list-style:none}
.aside .card li{padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:.86rem}
.aside .card li:last-child{border-bottom:0}
.aside .card a{color:var(--ink-dim)}
.aside .card a:hover{color:var(--accent)}

/* ---- FAQ ---- */
.faq dl{display:grid;gap:18px}
.faq dt{font-family:var(--mono);font-size:.92rem;color:var(--ink);margin-bottom:6px}
.faq dd{color:var(--ink-dim);font-size:.95rem;padding-left:0}

/* ---- guides nav ---- */
.guides{padding:26px 0 8px}
.guides h2{font-family:var(--mono);font-size:1.02rem;color:var(--accent);margin-bottom:16px}
.guide-links{display:flex;flex-wrap:wrap;gap:10px 26px}
.guide-links a{font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;color:var(--ink-dim);border-bottom:1px solid transparent;padding-bottom:2px}
.guide-links a:hover{color:var(--accent);border-color:var(--accent-dim)}

/* ---- news ---- */
.news-feed{border-top:1px solid var(--line-soft)}
.news-item{padding:22px 0;border-bottom:1px solid var(--line-soft)}
.news-item .meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}
.news-item .meta .tag{color:var(--accent);margin-left:10px}
.news-item h3{font-family:var(--mono);font-size:1.05rem;font-weight:700;margin-bottom:8px}
.news-item h3 a{color:var(--ink)}
.news-item h3 a:hover{color:var(--accent)}
.news-item .dek{color:var(--ink-dim);font-size:.92rem;max-width:70ch}

.news-article .meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}
.news-article .meta .tag{color:var(--accent);margin-left:10px}
.news-article .dek{font-size:1.05rem;color:var(--ink);font-style:italic;line-height:1.6;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line-soft)}
.news-article .body p{color:var(--ink-dim);margin-bottom:16px;max-width:70ch}
.news-article .body h2{font-family:var(--mono);color:var(--accent);font-size:1.02rem;margin:22px 0 12px}
.news-back{margin-top:22px;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em}
.news-back a{color:var(--ink-dim)}
.news-back a:hover{color:var(--accent)}

/* ---- 404 ---- */
.nf{padding:60px 0;text-align:left}
.nf h1{font-family:var(--mono);font-size:1.6rem;color:var(--ink);margin-bottom:16px}
.nf p{color:var(--ink-dim);max-width:60ch;margin-bottom:12px}
.nf-links a{margin-right:6px}

/* ---- footer: same width as content (inside .wrap) ---- */
.foot{margin-top:40px;border-top:1px solid var(--line);padding:26px 0 40px}
.sec-notice{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.sec-notice .rule{flex:1;height:1px;background:var(--line)}
.sec-notice p{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-align:center}
.foot-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink-faint)}
.foot-row a{color:var(--ink-dim)}
.foot-row a:hover{color:var(--accent)}
.foot-row .dot{color:var(--ink-faint)}

/* ---- mobile: designed, not shrunk ---- */
@media (max-width:720px){
  body{font-size:15px}
  .wrap{padding:0 16px}
  .mast{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 14px}
  .mast-tag{margin-left:2px}
  .page-h1{font-size:1.28rem}
  .mirror-item{padding:12px 14px}
  .copy-btn{position:static;transform:none;display:inline-block;margin-top:10px}
  .cols{grid-template-columns:1fr;gap:24px}
  .aside{position:static}
  .block p,.news-item .dek,.news-article .body p{max-width:100%}
}