/* Round 17 · pick your lines, the calendar link, your yes on a free time, Burmese and Filipino.
   From design/round-17/return/patterns.css (the Round 17 block), as drawn; board-only classes are harmless and kept. */
/* ==== Round 17 · pick your lines; a calendar link; your yes on a free time; မြန်မာ and Filipino (additions) ====
   Tokens first; aliases on :root and every [data-theme] so they re-resolve in dark. No new hex values.
   Base: round 15's Home (C2). Hard rule: no dashboards. Who has answered is faces with a word, never a count. Sentences and faces, one subject a screen. Taps only (a PWA). */
:root,[data-theme]{
--tick17-edge:var(--line-strong);--tick17-on:var(--kopi);--tick17-on-ink:var(--on-kopi);--tick17-hp:var(--helper-spark);--tick17-hp-fill:var(--helper-fill);--tick17-hp-rule:var(--guess15);
--blur17:4.5px;--blur17-rule:var(--pick15-rule);--blur17-ghost:var(--line-strong);--ask17-fill:var(--paper-sunk);
--none17:var(--maybe-soft);--none17-ink:var(--maybe);--over17:var(--danger);--ans17-ok:var(--in);
--lock17:var(--os-lock);--lock17-ink:var(--cam-ink);--lock17-ink-2:var(--cam-ink-2);--lock17-note:var(--cam-soft);
--crumb17-edge:var(--line-strong);--crumb17-fill:var(--paper-raised);
--font-my:"Noto Sans Myanmar";
--lh17-my-body:1.85;--lh17-my-head:1.55;--lh17-my-me:1.7;--lh17-my-pick:1.6;--t17-my-title:24px;--t17-my-lead:18px;--t17-my-body:16px;
}
/* K3 · the person's ticks: box, name, price; faces and blurred names under the name */
.kh17{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}
.k17 .ex15{padding-top:14px;gap:14px}
.tl17{display:flex;flex-direction:column;padding-top:18px}
.hn17{font:400 14px/1.45 var(--font-body);color:var(--ink-2);padding-bottom:8px}
.tk17,.wh17{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--run15-rule)}
.wh17{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.bx17{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--tick17-edge);display:grid;place-items:center;background:var(--paper-raised);cursor:pointer}
.bx17 .ic{width:16px;height:16px}
.bx17.on{background:var(--tick17-on);border-color:var(--tick17-on);color:var(--tick17-on-ink)}
.bx17.hx17{border-style:dashed;border-color:var(--tick17-hp);background:var(--tick17-hp-fill);color:var(--tick17-hp)}
.tt17{display:flex;flex-direction:column;gap:5px;min-width:0}
.nm17{font:600 16px/1.35 var(--font-body);color:var(--ink);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.q17{font:500 14px var(--font-body);color:var(--ink-2)}
.mt17{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.mt17 .pk15{min-height:32px}
.pr17{font:500 16px/1.35 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.tk17.hx17 .nm17{text-decoration:underline dotted var(--tick17-hp-rule);text-decoration-thickness:1.5px;text-underline-offset:4px}
.mn17,.sn17{display:inline-flex;align-items:center;gap:6px}.hw17{display:inline;white-space:nowrap}.mn17{color:var(--ink);font-weight:600}.mn17 .av,.sn17 .av{margin:0}.sn17 b{color:var(--ink);font-weight:600}
/* K3/K4 · a blurred name: a ghost face and the name under blur, on the pick rule. Tapping asks; asked and kept drop the rule */
.bl17{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 0 1px;border-bottom:1.5px solid var(--blur17-rule);cursor:pointer}
.gh17{width:20px;height:20px;border-radius:10px;background:var(--blur17-ghost);filter:blur(1.5px);flex:none}
.bn17{filter:blur(var(--blur17));font:600 14px var(--font-body);color:var(--ink);user-select:none;pointer-events:none}
.bl17.done{border-bottom-color:transparent;cursor:default}
.ak17{font:600 13px var(--font-body);color:var(--ink-2)}
.cf17{margin:0 0 8px 38px;padding:10px 12px 4px;border-radius:14px;background:var(--ask17-fill);display:flex;flex-direction:column;gap:2px}.cf17 p{font:400 15px/1.45 var(--font-body);color:var(--ink);text-wrap:pretty}
.kp17{margin:-2px 0 10px 38px;font:400 15px/1.45 var(--font-body);color:var(--ink-2)}
.pl17{padding:12px 0 0;border-top:1px solid var(--run15-rule);font:400 15px/1.45 var(--font-body);color:var(--ink-2);text-wrap:pretty}
.kf17{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.sf17{font:500 19px/1.35 var(--font-display);color:var(--ink)}.sf17.q{color:var(--ink-2);font-size:17px}
.ch17n,.ro17{font:400 15px/1.45 var(--font-body);padding:10px 12px;border-radius:12px;text-wrap:pretty}.ch17n{background:var(--chg-fill);color:var(--chg-ink)}.ro17{background:var(--paper-sunk);color:var(--ink);margin-bottom:10px}
/* K1 · the receipt at the head of the bill's talk; who has answered as faces with a word */
.rc17{display:flex;align-items:center;gap:12px;padding-bottom:14px}.rc17 b{font:600 16px var(--font-body)}.rc17 .col>span{font-size:14px;color:var(--ink-2)}
.an17{display:flex;flex-wrap:wrap;gap:10px 20px;padding:4px 0}
.an17>span{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px}.an17 .av{margin:0}.an17>span:not(.a) .av{opacity:.45}
.an17 b{font:600 14px var(--font-body);color:var(--ink)}.an17 i{font-style:normal;font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:2px}.an17 i .ic{width:13px;height:13px;color:var(--ans17-ok)}
/* K7 · who had what: nobody's lines amber, too many said in words, ✦'s ticks with the small ✦ on the face */
.wh17.none{background:var(--none17);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px;border-top-color:transparent}
.wh17.none+.wh17{border-top-color:transparent}
.nb17{color:var(--none17-ink);font-weight:600}.ov17{color:var(--over17);font-weight:600}
.fc17{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:112px}.fc17 .av{margin:0}
.hf17{position:relative;display:inline-flex}.hf17 i{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:8px;background:var(--paper);display:grid;place-items:center;box-shadow:0 0 0 1px var(--line)}
.uc17{display:flex;flex-direction:column;gap:2px;padding:12px 14px 4px;border-radius:14px;background:var(--none17)}.uc17 p{font:500 17px/1.4 var(--font-body);color:var(--ink);text-wrap:pretty}
/* K2 · the push on the lock screen: the OS's surface, the same in both themes */
.lk17{position:absolute;inset:0;background:var(--lock17);display:flex;flex-direction:column;align-items:center;padding:96px 12px 0;gap:44px}
.lkt17 b{font:300 86px/1 -apple-system,system-ui,sans-serif;color:var(--lock17-ink);letter-spacing:-.02em}
.nt17{width:100%;display:flex;gap:10px;padding:12px 14px;border-radius:22px;background:var(--lock17-note);color:var(--lock17-ink)}
.ni17{width:38px;height:38px;border-radius:10px;background:var(--paper);display:grid;place-items:center;flex:none}
.nh17{display:flex;justify-content:space-between;gap:8px;font-size:14px}.nh17 span{color:var(--lock17-ink-2)}
.nt17 p:last-child{font-size:15px;line-height:1.35;text-wrap:pretty}
/* K9 · the guest's name */
.gn17{display:flex;align-items:flex-end;gap:10px;padding-top:12px}.gn17 .fld{flex:1;min-width:0}.gw17{font:600 13px var(--font-body);color:var(--ink-2);padding-bottom:16px}
/* T3 · the third row, the masked address, the app's own path and where the field is */
.cr16.alt17 .pk15{font-size:15px}
.msk17{font:500 14px/1.4 var(--font-mono);color:var(--ink-2);word-break:break-all}
.cb17{list-style:none;display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center;padding:2px 0}.cb17 li{display:inline-flex;align-items:center;gap:4px}
.cb17 span{font:600 13px/1.25 var(--font-body);padding:5px 8px;border-radius:8px;border:1px solid var(--crumb17-edge);background:var(--crumb17-fill);color:var(--ink)}.cb17 i{font-style:normal;color:var(--ink-3)}
.sc17{margin-top:6px}.scb17{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px 12px 28px}.scn17,.scm17{display:flex;flex-direction:column;gap:7px}
.schem .br.sel17{background:var(--wz-best)}.lb17{font:600 11px var(--font-body);color:var(--ink);padding-top:6px}.sc17 .ring{display:block;margin:8px 10px 4px}.sc17 .scb17{padding-bottom:10px}.scap17{display:block;padding:0 10px 8px;text-align:right;font:500 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
/* Q9 · the choice: the chosen word plain, the other as a pick */
.mt15>p.ch17{font:400 15px/1.3 var(--font-body);display:flex;flex-wrap:wrap;gap:0 8px;align-items:center;margin-top:-6px}.ch17 b{font-weight:600;color:var(--ink)}.ch17 i{font-style:normal;color:var(--pick15-sep)}.ch17 .pk15{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0}
.sl17{flex-direction:column;align-items:flex-start}
/* L3 · the landing's five language links */
.lsw17{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px}.lsw17 i{font-style:normal;color:var(--ink-3)}
.lsw17 a{min-height:44px;padding:0 8px;display:inline-flex;align-items:center;font:600 14px var(--font-body);color:var(--lang14-off);white-space:nowrap}
.lsw17 a.on{color:var(--lang14-on);text-decoration:underline;text-decoration-color:var(--lang14-rule);text-underline-offset:6px;text-decoration-thickness:2px}
.lsw17 a:lang(my){font-family:"Source Sans 3",var(--font-my),sans-serif}
.lpt17{display:flex;align-items:center;gap:16px;padding:18px 40px}.lpt17 .lsw17{margin-left:auto}.lpt17 .si{font:600 15px var(--font-body);color:var(--kopi);display:inline-flex;align-items:center;gap:2px;white-space:nowrap;min-height:44px}
.lpt17.nar{flex-wrap:wrap;padding:6px 20px 0;gap:0 12px}.lpt17.nar .si{margin-left:auto}.lpt17.nar .lsw17{width:calc(100% + 16px);margin:0 -8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
/* L1 · Burmese: Noto Sans Myanmar behind our Latin faces; more line height; one size step down.
   It also closes the base stacks, so a Burmese word anywhere (a name, the Language switch) never falls to a system face */
:root{--font-display:"Fraunces",Georgia,"Times New Roman","Noto Sans Myanmar",serif;--font-body:"Source Sans 3",-apple-system,"Segoe UI",system-ui,"Noto Sans Myanmar",sans-serif}
:lang(my){--font-display:"Fraunces",var(--font-my),serif;--font-body:"Source Sans 3",var(--font-my),sans-serif;overflow-wrap:break-word}
:lang(my) :is(.t-title,.tt15,.lg16 h1){font-size:var(--t17-my-title);line-height:var(--lh17-my-head);letter-spacing:0}
:lang(my) :is(.ld15,.mt15>p,.vz15,.dl16,.sf17){font-size:var(--t17-my-lead);line-height:var(--lh17-my-pick);letter-spacing:0}
:lang(my) :is(.ln15 p,.t-body,.cf17 p,.pl17,.ro17,.ch17n,.uc17 p,.mt15>p.rd16){font-size:var(--t17-my-body);line-height:var(--lh17-my-body)}
:lang(my) .ln15.me p{font-size:17px;line-height:var(--lh17-my-me)}
:lang(my) :is(.t-sub,.rb15,.ra15,.cr16 span,.hn17,.mt17,.mt15>p.q,.hint,.nm17){line-height:1.8}
:lang(my) .pk15{font-size:16px;line-height:var(--lh17-my-pick)}:lang(my) .pk15.sm{font-size:15px}
:lang(my) .s15 .run15 h2,:lang(my) .s15 .h15{letter-spacing:0;text-transform:none;font-size:14px}
:lang(my) .btn{white-space:normal;height:auto;min-height:52px;padding-top:10px;padding-bottom:10px;line-height:1.6;text-align:center}
:lang(my) :is(em,i,.quote){font-style:normal}
/* L2 · Filipino: our faces; a third longer, so buttons, picks and eyebrows wrap rather than cut */
:lang(fil) .btn{white-space:normal;height:auto;min-height:50px;padding-top:11px;padding-bottom:11px;line-height:1.25;text-align:center}
:lang(fil) :is(.t-title,.tt15){text-wrap:balance}
:lang(fil) .eb16,:lang(my) .eb16{flex-wrap:wrap;row-gap:2px}
:is(:lang(fil),:lang(my),:lang(vi)) .pks15 .pk15{white-space:normal;text-align:left}
