:root{--bg:#0b1116;--surface:#121a22;--surface-2:#17222c;--border:#94a3b824;--border-strong:#94a3b83d;--text:#e8eef4;--muted:#93a3b4;--faint:#66788a;--accent:#2dd4bf;--accent-strong:#14b8a6;--danger:#fca5a5;--ok:#34d399;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:radial-gradient(900px 520px at 50% -10%, #2dd4bf17, transparent 65%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:28px 16px 40px;font-size:14px;line-height:1.5}.shell{width:min(920px,100%);margin:0 auto}.masthead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:44px;height:44px;color:var(--accent);background:#2dd4bf1a;border:1px solid #2dd4bf47;border-radius:14px;place-items:center;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:20px}h1 span{letter-spacing:.06em;color:var(--accent);vertical-align:middle;margin-left:6px;font-size:12px;font-weight:600}.tagline{color:var(--muted);margin:2px 0 0;font-size:12px}.back-link{color:var(--muted);border-bottom:1px dotted var(--faint);flex:none;font-size:12.5px;text-decoration:none}.back-link:hover{color:var(--accent)}.card{border:1px solid var(--border);background:linear-gradient(#131b23 0%,#0e1419 100%);border-radius:20px;padding:22px;box-shadow:0 30px 80px #0006}.landing h2{letter-spacing:-.02em;margin:0 0 8px;font-size:20px}.lede{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.65}.label{color:var(--muted);margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.input{border:1px solid var(--border-strong);width:100%;color:var(--text);font:inherit;background:#04080b6b;border-radius:11px;padding:10px 12px;font-size:13.5px}.input:focus{border-color:#2dd4bf8c;outline:none;box-shadow:0 0 0 3px #2dd4bf1a}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.panel{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:16px}.panel h3{margin:0 0 4px;font-size:14px}.panel p{color:var(--faint);margin:0 0 12px;font-size:12px;line-height:1.5}.join-row{gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.22em;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}.btn{border:1px solid var(--border-strong);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0b;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:#ffffff14}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{color:var(--accent);background:#2dd4bf24;border-color:#2dd4bf52}.btn-accent:hover{background:#2dd4bf38}.btn-sm{border-radius:9px;padding:6px 10px;font-size:12px}.advanced{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.advanced summary{cursor:pointer;color:var(--muted);font-size:12.5px}.advanced[open] summary{margin-bottom:6px}.check{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:12.5px;display:flex}.hint{color:var(--faint);margin:8px 0 0;font-size:11.5px;line-height:1.5}.hint code{background:#ffffff0f;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.error{color:var(--danger);background:#f8717114;border:1px solid #f871714d;border-radius:10px;margin:14px 0 0;padding:9px 11px;font-size:12px;line-height:1.5}.room{flex-direction:column;gap:12px;display:flex}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.room-code-wrap{align-items:center;gap:9px;display:flex}.room-label{color:var(--faint);font-size:11.5px}.room-code{color:var(--accent);letter-spacing:.22em;background:#2dd4bf12;border:1px dashed #2dd4bf66;border-radius:9px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.status-pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;display:inline-flex}.status-pill[data-kind=ok]{color:var(--ok);border-color:#34d39966}.status-pill[data-kind=error]{color:var(--danger);border-color:#f8717166}.status-pill[data-kind=pending]{color:#fcd34d;border-color:#fbbf244d}.peer-line{border:1px solid var(--border);color:var(--muted);background:#ffffff05;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.pulse-dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.status-pill[data-kind=ok]+.peer-line .pulse-dot,.peer-line .pulse-dot{background:var(--ok);box-shadow:0 0 0 3px #34d39924}.link-button{color:var(--faint);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;text-decoration:underline}.chat{border:1px solid var(--border);background:#04080b52;border-radius:14px;flex-direction:column;gap:8px;min-height:300px;max-height:46vh;padding:14px;display:flex;overflow-y:auto}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;max-width:min(78%,560px);padding:8px 11px}.bubble-row.mine .bubble{background:#2dd4bf1f;border-color:#2dd4bf4d}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}.bubble-time{color:var(--faint);text-align:right;margin-top:3px;font-size:10px;display:block}.system-line{color:var(--faint);text-align:center;margin:2px 0;font-size:11.5px}.file-card{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;align-self:flex-start;width:min(420px,100%);padding:11px 12px}.file-card.mine{align-self:flex-end}.file-top{justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-size{color:var(--faint);flex:none;font-size:11px}.file-progress{background:#ffffff12;border-radius:999px;height:5px;margin:9px 0 7px;overflow:hidden}.file-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent));width:0;height:100%;transition:width .15s;display:block}.file-foot{color:var(--faint);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.file-download{padding:4px 9px;font-size:11px}.composer{border:1px solid var(--border-strong);background:#04080b6b;border-radius:14px;align-items:flex-end;gap:8px;padding:8px;display:flex}.attach{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.attach:hover{color:var(--accent);border-color:#2dd4bf66}.message-input{min-height:36px;max-height:120px;color:var(--text);font:inherit;resize:none;background:0 0;border:0;flex:1;padding:8px 4px;font-size:13.5px;line-height:1.45}.message-input:focus{outline:none}.message-input:disabled{color:var(--faint)}.send-button{color:#05231e;width:36px;height:36px;font:inherit;cursor:pointer;background:linear-gradient(160deg,#3ce4cc,#14b8a6);border:0;border-radius:10px;flex:none;font-size:12px;font-weight:700}.send-button:disabled{opacity:.4;cursor:not-allowed}.foot{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:16px;padding:0 4px;font-size:11px;display:flex}@media (max-width:620px){body{padding:16px 12px 28px}.card{border-radius:16px;padding:16px}.grid{grid-template-columns:1fr}.room-head{flex-direction:column;align-items:flex-start}.chat{max-height:52vh;padding:10px}.bubble{max-width:88%}}.identity{color:var(--muted);margin:0 0 16px;font-size:13px}.identity strong{color:var(--text);font-weight:650}.theme-button{border:1px solid var(--border-strong);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:11px;flex:none;place-items:center;font-size:17px;display:grid}.theme-button:hover{color:var(--accent);background:#2dd4bf14;border-color:#2dd4bf66}html[data-theme=light]{--bg:#f3f7f4;--surface:#fff;--surface-2:#eef4f0;--border:#102d261f;--border-strong:#102d2633;--text:#10231f;--muted:#52665e;--faint:#7c8f86;--accent:#0f9f8c;--accent-strong:#0b7f70;--danger:#dc2626;--ok:#059669;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background:radial-gradient(900px 520px at 50% -10%, #0f9f8c1a, transparent 65%), var(--bg)}html[data-theme=light] .card{background:linear-gradient(#fff 0%,#f7fbf8 100%);box-shadow:0 24px 60px #102d261a}html[data-theme=light] .panel,html[data-theme=light] .chat,html[data-theme=light] .composer,html[data-theme=light] .file-card,html[data-theme=light] .camera,html[data-theme=light] .input{background:#ffffffdb}html[data-theme=light] .input,html[data-theme=light] .message-input,html[data-theme=light] .composer{color:var(--text)}html[data-theme=light] .message-input{background:0 0}html[data-theme=light] .submit,html[data-theme=light] .send-button{color:#04241f}html[data-theme=light] .code-input{background:#fff}