:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#000;--surface:#111;--line:#383838;--muted:#aaa;--text:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{background:var(--bg);min-width:320px;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;transition:background .14s,border-color .14s,transform .14s}button:active{transform:scale(.985)}button:disabled{cursor:default;opacity:.38}button:focus-visible,input:focus-visible,.file-picker:focus-within{outline-offset:3px;outline:2px solid #fff}.shell{flex-direction:column;width:min(100%,520px);height:100svh;margin:auto;padding:18px 22px 20px;display:flex}.brand{color:var(--text);letter-spacing:-.025em;flex:none;align-items:center;gap:9px;font-size:16px;font-weight:620;display:flex}.brand-icon{object-fit:cover;background:#000;border-radius:10px;width:32px;height:32px}main{flex:1;place-items:center;min-height:0;display:grid}.screen{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,420px);display:flex}.choices,.send-choices{gap:10px;display:grid}.primary,.secondary{border-radius:15px;width:100%;min-height:52px;padding:0 18px;font-size:14px;font-weight:620}.primary{color:#000;background:#fff}.primary:hover{background:#ddd}.secondary{color:#fff;border:1px solid var(--line);background:#111}.secondary:hover{background:#191919;border-color:#777}.quiet,.code-toggle{min-height:42px;color:var(--muted);background:0 0;padding:8px 14px;font-size:13px;font-weight:520;display:block}.quiet:hover,.code-toggle:hover{color:#fff}.file-picker{border:1px solid var(--line);min-height:58px;color:var(--text);background:var(--surface);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:15px;place-items:center;font-size:14px;font-weight:550;display:grid;overflow:hidden}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.manual{gap:10px;display:grid}.code-input{border:1px solid var(--line);width:100%;height:52px;color:var(--text);letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#080808;border-radius:15px;outline:0;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px}.code-input::placeholder{color:#777;letter-spacing:0;text-transform:none;font-size:14px}.code-input:focus{border-color:#fff}.invite{justify-items:center;gap:8px;display:grid}.qr-placeholder,.qr-code{aspect-ratio:1;border-radius:18px;width:min(276px,78vw);height:auto;padding:0;display:block}.qr-placeholder{background:#000;border:1px solid #383838}.qr-code{cursor:pointer;background:#fff;padding:12px}.code-toggle{color:#fff}.code-value{border:1px solid var(--line);color:#fff;letter-spacing:.12em;background:#0b0b0b;border-radius:12px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:600}.status{color:#c4c4c4;text-align:center;margin:4px 0 0;font-size:13px;line-height:1.4}.progress-track{background:#333;border-radius:8px;height:4px;margin:12px 0 8px;overflow:hidden}.progress-track>div{border-radius:inherit;background:#fff;width:0;height:100%;transition:width .15s}.done{color:#fff;text-align:center;margin:0;font-size:16px}.downloads{gap:8px;max-height:55vh;display:grid;overflow:auto}.download{border:1px solid var(--line);color:#fff;background:#111;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px;font-size:13px;text-decoration:none;display:flex}.download span{color:#fff;flex:none;font-size:18px}.error-copy{color:#eee;text-align:center;margin:0 0 8px;line-height:1.45}.scanner-video{object-fit:cover;background:#080808;border-radius:18px;width:100%;max-height:62vh;display:block}@media (width<=420px){.shell{padding:16px 16px 18px}.brand-icon{width:30px;height:30px}}@media (height<=700px){.shell{padding-top:10px;padding-bottom:10px}.qr-placeholder,.qr-code{width:min(236px,68vw)}.screen{gap:7px}.primary,.secondary{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
