:root{--bg:#f7f7f8;--surface:#fff;--text:#1c1d21;--muted:#5d606b;--border:#d9dae0;--accent:#3b5bdb;--accent-text:#fff;--ok:#2b8a3e;--warn:#b35c00;--bad:#c92a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141518;--surface:#1d1f24;--text:#e8e9ed;--muted:#9a9daa;--border:#33363e;--accent:#748ffc;--accent-text:#0b0c0e;--ok:#69db7c;--warn:#ffa94d;--bad:#ff8787}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 .5rem;font-size:1.75rem}h2,label{margin:0 0 .5rem;font-size:1rem;font-weight:600;display:block}section{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-top:1rem;padding:1rem}.muted{color:var(--muted);font-size:.9rem}.muted:empty{display:none}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}header h1{margin:0}.status{color:var(--warn);font-size:.9rem}.status[data-status=online]{color:var(--ok)}.row,form{gap:.5rem;display:flex}input{min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;flex:1;padding:.5rem .75rem}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}button.primary,button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.home button.primary{margin:1rem 0;padding:.75rem 1.5rem}ul,ol{margin:0;padding:0;list-style:none}.peers li{color:var(--warn);justify-content:space-between;padding:.25rem 0;display:flex}.peers li[data-status=connected]{color:var(--ok)}.peers li[data-status=rejected]{color:var(--bad)}.id{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.log{margin-top:.75rem}.log li{border-top:1px solid var(--border);overflow-wrap:anywhere;padding:.25rem 0}.log .id{color:var(--muted)}.heading{justify-content:space-between;align-items:center;margin-bottom:.5rem}.heading h2{margin:0}.files li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.5rem 0;display:flex}.files .name{overflow-wrap:anywhere;flex:12rem;min-width:0;font-weight:500}.files button{padding:.25rem .75rem}.qr{margin-top:.75rem}.qr svg{border-radius:.5rem;width:min(100%,240px);height:auto;display:block}header .row{align-items:center}