:root{color-scheme:light dark;--bg: #0b0f17;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--border: rgba(255, 255, 255, .16);--accent: #6ee7ff;--danger: #ff6b6b;--ok: #77ff9a;--shadow: rgba(0, 0, 0, .35);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}@media(prefers-color-scheme:light){:root{--bg: #f6f8ff;--panel: rgba(0, 0, 0, .05);--panel2: rgba(0, 0, 0, .08);--text: rgba(0, 0, 0, .9);--muted: rgba(0, 0, 0, .62);--border: rgba(0, 0, 0, .12);--shadow: rgba(0, 0, 0, .12)}}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 10% 10%,rgba(110,231,255,.16),transparent),radial-gradient(1000px 560px at 80% 0%,rgba(119,255,154,.12),transparent),var(--bg);color:var(--text)}a{color:inherit}.app{max-width:1100px;margin:0 auto;padding:18px 16px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:14px;box-shadow:0 12px 30px var(--shadow)}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#6ee7ffe6,#77ff9ad9);box-shadow:inset 0 0 0 1px #ffffff2e}.brand .title{font-weight:700;letter-spacing:.2px}.brand .subtitle{font-size:12px;color:var(--muted)}.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;padding:8px 10px;border-radius:10px;border:1px solid transparent;color:var(--muted)}.nav a.active{color:var(--text);border-color:var(--border);background:#ffffff0f}.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}@media(min-width:980px){.grid{grid-template-columns:1.15fr .85fr}}.card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:14px;box-shadow:0 12px 30px var(--shadow)}.card h2{margin:0 0 8px;font-size:16px}.card p{margin:6px 0;color:var(--muted);line-height:1.5}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{cursor:pointer;border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:12px;font-weight:600}.btn.primary{border-color:#6ee7ff59;background:linear-gradient(135deg,#6ee7ff2e,#77ff9a1f)}.btn.danger{border-color:#ff6b6b59;background:#ff6b6b1f}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill .dot{width:8px;height:8px;border-radius:999px;background:var(--muted)}.pill.ok .dot{background:var(--ok)}.pill.bad .dot{background:var(--danger)}textarea{width:100%;min-height:130px;resize:vertical;border-radius:12px;border:1px solid var(--border);background:#0000002e;color:var(--text);padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;box-sizing:border-box}@media(prefers-color-scheme:light){textarea{background:#ffffffb3}}input[type=text],select{border-radius:10px;border:1px solid var(--border);background:#0000002e;color:var(--text);padding:9px 10px}@media(prefers-color-scheme:light){input[type=text],select{background:#ffffffb3}}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:820px){.split{grid-template-columns:1fr 1fr}}.qr{display:grid;place-items:center;border:1px dashed var(--border);border-radius:14px;padding:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.progress{height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#6ee7ffe6,#77ff9ae6);width:0%}.kvs{display:grid;gap:6px;margin-top:8px}.kv{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.kv .k{color:var(--muted)}.kv .v{color:var(--text)}.chatLog{border:1px solid var(--border);border-radius:14px;background:#0000001f;padding:10px;height:320px;overflow:auto}@media(prefers-color-scheme:light){.chatLog{background:#ffffff8c}}.chatRow{display:flex;margin:8px 0}.chatRow.me{justify-content:flex-end}.chatRow.peer,.chatRow.system{justify-content:flex-start}.chatBubble{max-width:min(520px,88%);border:1px solid var(--border);border-radius:14px;padding:10px 10px 8px;background:#ffffff0f}.chatBubble.me{border-color:#6ee7ff59;background:linear-gradient(135deg,#6ee7ff29,#77ff9a14)}.chatBubble.system{opacity:.9}.chatText{white-space:pre-wrap;word-break:break-word;line-height:1.45}.chatMeta{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;align-items:center}.btn.chatCopy{padding:6px 8px;border-radius:10px;font-weight:600}