.lg-roles{border:0;padding:0;margin:4px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lg-roles legend{font-size:14px;font-weight:700;color:var(--ob-ink);margin-bottom:8px}.lg-roles label{position:relative;display:grid;gap:2px;padding:14px;min-height:84px;border-radius:18px;border:2px solid var(--ob-line);background:var(--brand-paper);cursor:pointer}.lg-roles label.is-on{border-color:var(--ob-ink);box-shadow:0 4px 0 var(--ob-ink)}.lg-roles input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.lg-roles label:has(input:focus-visible){outline:3px solid var(--brand-accent);outline-offset:2px}.lg-roles b{font-family:var(--font-display);font-size:20px;color:var(--ob-ink)}.lg-roles small{font-size:12px;line-height:1.4}.lg-or,.lg-roles small{color:var(--color-muted)}.lg-or{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:13px}.lg-or:after,.lg-or:before{content:"";flex:1 1;height:1px;background:var(--ob-line)}.lg-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lg-demo a{display:grid;place-items:center;min-height:48px;border-radius:99px;border:1px solid var(--ob-line);background:var(--brand-paper);color:var(--ob-ink);font-weight:700;font-size:15px}.lg-demo a:hover{background:var(--tone-accent-8)}.lg-new{text-align:center;font-size:14px;color:var(--color-muted);margin-top:10px}.lg-new a{color:var(--brand-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.lg-done .ob-pill{max-width:320px}.ob-pill[disabled]{opacity:.7;cursor:progress}