:root{--bg: #0f1115;--surface: #171a21;--surface-hi: #1f232c;--border: #2a2f3a;--text: #e6e8ee;--muted: #8b93a5;--accent: #4f46e5;--accent-hi: #6366f1;--danger: #ef4444;--ok: #22c55e;--star: #f59e0b;--radius: 10px;color-scheme:dark light}@media(prefers-color-scheme:light){:root{--bg: #f7f8fa;--surface: #ffffff;--surface-hi: #eef0f5;--border: #dfe3ea;--text: #1a1d24;--muted: #6b7280}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.5 system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer}input,textarea{width:100%;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:none}.primary{padding:9px 16px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:500}.primary:hover:not(:disabled){background:var(--accent-hi)}.primary:disabled{opacity:.5;cursor:default}.ghost{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);white-space:nowrap}.ghost:hover:not(:disabled){background:var(--surface-hi)}.ghost.danger{color:var(--danger);border-color:var(--danger)}.icon-btn{border:none;background:transparent;color:var(--muted);padding:4px 7px;border-radius:6px;font-size:14px}.icon-btn:hover{background:var(--surface-hi);color:var(--text)}.icon-btn.on{color:var(--star)}.muted{color:var(--muted)}.small{font-size:12px}.app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{font-weight:600;letter-spacing:.3px;flex:none}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.dot.on{background:var(--ok)}.topbar .search{flex:1;min-width:0;padding:6px 10px}.connect{flex:1;display:grid;place-items:center;padding:24px;text-align:center}.connect-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:360px}.connect-card h1{margin:0;font-size:22px}.qr{width:232px;height:232px;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;image-rendering:pixelated}.qr-slot{display:grid;place-items:center;width:232px;height:232px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.steps{margin:0;padding-left:20px;text-align:left;color:var(--muted);font-size:13px}.steps li{margin:3px 0}.items{list-style:none;margin:0;padding:10px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.item .body{text-align:left;border:none;background:none;color:inherit;padding:0;font:inherit;width:100%}.item .text{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:break-word}.item .thumb{max-height:180px;max-width:100%;border-radius:6px;object-fit:contain;display:block}.item .foot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.item .foot .spacer{flex:1}.empty{flex:1;display:grid;place-items:center;color:var(--muted);padding:40px 20px;text-align:center}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--border);background:var(--surface)}.composer textarea{min-height:42px;max-height:140px}.sheet{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;padding:20px}.sheet-card{width:min(440px,100%);max-height:80vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.sheet-card h2{margin:0 0 12px;font-size:16px}.devices{list-style:none;padding:0;margin:0 0 14px}.devices li{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.devices li:last-child{border-bottom:none}.devices .name{flex:1;min-width:0}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:76px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:10}.toast{padding:8px 14px;border-radius:var(--radius);background:var(--surface-hi);border:1px solid var(--border);font-size:13px;box-shadow:0 6px 20px #0000004d}.toast.error{border-color:var(--danger);color:var(--danger)}