:root{--bg:#fafaf9;--surface:#fff;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--accent:#2563eb;--accent-text:#fff;--mine:#dbeafe;--error:#dc2626;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0a09;--surface:#1c1917;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--accent:#3b82f6;--mine:#1e3a5f;--error:#f87171}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%}button,.button,input{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.55em .9em}button,.button{cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--muted)}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.primary:hover{filter:brightness(1.08);border-color:var(--accent)}.ghost{background:0 0;border-color:#0000}input{min-width:0}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.error{color:var(--error)}.center{text-align:center}.code{letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,monospace}.home{flex-direction:column;gap:12px;max-width:360px;margin:0 auto;padding:12vh 16px 32px;display:flex}.home h1{margin:0;font-size:2rem}.home p{margin:0 0 12px}.join{gap:8px;display:flex}.join input{text-transform:uppercase;letter-spacing:.08em;flex:1}.scanner{flex-direction:column;gap:8px;display:flex}.scanner-actions{gap:8px;display:flex}.scanner-actions button{flex:1}.scanner video{border-radius:var(--radius);aspect-ratio:1;object-fit:cover;background:#000;width:100%}.room{flex-direction:column;max-width:720px;height:100%;margin:0 auto;display:flex}.room header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.room .title{flex:1;align-items:baseline;gap:6px;display:flex}.peers{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.peer{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.2em .7em;font-size:.85em}.peer.me{border-style:dashed}.log{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.notice{text-align:center;color:var(--muted);margin:0;font-size:.8em}.msg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;align-self:flex-start;max-width:min(85%,480px);padding:6px 10px 8px}.msg.mine{background:var(--mine);border-color:#0000;align-self:flex-end}.msg p{white-space:pre-wrap;margin:0}.from{color:var(--muted);margin-bottom:2px;font-size:.75em;display:block}.file-card{min-width:min(85%,300px)}.file{align-items:center;gap:10px;display:flex}.file-icon{font-size:1.6em}.file-info{flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-status{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:.9em;display:flex}.file-status progress{height:6px;accent-color:var(--accent);flex:100%}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);gap:8px;display:flex}.composer input{flex:1}dialog.qr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:center;padding:20px}dialog.qr canvas{background:#fff;border-radius:8px}dialog.qr p{margin:8px 0 12px;font-size:1.3em}dialog::backdrop{background:#00000073}.drop{border:2px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 85%, transparent);pointer-events:none;place-items:center;font-size:1.3em;display:grid;position:fixed;inset:12px}