/* Round 37 · across your circles (design/round-37/return, boards B·1, D·2, D·3): a tag per circle a person or place is in */
.tg37{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.tg37 i{font:600 13px/1 var(--font-body);font-style:normal;color:var(--ink-2);border:1px solid var(--line-strong);border-radius:8px;padding:5px 8px;white-space:nowrap}
/* Round 37 · A (boards A·1-A·3): My time's pills, row values, the link block and the Add row */
.pl37{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;height:28px;margin-top:6px;padding:0 10px;border-radius:14px;font:600 13px var(--font-body);white-space:nowrap}
.pl37 i{width:7px;height:7px;border-radius:4px;background:currentColor}
.pl37.in{background:var(--in-soft);color:var(--in)}.pl37.mb{background:var(--maybe-soft);color:var(--maybe)}.pl37.kp{background:var(--kopi-soft);color:var(--kopi)}
.v37{font:600 15px/1.3 var(--font-body);color:var(--ink-2);flex:0 1 auto;max-width:42%;text-align:right;text-wrap:balance}.v37.k{color:var(--kopi)}
.mt37 button.li{width:100%;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;color:inherit}
.mt37 .card>button.li:first-child{border-top:0}
.add37 .a{color:var(--kopi)}.add37 .iconbtn{border:1px dashed var(--kopi);color:var(--kopi);background:none}
.lk37{padding:14px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.lk37 .u{display:flex;align-items:center;gap:10px;font:500 15px var(--font-mono);color:var(--ink);word-break:break-all}
.lk37.off .u{color:var(--ink-3)}
/* Round 37 · B·3 (board B·1, Home after a sitting): Yours asks who listened, with the faces of the others who were In */
.card.ask37{padding:16px;display:flex;flex-direction:column;gap:12px;margin:0 0 8px}
.ask37 .ey{font:700 12px var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--kopi)}
.ask37 h4{font:500 22px/1.25 var(--font-display);margin:0}
.fc37{display:flex;flex-wrap:wrap;gap:8px}
.fc37 button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;border-radius:22px;border:1px solid var(--line-strong);background:none;color:var(--ink);font:600 15px var(--font-body);cursor:pointer}
.fc37 button[aria-pressed="true"]{border-color:var(--kopi);background:var(--kopi-soft);color:var(--kopi)}
.fc37 .av{width:32px;height:32px;margin:0}
.bts37{display:flex;gap:10px;flex-wrap:wrap}.bts37>.btn{flex:1 1 0}
.nt37{padding:0 0 12px}
@media (min-width:1024px){.bts37>.btn{flex:none;min-width:200px}}  /* round 37 · C: on a Page screen buttons are their own size */
/* round 37 · D: the Places tab — its cards meet the tabs' edges (16 on the phone, the column edge on desktop) */
.plw37{padding:12px 16px 0}
@media (min-width:1024px){#app .plw37{padding-left:0;padding-right:0}}
/* Payments (CO 2026-10-13): its cards share the 20px edge of the fields and the QR above them on the phone; desktop already sets every card to the column edge */
.card.inpx{margin-left:20px;margin-right:20px}