/* fees.u.cash — creator-fee radar. Fleet brand: system sans (NO serif law), light gold accent,
   dark-mode aware via prefers-color-scheme. No JS anywhere on this host. */
:root { --gold: #a37a29; --gold-bright: #d4a741; --bg: #faf9f7; --fg: #1c1b18; --dim: #6f6a60; --line: #e4e0d8; --card: #ffffff; --link: #1f5fd0; }
@media (prefers-color-scheme: dark) { :root { --bg: #121110; --fg: #ece9e3; --dim: #9a948a; --line: #2c2a26; --card: #1b1a17; --link: #7fb0ff; } }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.5; }
a { color: var(--link); text-decoration: none; } a:hover { text-decoration: underline; }
header.top { display: flex; align-items: baseline; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.mark { font-weight: 700; letter-spacing: .08em; color: var(--fg); }
.host { color: var(--dim); } .host u { text-decoration-color: var(--gold-bright); color: var(--gold-bright); }
nav { margin-left: auto; display: flex; gap: 1rem; } nav a { color: var(--dim); } nav a.on, nav a:hover { color: var(--gold); text-decoration: none; }
main { max-width: 980px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
h1 { font-size: 1.5rem; margin: .2rem 0 1rem; } h2 { font-size: 1.1rem; margin: 2rem 0 .6rem; color: var(--dim); font-weight: 600; }
p.lead { color: var(--dim); max-width: 46rem; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; margin: 1.25rem 0; }
.stat { background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: .8rem 1rem; }
.stat .k { color: var(--dim); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.stat .v { font-size: 1.3rem; font-weight: 650; margin-top: .15rem; }
.tbl { overflow-x: auto; background: var(--card); border: 1px solid var(--line); border-radius: 10px; }
table { border-collapse: collapse; width: 100%; font-size: .92rem; }
th, td { text-align: left; padding: .55rem .8rem; border-bottom: 1px solid var(--line); white-space: nowrap; }
th { color: var(--dim); font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
tr:last-child td { border-bottom: 0; }
td.t { color: var(--dim); font-variant-numeric: tabular-nums; }
.sym { color: var(--dim); font-size: .8rem; } .via { color: var(--gold); font-size: .8rem; } .dim { color: var(--dim); } .small { font-size: .82rem; }
.attribution q { font-style: italic; }
.coin { width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--line); display: block; margin: .75rem 0; }
.kv { margin: 1rem 0; display: grid; gap: .4rem; } .kv .k { display: inline-block; min-width: 12rem; color: var(--dim); font-size: .82rem; }
.ucashnote { background: var(--card); border: 1px solid var(--gold); border-radius: 10px; padding: .8rem 1rem; margin: .75rem 0; font-size: .92rem; }
.hide { display: none; }
.steps section { margin: .9rem 0; }
.steps label { display: block; color: var(--dim); font-size: .8rem; margin: .6rem 0 .2rem; }
.steps input { width: 100%; max-width: 34rem; padding: .5rem .6rem; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--fg); font: inherit; }
.btn { background: var(--gold); color: #fff; border: 0; border-radius: 8px; padding: .55rem 1rem; font: inherit; font-weight: 600; cursor: pointer; margin-top: .5rem; }
.btn:hover { background: var(--gold-bright); }
.steps dl { display: grid; grid-template-columns: 14rem 1fr; gap: .3rem .8rem; margin: .5rem 0; }
.steps dt { color: var(--dim); font-size: .82rem; }
.steps dd { margin: 0; font-size: .92rem; overflow-wrap: anywhere; }
#w-log { margin-top: 1rem; }
.wlog { padding: .25rem 0; font-size: .88rem; color: var(--dim); }
.wlog.err { color: #c0392b; }
@media (prefers-color-scheme: dark) { .wlog.err { color: #ff8a80; } }
footer { border-top: 1px solid var(--line); color: var(--dim); font-size: .8rem; padding: 1rem 1.25rem 2rem; display: grid; gap: .3rem; }
footer a { color: var(--dim); text-decoration: underline; }