:root { --bg: #0a0c14; --s1: #111420; --s2: #181c2c; --s3: #22273a; --line: rgba(200, 205, 255, .1); --line2: rgba(200, 205, 255, .2); --text: #f3f3fb; --muted: rgba(230, 232, 248, .58); --acc: #ff4fb8; --on-acc: #1f0216; --accbg: rgba(255, 79, 184, .14); --accdim: #a3337a; --focus: rgba(255, 79, 184, .55); --inbg: #0a0c14; --up: #3ce3ab; --down: #f23674;
  --head: "Figtree", Arial, sans-serif; --font: "Figtree", Arial, sans-serif; --mono: "Geist Mono", ui-monospace, monospace; --r: 22px; --rb: 999px; --ri: 14px; --h1w: 800; --barbg: rgba(10, 12, 20, .9); --appw: 900px }
.pg { max-width: 900px; margin: 0 auto; padding: 32px 20px 80px }
.find { display: flex; gap: 8px; height: 56px; padding: 0 6px 0 20px; align-items: center; border-radius: 999px; background: var(--s1); border: 1px solid var(--line2) } .find input { flex: 1; min-width: 0; border: 0; background: none; outline: none; font: 14px var(--mono) } .find .btn { height: 44px }
.prof { margin-top: 22px; padding: 30px; border-radius: var(--r); background: var(--s1); border: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 30px }
.prof h1 { font: 800 40px var(--head); letter-spacing: -.04em; word-break: break-all } .prof .bio { color: var(--muted); margin-top: 6px; font-size: 17px } .prof .addr { margin-top: 10px; font: 12px var(--mono); color: var(--muted); word-break: break-all }
.stats { display: flex; gap: 26px; margin-top: 22px } .stats b { display: block; font: 700 26px var(--mono); letter-spacing: -.03em } .stats span { color: var(--muted); font-size: 13px }
.amts { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap } .amts a { height: 34px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); font: 13px var(--mono) } .amts a:hover, .amts a.on { border-color: var(--acc); color: var(--acc) }
.wallx { columns: 2 300px; column-gap: 14px; margin-top: 18px }
.tip { break-inside: avoid; margin-bottom: 14px; padding: 18px 20px; border-radius: 18px; background: var(--s1); border: 1px solid var(--line) }
.tip .amt { font: 700 22px var(--mono) } .tip .amt small { font-size: 12px; color: var(--acc) } .tip q { display: block; margin-top: 8px; font-size: 16px } .tip q::before, .tip q::after { content: '"' } .tip .who { margin-top: 10px; color: var(--muted); font: 12px var(--mono) }
.share { margin-top: 14px; display: flex; gap: 8px } .share input { flex: 1; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); font: 12px var(--mono); color: var(--muted) }
h2.w { font: 700 22px var(--head); margin-top: 28px }
@media (max-width: 800px) { .prof { grid-template-columns: 1fr } }