.invite{gap:var(--s-3);border:2px solid var(--leaf);border-radius:var(--r-2);padding:var(--s-4);background:var(--paper);display:grid}.invite h2{font-size:var(--fs-3)}.invite .btn{min-height:var(--tap);cursor:pointer;width:auto;font-size:var(--fs-1);min-width:0}.invite .btn-primary{background:var(--leaf);color:var(--on-leaf);border:0}.invite .btn-primary:hover{background:var(--leaf-strong)}.invite .btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.invite-main{gap:var(--s-4);grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;display:grid}.invite-qr .qr{border-radius:var(--r-1);width:100%;max-width:220px;height:auto;display:block}.qr-loading{min-height:160px;color:var(--ink-2);font-size:var(--fs-0);place-items:center;display:grid}.invite-side{gap:var(--s-3);min-width:0;display:grid}.invite-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.invite-printed input{max-width:8rem}.invite-mode legend{width:100%;margin-bottom:6px;font-weight:700}.invite-each{gap:var(--s-3);display:grid}.invite-each .field input{max-width:8rem}.invite-list{gap:var(--s-2);max-height:22rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.invite-list li{gap:var(--s-2);grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:center;display:grid}.invite-list label{font-weight:700}.qr-overlay{z-index:50;align-content:center;justify-items:center;gap:var(--s-4);padding:var(--s-5);color:#13302a;background:#fff;display:grid;position:fixed;inset:0;overflow:auto}.qr-overlay .qr{width:min(80vmin,640px);height:auto}.qr-overlay-title{font:800 var(--fs-5) / var(--lh-tight) var(--font-display);text-align:center}.qr-overlay-scan{font-size:var(--fs-3);font-weight:700}.invite-sheet{display:none}@media print{html.print-invite body *{visibility:hidden}html.print-invite .invite-sheet,html.print-invite .invite-sheet *{visibility:visible}html.print-invite .invite-sheet{color:#000;background:#fff;justify-items:center;gap:12mm;padding:20mm;display:grid;position:absolute;inset:0}html.print-invite .invite-sheet .qr{width:120mm;height:auto}.invite-sheet-title{font:800 28pt / 1.1 var(--font-display);text-align:center}.invite-sheet-scan{font:700 18pt var(--font-text)}}@media (width<=560px){.invite-main{grid-template-columns:minmax(0,1fr)}.invite-qr .qr{margin:0 auto}.invite-list li{grid-template-columns:minmax(0,1fr) auto}.invite-list label{grid-column:1/-1}}