/* Trendpad, quiet layer (owner, 2026-10-25: "more simplistic"). Flat colors, one font, one accent, no glows or
   gradients. Loaded after og.css. */
.ae-hero{margin:28px 0 30px;padding:0 0 26px;border-bottom:1px solid var(--line)}
.ae-hero h1{font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0 0 8px;text-transform:none}
.ae-hero p{color:var(--ink2);font-size:15px;margin:0;max-width:62ch}
.ae-hero .ae-stats{color:var(--ink3);font-size:13px;margin-top:12px}
.ae-hero .ae-stats span{color:var(--ink2)}

/* flatter controls */
.og-nav{background:var(--bg)}
.px-tabs button.on{box-shadow:none}

/* cards: no frame, a gentle hover */
.px-card{transition:opacity .15s}
.px-card:hover .px-img{transform:none;opacity:.9}
.px-img{border-radius:12px}

/* no green theme (owner, 2026-10-25): monochrome accents; green and red stay only for price up and down */
.og-ev,.og-ev.buy,.og-ev.sell,.og-ev.new{background:var(--panel2)!important;color:var(--ink)!important;border:1px solid var(--line2)}
.og-ev.sell b{color:#fca5a5}.og-ev.buy b{color:var(--ink)}
.px-create,.og .btn.lime,.lv-net{background:#f4f4f5!important;color:#09090b!important;border-color:#f4f4f5!important}
.px-create:hover{background:#ffffff!important}
.px-tag.grad{background:#f4f4f5;color:#09090b}
.px-by .age{color:var(--ink3)}
.og-g{color:var(--ink)}
.og-logo i{background:#f4f4f5}

/* type like nought (owner, 2026-10-25): Geist for text, Geist Mono with tabular figures for every number */
body.og{--sg:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sm:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-family:var(--sg);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.og h1,.og h2,.og h3,.og .sheet h2,.og .px-head h1{font-family:var(--sg);text-wrap:balance}
.og h1,.ae-hero h1{font-weight:700;letter-spacing:-.035em}
.ae-hero h1{font-size:clamp(28px,3.6vw,44px);line-height:1.02}
.px-head h1{font-size:22px;font-weight:600;letter-spacing:-.02em}
.og h2{font-weight:600;letter-spacing:-.01em}
.og-logo{font-weight:600;letter-spacing:-.02em}
.px-nm b{font-weight:600;letter-spacing:-.01em}
.px-mc,.px-mc .up,.px-mc .dn,.px-table td,.og-trades td,.og-hr,.kv b,
.og input,.og-pill,.px-by .age,.lv-msg code{font-family:var(--sm);font-variant-numeric:tabular-nums}
.px-mc{font-weight:500;letter-spacing:-.01em}
.px-tabs button,.px-view button,.og-link,.px-create,.btn{font-weight:500}
.og-search input{font-family:var(--sg)}

/* techy (owner, 2026-10-25: "white outline and make images squares not edged squares"): hard corners everywhere,
   1px white outlines, a solid white edge on hover. Only avatar dots stay round. */
body.og{--edge:rgba(255,255,255,.16);--edge2:rgba(255,255,255,.9)}
.og *,.og *::before,.og *::after{border-radius:0!important}
.og .av,.og .og-ev .ico,.og .ae-kicker i{border-radius:50%!important}
.px-card{border:1px solid var(--edge);padding:0 0 10px;background:transparent;transition:border-color .12s}
.px-card:hover{border-color:var(--edge2)}
.px-card:hover .px-img{opacity:1}
.px-img{border-bottom:1px solid var(--edge);box-shadow:none}
.px-meta{padding:0 10px}
.px-card.koth{border-color:#facc15}
.px-tag,.px-tag.grad{top:0;left:0;padding:3px 8px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--sm)}
.px-tag{background:#000;color:#facc15;border-right:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.px-tag.grad{background:#f4f4f5;color:#000}
.og-nav{border-bottom:1px solid var(--edge)}
.og-logo i{border:1px solid var(--edge2);background:transparent;box-shadow:none}
.px-create,.og-link,.px-tabs,.px-view,.og-search,.px-fly,.og-ev,.og-chart,.og-box,.og .sheet,.og .btn,.og input,.og .seg,.kv,.vsteps li{border:1px solid var(--edge)!important;box-shadow:none!important}
.px-create{border-color:#f4f4f5!important}
.og-link:hover,.px-tabs button:hover,.px-view button:hover{border-color:var(--edge2)}
.px-tabs,.px-view{padding:0;gap:0}
.px-tabs button,.px-view button{border-right:1px solid var(--edge);padding:7px 12px}
.px-tabs button:last-child,.px-view button:last-child{border-right:0}
.px-tabs button.on,.px-view button.on{background:#f4f4f5;color:#000;border-color:var(--edge)}
.ae-hero{border-bottom:1px solid var(--edge)}
.og-pb,.px-bond{border:1px solid var(--edge);background:transparent}
.og-pb i,.px-bond i{background:#f4f4f5}
.og-search input{border:0!important}

/* bigger white frame around each coin (owner, 2026-10-25) */
.px-card{border:2px solid rgba(255,255,255,.85)}
.px-card:hover{border-color:#fff;outline:1px solid #fff;outline-offset:2px}
.px-img{border-bottom:2px solid rgba(255,255,255,.85)}
.px-card.koth{border-color:#facc15}
.px-card.koth .px-img{border-bottom-color:#facc15}

/* fixes (owner, 2026-10-25): the logo is the white "1" bar again, in a square; coin frames back to a thin line */
.og-logo i{width:28px;height:28px;background:url(media/logo-square.svg) center/contain no-repeat!important;border:1px solid rgba(255,255,255,.35)!important}
.px-card{border:1px solid rgba(255,255,255,.35)}
.px-card:hover{border-color:#fff;outline:0}
.px-img{border-bottom:1px solid rgba(255,255,255,.35)}
.px-tabs button.on svg,.px-view button.on svg{color:#000;stroke:#000}

/* rows view (owner, 2026-10-25): each coin is a full-width outlined line, like the trailer's rule cards */
.px-rows{display:grid;gap:10px}
.rw{display:grid;grid-template-columns:72px minmax(0,1fr) 190px 300px;gap:24px;align-items:center;padding:14px 22px 14px 14px;border:1px solid rgba(255,255,255,.22);transition:border-color .12s}
.rw:hover{border-color:#fff}
.rw.koth{border-color:#facc15}
.rw .ico{width:72px!important;height:72px!important;overflow:hidden;border:1px solid rgba(255,255,255,.22)}
.rw .ico img{width:100%;height:100%;object-fit:cover;display:block}
.rw-nm{display:flex;align-items:baseline;gap:12px;min-width:0}
.rw-nm b{font-size:24px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.rw-nm span{color:var(--ink3);font-size:14px}
.rw-tag{font:500 11px var(--sm);letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);padding:2px 7px;color:var(--ink2)!important}
.rw-tag.king{border-color:#facc15;color:#facc15!important}
.rw-desc{margin-top:4px;color:var(--ink3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-mc{display:flex;align-items:baseline;gap:10px;justify-content:flex-end;font-family:var(--sm);font-variant-numeric:tabular-nums}
.rw-mc b{font-size:20px;font-weight:600}
.rw-mc .up{color:#4ade80;font-size:13px}.rw-mc .dn{color:#f87171;font-size:13px}
.rw-meta{text-align:right;font:500 12.5px var(--sm);letter-spacing:.12em;color:var(--ink3);white-space:nowrap}
@media (max-width:900px){
  .rw{grid-template-columns:56px minmax(0,1fr) auto;gap:14px}
  .rw .ico{width:56px!important;height:56px!important}
  .rw-meta{grid-column:2/-1;text-align:left;letter-spacing:.06em}
  .rw-nm b{font-size:19px}
}