/* natty.meme/me: My Stupidity wallet dashboard. Mobile-first; cards follow the site's ink-outline style (see .pool in styles.css). */
.me [hidden]{display:none!important}
.me{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 24px)}
.me__hero{padding:22px 0 6px}
.me__title{margin:4px 0 6px;font:800 clamp(30px,8vw,52px)/1.02 var(--display);letter-spacing:-.03em}
.me__sub{margin:0;max-width:62ch;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.me__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0}
.me__addr{font:700 13px/1 var(--mono);background:var(--surface);border:2px solid var(--ink);border-radius:999px;padding:7px 11px}
.me__live{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--mono);color:var(--muted)}
.me__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.me__signin{margin-top:14px}
.me__foot{margin-top:18px;font-size:13px;line-height:1.5;color:var(--muted)}
.me__foot a{color:var(--ink);font-weight:700}
.me-card{background:var(--surface);border:2px solid var(--ink);border-radius:20px;padding:16px;box-shadow:4px 4px 0 var(--hard);min-width:0}
.me-card--win{background:var(--ok-bg)}
.me-card__k{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 11.5px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.me-card__h{margin:2px 0 10px;font:800 21px/1.15 var(--display);letter-spacing:-.02em}
.me-card__h.is-ok{color:var(--ok)}
.me-card__h.is-no{color:var(--bad)}
.me-card__p{margin:6px 0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.me-card__fine{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.me-win__big,.me-earn{margin:6px 0 0;font:800 36px/1.05 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.me-win__sym{font-size:.55em}
.me-win__ai{margin:2px 0 8px;font:700 17px/1.2 var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums}
.me-earn__ai{display:block;margin-top:4px;font-size:.47em;color:var(--ink-2)}
.me-win__rows{display:grid;gap:8px}
.me-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:10px 12px}
.me-row__k{font:700 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-self:center}
.me-row__v{font:800 15px/1.25 var(--display);text-align:right;font-variant-numeric:tabular-nums}
.me-row__s{grid-column:1/-1;font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.me-cta{margin-top:8px}
.me-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.me-check{display:flex;gap:10px;align-items:flex-start}
.me-check__i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);font:800 14px/1 var(--display)}
.me-check.is-ok .me-check__i{background:#12A150;color:#fff}
.me-check.is-no .me-check__i{background:#FF4D2E;color:#fff}
.me-check.is-wait .me-check__i{background:var(--yellow);color:var(--on-accent)}
.me-check__b{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;font-size:14px;line-height:1.4;color:var(--ink-2)}
.me-check__b b{font:700 15px/1.2 var(--display);color:var(--ink)}
.me-bal{display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums}
.me-bar{display:block;height:10px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);overflow:hidden}
.me-bar__f{display:block;height:100%;background:var(--ok);border-radius:999px;transition:width .4s ease}
.me-count{font:700 14px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.me-vote__t{margin:2px 0 8px;font:800 18px/1.25 var(--display);letter-spacing:-.01em;overflow-wrap:anywhere}
.me-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.me-stat{display:flex;flex-direction:column;gap:3px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:9px 10px;min-width:0}
.me-stat__k{font:700 10.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.me-stat__v{font:800 19px/1.1 var(--display);font-variant-numeric:tabular-nums}
.me-t3,.me-hist,.me-ideas{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.me-t3__i{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:center;border:2px solid var(--line);border-radius:12px;padding:8px 10px}
.me-t3__i.is-you{border-color:var(--ink);background:var(--warn-bg)}
.me-t3__r{grid-row:span 2;font:800 18px/1 var(--display)}
.me-t3__n{font:700 15px/1.25 var(--display);text-decoration:none;overflow-wrap:anywhere}
.me-t3__s{font-size:12.5px;color:var(--ink-2)}
.me-hist__i{display:flex;justify-content:space-between;gap:10px;border-bottom:1.5px solid var(--line);padding:8px 0}
.me-hist__i:last-child{border-bottom:0}
.me-hist__l,.me-hist__r{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--ink-2);min-width:0}
.me-hist__r{align-items:flex-end;text-align:right}
.me-hist__l b,.me-hist__r b{font:700 14.5px/1.2 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.me-hist__r a{font-weight:700;color:var(--blue)}
.me-idea{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:2px solid var(--line);border-radius:12px;padding:10px}
.me-idea__t{flex:1 1 100%;font:700 15px/1.3 var(--display);overflow-wrap:anywhere}
.me-idea__a{font:700 13px/1 var(--display);color:var(--ink)}
.me-pill{display:inline-block;font:700 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:6px 9px;border-radius:999px;border:2px solid var(--ink);background:var(--paper-2)}
.me-pill--built{background:#12A150;color:#fff}
.me-pill--on_ballot{background:var(--yellow);color:var(--on-accent)}
@media (min-width:861px){
  .me__grid{grid-template-columns:1fr 1fr;align-items:start}
  .me-card--win{grid-row:span 2}
}
@media (min-width:1100px){
  .me__grid{grid-template-columns:repeat(3,1fr)}
  .me-card--win{grid-row:span 1}
}
/* labrules: Link your X card */
.me-code{font:700 15px/1.3 var(--mono);letter-spacing:.04em;user-select:all;background:var(--code-bg);padding:1px 6px;border-radius:6px}
.me-xform{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}.me-xform input{flex:1 1 150px;min-width:0;padding:8px 10px;border:1.5px solid currentColor;border-radius:10px;font:inherit;background:transparent;color:inherit}
/* back to the Lab (vote) and the rewards rules/payout log */
.me__nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.me__nav .btn{text-decoration:none}
/* Get paid stepper (Site Plan Phase 1, Oct 3 2026): connect, link X or Telegram, get paid; live status per step */
.me-card--link{grid-column:1/-1}
.me-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:12px}
.me-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.me-step__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-2);font:800 14px/1 var(--display)}
.me-step.is-done .me-step__n{background:#12A150;color:#fff}
.me-step.is-wait .me-step__n{background:var(--yellow);color:var(--on-accent)}
.me-step.is-no .me-step__n{background:#FF4D2E;color:#fff}
.me-step__b{display:grid;gap:4px;min-width:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.me-step__b>b{font:700 15.5px/1.25 var(--display);color:var(--ink)}
.me-step__st{font-size:14px}
.me-step__st.is-ok{color:var(--ok);font-weight:700}
.me-step__st.is-no{color:var(--bad);font-weight:700}
.me-step__row{display:grid;gap:10px;margin-top:4px}
@media (min-width:861px){.me-step__row{grid-template-columns:1fr 1fr}}
.me-link{border:2px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper)}
.me-link.is-on{border-color:var(--ink);background:var(--surface)}
.me-link__h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;font:700 14px/1.3 var(--display);color:var(--ink)}
.me-link__p{margin:6px 0 0;font-size:13.5px;line-height:1.45}
.me-link .me-xform{margin:8px 0 0}
.me-link .me-xform input{background:var(--surface)}
.me-link__msg{margin:6px 0 0;font-size:13px;line-height:1.4;min-height:1.2em}
.me-link__msg:empty{display:none}
.me-link .btn--ghost{padding:6px 12px;font-size:13px}