/* Ninth Coffee — digital stamp cards. Warm and edible, nothing like a dashboard. */
:root{
  --a-bg:#17100b; --a-bg2:#221710; --a-panel:#2e2016; --a-line:rgba(255,225,200,.16);
  --a-ink:#fdf4ea; --a-ink2:#dcc6b0; --a-mut:#a08b76;
  --a-accent:#c98a4b; --a-accent-ink:#1e1006; --a-accent-dim:rgba(201,138,75,.18);
}
.appbar .mark{background:rgba(201,138,75,.18);border:1px solid rgba(201,138,75,.42)}
.brandwrap{display:flex;flex-direction:column;line-height:1.15}
.cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.lcard{border:1px solid var(--a-line);border-radius:18px;padding:15px 16px;background:rgba(255,255,255,.04);
  display:flex;align-items:center;gap:14px}
.lcard .who{flex:1;min-width:0}
.lcard .who b{display:block;font-size:15px;font-weight:700}
.lcard .who span{display:block;color:var(--a-mut);font-size:12.5px;margin-top:2px}
.dots{display:flex;gap:5px;flex-wrap:wrap;max-width:120px;justify-content:flex-end}
.dots i{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--a-accent);display:block}
.dots i.on{background:var(--a-accent)}
.nudge{border:1px solid rgba(201,138,75,.5);background:var(--a-accent-dim);border-radius:var(--a-rl);
  padding:18px;margin-top:18px}
.byline{text-align:center;color:var(--a-mut);font-size:12px;margin-top:26px}
.byline b{color:var(--a-ink2);font-weight:600}