/* Round 12 · F (the ✦ sheet, packs) and K (buy us a kopi), from design/round-12/return/patterns.css "Round 12".
   L (the landing page) is served with the designer's own sheets from /assets/landing/. */
/* ==== Round 12 · the landing page, the free tier and ✦ packs, buy us a kopi (additions) ====
   Tokens first; aliases on :root and every [data-theme] so they re-resolve in dark.
   Hard rule, landing page included: no dashboards. No counters, charts or tick grids. One centred column. */
:root,[data-theme]{
--lp12-bg:var(--paper);--lp12-rule:var(--line);--lp12-lede:var(--ink-2);--lp12-next:var(--kopi);
--lp12-num:var(--kopi-soft);--lp12-num-ink:var(--kopi);--lp12-crop:var(--paper);
--lp12-card:var(--paper-raised);--lp12-free-edge:var(--ink);--lp12-plus-edge:var(--line-strong);
--lp12-wa:var(--wa-schem);--lp12-wa-out:var(--wa-schem-out);
--sp12-fill:var(--helper-fill);--sp12-ink:var(--ink);
--k12-edge:var(--line);--k12-cup:var(--kopi);--k12-thx:var(--kopi-soft);
--adm12-off:var(--ink-2);
}
:root{--lp12-bezel:#16191A;--lp12-col:640px;--lp12-crop-w:360px;--t-lp-hero:44px;--t-lp-h2:30px;--t-lp-body:19px;--t-lp-lede:21px}
@media (min-width:900px){:root{--t-lp-hero:64px;--t-lp-h2:38px;--t-lp-body:20px;--t-lp-lede:23px}}
/* F · the ✦ sheet for a free host */
.sp12{display:inline-flex;vertical-align:-3px;margin:0 1px}
.sp12-left{background:var(--sp12-fill);color:var(--sp12-ink);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.sp12-left b{font:600 17px/1.35 var(--font-body)}
.sp12-own{align-self:center;height:44px;display:inline-flex;align-items:center;gap:2px;font:600 15px var(--font-body);color:var(--kopi)}
.sp12-cap{display:flex;gap:8px;align-items:center;font-size:var(--t-cap);color:var(--ink-2);line-height:1.4}
/* K · buy us a kopi */
.k12{margin:0 16px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 12px;padding:14px 16px;border:1px solid var(--k12-edge);border-radius:var(--r-card);background:var(--paper)}
.k12>.ic{color:var(--k12-cup);margin-top:1px}
.k12 p{font-size:var(--t-sub);line-height:1.45;color:var(--ink);text-wrap:pretty}
.k12 .acts{grid-column:2;display:flex;gap:4px;align-items:center;padding-top:4px}
.tr12{display:inline-flex;align-items:center;gap:2px;font:600 15px var(--font-body);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tr12 .ic{color:var(--ink-3)}
.thx12{width:88px;height:88px;border-radius:44px;background:var(--k12-thx);color:var(--k12-cup);display:grid;place-items:center}
.thx12 .ic{width:40px;height:40px}
.adm12{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
.adm12 .inp{width:160px}
.adm12.off .t-head,.adm12.off .t-sub{color:var(--adm12-off)}
.fee.k12r{grid-template-columns:40px minmax(0,1.5fr) 72px 104px minmax(0,1fr) 220px}
.kp12{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.kp12 .n{font:600 16px/1.3 var(--font-body)}.kp12 .s{font-size:var(--t-cap);color:var(--ink-2);line-height:1.35}
.kp12 .amt{font:600 16px var(--font-body);font-variant-numeric:tabular-nums}
.kp12 .acts{grid-column:2/-1;display:flex;gap:8px;align-items:center}
.kp12 .note7{grid-column:2/-1;font-size:14px;line-height:1.4;text-wrap:pretty}
.kp12.flag{background:var(--fee-flag)}
.seg.four12{grid-template-columns:repeat(4,minmax(0,1fr))}