.send h3{margin-bottom:8px;font-size:16px}.send-pair{text-align:center;place-items:center;gap:12px;display:grid}.send-host,.send-guest{justify-items:center;gap:10px;display:grid}.send-qr{background:#fff;border-radius:14px;padding:10px;line-height:0}.send-qr canvas{width:min(260px,70vw);height:auto;image-rendering:pixelated}.send-qrtimer{width:min(280px,72vw);color:var(--muted);font-variant-numeric:tabular-nums;justify-items:center;gap:6px;font-size:13px;display:grid}.send-qrtimer b{background:var(--surface-hi);border-radius:4px;width:100%;height:4px;display:block;overflow:hidden}.send-qrtimer i{transform-origin:0;background:linear-gradient(90deg,#60a5fa,#34d399);height:100%;transition:transform 1s linear;display:block}.send-qrtimer.low{color:#fbbf24}.send-qrtimer.low i{background:#fbbf24}.send-host .bar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.send-lead{max-width:42ch;color:var(--muted)}.send-choose{grid-template-columns:1fr 1fr;gap:10px;width:min(440px,100%);display:grid}.send-guest .btn{justify-content:center;align-items:center;gap:8px;padding:14px 12px;display:inline-flex}.send-guest .btn svg{width:20px;height:20px}.send-saved{text-align:left;width:min(460px,100%)}.send-new{margin:6px 0 0}.dev-list{gap:6px;list-style:none;display:grid}.dev-list li{border:1px solid var(--line);background:#0003;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.dev-list li>div{flex:1;gap:2px;min-width:0;display:grid}.dev-list strong{overflow-wrap:anywhere}.dev-list .st{color:var(--dim);font-size:12px}.dev-list .st.live{color:#6ee7b7}.dev-list button{flex:none;padding:4px 10px;font-size:12px}.send-approve{text-align:center;background:#fbbf2412;border:1px solid #fbbf248c;border-radius:16px;justify-items:center;gap:8px;max-width:460px;margin:4px auto 0;padding:18px;display:grid}.send-approve strong{overflow-wrap:anywhere;font-size:17px}.send-approve .bar{justify-content:center;gap:10px;margin-top:4px;display:flex}.send-state{text-align:center;color:var(--muted);min-height:1.2em;margin:14px 0 6px}.send-state.ok{color:#6ee7b7}.send-state.bad{color:#fda4af}.send-tabs{gap:8px;margin:8px 0 14px;display:grid}.send-tabs h3{margin:0}.tab-lists{gap:10px;display:grid}.tab-card{background:#0003;border:1px solid #60a5fa73;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.tab-card .head{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.tab-card .head strong{flex:12em;font-size:14px}.tab-card .when{color:var(--dim);font-size:12px}.tab-card ul{gap:2px;max-height:22em;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.tab-card li a{color:var(--text);border-radius:8px;padding:7px 8px;text-decoration:none;display:grid}.tab-card li a:hover,.tab-card li a:focus-visible{background:#ffffff0f}.tab-card li .tt{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tab-card li .host{color:#93c5fd;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tab-card .warn{color:#fbbf24;font-size:13px}.send-live{gap:18px;margin-top:8px;display:grid}.send-remember{border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.send-remember label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.send-remember input{accent-color:#34d399;width:18px;height:18px}.send-msgform{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.send-msgform textarea{font:inherit;color:var(--text);border:1px solid var(--line-hi);resize:vertical;background:#00000040;border-radius:12px;min-height:46px;max-height:40vh;padding:10px 12px;font-size:15px}.send-msgs{gap:6px;margin-top:8px;list-style:none;display:grid}.send-msgs li{border:1px solid var(--line);background:#0003;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px 10px;display:grid}.send-msgs li.in{border-color:#60a5fa73}.send-msgs .body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:12em;font-size:14px;overflow:auto}.send-msgs .body a{color:#93c5fd}.send-msgs .dir{color:var(--dim);margin-bottom:2px;font-size:11px;display:block}.send-msgs .acts{gap:6px;display:flex}.send-msgs .chip{padding:4px 10px;font-size:12px;text-decoration:none}.send-cols{gap:16px;display:grid}@media (width>=720px){.send-cols{grid-template-columns:1fr 1fr}}.send-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.send-list{gap:6px;list-style:none;display:grid}.send-list li{border:1px solid var(--line);background:#0003;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.send-list .thumb{object-fit:cover;background:var(--surface-hi);width:44px;height:44px;color:var(--dim);text-transform:uppercase;border-radius:8px;place-items:center;font-size:10px;display:grid;overflow:hidden}.send-list .nm{overflow-wrap:anywhere;font-size:14px}.send-list .sz{color:var(--dim);font-size:12px;display:block}.send-list progress{width:100%;height:6px}.send-list .chip{padding:4px 10px;font-size:12px}.send-live.off .drop,.send-live.off .send-msgform,.send-live.off .send-remember,.send-live.off [data-act=bye]{opacity:.4;pointer-events:none}.send-live>[data-act=bye]{justify-self:center}
