:root{--bg:#f4f5f7;--fg:#1a1d23;--muted:#6b7280;--card:#fff;--line:#e3e6eb;--accent:#2563eb;--accent-fg:#fff;--danger:#dc2626;--ok:#16a34a;--warn-bg:#fff7e6;--warn-line:#f5c26b;--input:#fff;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--fg:#e6e8eb;--muted:#9aa3af;--card:#181b22;--line:#2a2f39;--accent:#3b82f6;--input:#11141a;--warn-bg:#2a2212;--warn-line:#7a5b1d}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.danger{color:var(--danger)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled),button.ghost.active{border-color:var(--line);background:var(--card)}.small-btn{padding:2px 8px;font-size:12px}input,select{border:1px solid var(--line);background:var(--input);border-radius:8px;min-width:0;padding:7px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.ok{color:var(--ok)}.hidden{visibility:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:var(--ok)}.home{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand{align-items:center;gap:8px;font-weight:600;display:flex}.logo{color:var(--accent);font-size:18px}.home-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;padding:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 12px;font-size:15px}.card h3{color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:600}.status-line{align-items:center;gap:8px;margin-bottom:8px;display:flex}.field-label{color:var(--muted);margin-top:12px;font-size:12px;display:block}.big-id{letter-spacing:1px;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:30px;font-weight:600}.otp-row{align-items:center;gap:8px;display:flex}.otp{-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:20px}.warn-box{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:8px;gap:8px;margin-top:16px;padding:10px 12px;display:grid}.perm-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.connect-row{gap:8px;display:flex}.connect-row input{flex:1;font-size:16px}.book{margin:0;padding:0;list-style:none}.book li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.book-edit{flex:1;gap:6px;display:flex}.book-edit input{flex:1}.book-main{cursor:default;flex:1;min-width:0}.incoming-item{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px}.incoming-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop.alert{z-index:60}.modal{background:var(--card);border:1px solid var(--line);border-radius:12px;width:min(420px,100%);max-height:100%;padding:20px;overflow:auto}.modal.wide{width:min(560px,100%)}.modal h2{margin:0 0 12px;font-size:16px}.modal label{gap:4px;margin-bottom:10px;display:grid}.modal label.check,label.check{align-items:center;gap:8px;display:flex}label.check.inline{white-space:nowrap;margin:0;font-size:12px}fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:10px 12px}legend{color:var(--muted);padding:0 4px;font-size:12px}.pw-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pw-row input{flex:120px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.session{flex-direction:column;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.toolbar select{padding:4px 8px}.target{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;margin-right:8px;overflow:hidden}.spacer{flex:1}.notice{background:var(--warn-bg);border-bottom:1px solid var(--warn-line);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.session-body{flex:1;min-height:0;display:flex}.surface{background:#000;outline:none;flex:1;min-width:0;position:relative}.surface video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.overlay{color:#e6e8eb;background:var(--bg);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay>p{color:var(--fg)}.auth-box{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:12px;gap:10px;width:min(380px,100%);padding:20px;display:grid}.auth-box h2{margin:0;font-size:16px}.side-panel{border-left:1px solid var(--line);background:var(--card);flex-direction:column;width:300px;min-height:0;padding:10px;display:flex}.side-panel.wide{width:420px}.side-panel h3{margin:4px 0 8px;font-size:13px}.chat-log{flex-direction:column;flex:1;gap:6px;padding:4px 0;display:flex;overflow:auto}.chat-log.compact{max-height:160px;margin:8px 0}.chat-line{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:10px;align-self:flex-start;max-width:85%;padding:6px 10px}.chat-line.me{background:var(--accent);color:var(--accent-fg);align-self:flex-end}.chat-input{gap:6px;margin-top:6px;display:flex}.chat-input input{flex:1}.files{flex-direction:column;height:100%;min-height:0;display:flex}.path-row,.file-actions{align-items:center;gap:4px;margin-bottom:6px;display:flex}.path-row input{flex:1}.file-list,.transfers{margin:0;padding:0;list-style:none;overflow:auto}.file-list{border:1px solid var(--line);border-radius:8px;flex:1;min-height:120px}.file-list li{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:4px 8px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.transfers{max-height:200px}.transfers li{border-bottom:1px solid var(--line);padding:4px 0}.transfer-head{align-items:center;gap:6px;display:flex}.transfers progress{width:100%}.center-screen{place-items:center;height:100%;display:grid}@media (max-width:640px){.side-panel,.side-panel.wide{z-index:5;width:min(100%,360px);position:absolute;top:0;bottom:0;right:0}.session-body{position:relative}}