/* Life Goal v0.3.17 — the bridge with Q App / Iris. Classic first, then La luz (.theme-light). */
.v317-flow{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:16px 0 8px}
.v317-node{display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:left}
.v317-node .v317-ico{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(123,47,190,.08)}
.v317-node b{font-size:15px;line-height:1.25;color:var(--navy)}.v317-node small{font-size:13px;line-height:1.4;color:var(--muted)}
.v317-node.n-lg{background:#F2ECFF}.v317-node.n-qa{background:#EAF3FF}
.v317-ico{font-size:22px;line-height:1}
.v317-arr{align-self:flex-start;margin-left:26px;color:var(--purple);font-weight:700;transform:rotate(90deg);line-height:1;padding:2px 0}
.v317-cols{display:grid;grid-template-columns:1fr;gap:0}
.v317-col h3{font-size:16px;margin-bottom:6px}
.v317-ul,.v317-ol{margin:0 0 8px;padding-left:20px;line-height:1.5;font-size:14px}.v317-ul li,.v317-ol li{margin:3px 0}
.v317-f{font-size:12.5px;color:var(--muted);margin:4px 0 8px;line-height:1.45}
.v317-not{font-size:14px;line-height:1.5;background:#FFF6E8;border-radius:16px;padding:12px 14px;margin:14px 0 8px;color:var(--ink)}
.v317-safe{font-size:13px;color:var(--muted);background:#F4F1FE;border-radius:14px;padding:12px 14px;line-height:1.45;margin:14px 0 6px}
.v317-item{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:14px;border:1.5px solid var(--line);margin-top:8px;cursor:pointer;background:#fff}
.v317-item input{width:22px;height:22px;accent-color:#7B2FBE;flex:none;margin:1px 0 0}
.v317-item b{display:block;font-size:14px;color:var(--navy);font-weight:600}.v317-item small{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin-top:2px;word-break:break-word}
.v317-item:has(input:checked){border-color:#B892F0;background:#F8F3FF}
.v317-sub{margin-left:22px;border-left:2px solid var(--line);padding-left:8px}.v317-sub[hidden]{display:none}
.v317-item.sub{padding:8px 10px}
.v317-gh{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 0}
.v317-pick textarea{margin-top:4px}.v317-pick .lbl,.v317-pick .l-q{display:block;margin-top:18px}
.v317-prev{width:100%;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:#FBFAFF;color:var(--ink);resize:vertical;margin-bottom:12px;white-space:pre-wrap}
.v317-prev[hidden],.v317-empty[hidden]{display:none}
.v317-empty{font-size:13px;color:var(--muted);text-align:center;padding:14px;border:1.5px dashed var(--line);border-radius:14px;margin-bottom:12px}
.v317-open{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.v317-ob{flex:1;text-align:center;padding:12px;border-radius:14px;background:var(--grad);color:#fff;font-weight:600;text-decoration:none}
.v317-home{display:block;margin-top:14px}.v317-home.fresh{border:1.5px solid #CDB4F5}
.v317-hh{display:flex;gap:12px;align-items:flex-start}.v317-hh b{display:block;color:var(--navy)}.v317-hh small{display:block;font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}
.v317-hb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.v317-mini,.v317-linkrow{margin-top:12px;text-align:center}
.v317-minilink{background:none;border:0;padding:8px 4px;color:var(--purple);font-weight:600;font-size:13.5px;line-height:1.4;cursor:pointer;text-align:center}
.v317-circle{display:flex;flex-direction:column;gap:4px;margin:10px 0 14px}.v317-circle b{color:var(--navy)}.v317-circle small{font-size:13px;color:var(--muted);line-height:1.45}.v317-circle .v317-minilink{text-align:left;padding-left:0}
.v317-onb{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:nowrap}
.v317-onb span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:var(--navy);background:#fff;border-radius:14px;padding:8px 8px;min-width:84px;box-shadow:var(--shadow)}
.v317-onb em{font-style:normal;font-size:18px}.v317-onb i{font-style:normal;color:var(--purple);font-weight:700}
/* La luz */
.theme-light .v317-node,.theme-light .v317-node.n-lg,.theme-light .v317-node.n-qa,.theme-light .v317-onb span{background:var(--glass);border:1px solid var(--glass-b);box-shadow:none}
.theme-light .v317-node.n-lg{border-color:rgba(183,176,255,.35)}.theme-light .v317-node.n-qa{border-color:rgba(120,190,255,.35)}
.theme-light .v317-node .v317-ico{background:rgba(255,255,255,.07)}
.theme-light .v317-arr,.theme-light .v317-onb i,.theme-light .v317-minilink{color:var(--acc)}
.theme-light .v317-not{background:rgba(255,190,110,.09);border:1px solid rgba(255,190,110,.22);color:var(--ink)}
.theme-light .v317-safe{background:rgba(255,255,255,.05);border:1px solid var(--glass-b)}
.theme-light .v317-item{background:rgba(255,255,255,.03);border-color:var(--glass-b)}
.theme-light .v317-item:has(input:checked){background:rgba(169,162,255,.12);border-color:rgba(169,162,255,.5)}
.theme-light .v317-item input{accent-color:#A9A2FF}
.theme-light .v317-prev{background:rgba(0,0,0,.25);border-color:var(--glass-b);color:var(--ink)}
.theme-light .v317-empty{border-color:var(--glass-b)}
.theme-light .v317-home.fresh{border-color:rgba(169,162,255,.55)}
.theme-light .v317-ob{background:#F5F5F7;color:#070A14}
.theme-light .v317-share h3,.theme-light .v317-bridge h3{color:var(--navy)}
.theme-light .v317-home,.theme-light .v317-circle{padding:16px 18px;margin-top:14px}
.theme-light .v317-share .l-btn:disabled{opacity:.4}
/* v0.3.17b: two Q App fields, counters, store links, drawn form mock */
.v317-share .v317-prev{margin-bottom:4px;font-family:inherit;font-size:14px}
.v317-sec{margin:22px 4px 4px;font-size:17px}
.v317-bh{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.v317-bh small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.v317-q{font-size:14.5px;line-height:1.35}
.v317-num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--grad);color:#fff}
.v317-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;flex-direction:row-reverse}
.v317-cnt{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;white-space:nowrap}
.v317-cnt.near{color:#B26A00}.v317-cnt.full{color:#C62828}
.v317-warn{color:#C62828;line-height:1.35}.v317-warn[hidden]{display:none}
.v317-tag{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px;background:rgba(108,92,231,.14);color:inherit;margin-left:4px;white-space:nowrap}
.v317-small{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:6px;width:100%}
.v317-sl{font-size:13.5px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}
.v317-open{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.v317-mock{margin:14px auto 6px;max-width:300px;padding:12px 14px 14px;border-radius:16px;background:#F3F6FB;color:#1d2433;border:1px solid #dfe5ef;font-size:11.5px;line-height:1.35}
.v317-mock .mk-h{text-align:center;font-weight:700;font-size:13px;margin-bottom:10px}
.v317-mock .mk-l{margin:6px 0 4px}
.v317-mock .mk-f{border:1.5px dashed #8a94a6;border-radius:8px;background:#fff;padding:9px 8px;color:#5a6476;display:flex;gap:6px;align-items:center}
.v317-mock .mk-n{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#6C5CE7;color:#fff;font-weight:700;font-size:10.5px;flex:none}
.v317-mock .mk-c{text-align:right;font-size:10px;color:#5a6476;margin-top:2px}
.v317-mock .mk-b{display:flex;gap:8px;margin-top:10px}.v317-mock .mk-b span{flex:1;text-align:center;padding:6px;border-radius:14px;background:#e6ebf3}
.v317-mock .mk-b .mk-s{background:#c9ced8;color:#fff;font-weight:600}
.theme-light .v317-tag{background:rgba(255,255,255,.14)}
.theme-light .v317-cnt.near{color:#FFC46B}.theme-light .v317-cnt.full,.theme-light .v317-warn{color:#FF8A80}
.theme-light .v317-num{background:#F5F5F7;color:#070A14}
/* v0.3.18: privacy note on the onboarding slide */
.v318-note{font-size:13px;line-height:1.45;color:var(--muted);text-align:center;margin:12px auto 0;max-width:340px}
.theme-light .v318-note{color:rgba(255,255,255,.72)}
/* v0.3.18: the agreement checkbox label was unreadable in "La luz" (light text on a light box) */
.theme-light .checkrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#F5F5F7}