:root{color-scheme:light;--bg: #f6f7f9;--panel: #ffffff;--line: #dfe3ea;--text: #0d1014;--muted: #4a5260;--accent: #1d4ed8;--on-accent: #ffffff;--term: #0d1014;--press: #eef1f5;--mine: #1d4ed8;--idle: #98a1b0;--working: #d97706;--blocked: #dc2626;--done: #15a34a;--chat: 17px}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d10;--panel: #1a1f26;--line: #2b3240;--text: #f0f3f8;--muted: #9aa4b4;--accent: #3b82f6;--on-accent: #ffffff;--term: #d7dde8;--press: #232a33;--mine: #2563eb;--idle: #6b7280;--working: #f5a623;--blocked: #ff4d4f;--done: #3ddc84}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel);flex:none;display:flex;gap:8px;align-items:center}header .name{flex:1;min-width:0;font-weight:650;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header .sub{color:var(--muted);font-size:12px;font-weight:400}.dot{width:11px;height:11px;border-radius:50%;flex:none;background:var(--idle)}.dot.working{background:var(--working)}.dot.blocked{background:var(--blocked)}.dot.done{background:var(--done)}button{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:15px;font-family:inherit}button:active{background:var(--press)}button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}header button{flex:none;padding:8px 10px}#devices{flex:1;overflow-y:auto;padding:10px;display:none}#devices.on{display:block}#list{flex:1;overflow-y:auto;padding:10px;display:none;flex-direction:column;gap:10px}#list.on{display:flex}.card{display:flex;gap:11px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 14px;width:100%;color:var(--text)}.card .who{flex:1;min-width:0}.card .t{display:block;font-size:18px;font-weight:650}.card .s{display:block;color:var(--muted);font-size:13px;margin-top:3px}.card .chev{color:var(--muted);flex:none;font-size:20px}#chat{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px 6px;display:none;flex-direction:column;gap:9px}#chat.on{display:flex}.bubble{max-width:88%;padding:11px 14px;border-radius:17px;font-size:var(--chat);line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.user{align-self:flex-end;background:var(--mine);color:#fff;border-bottom-right-radius:5px}.bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#7f7f7f2e;padding:1px 5px;border-radius:5px}.bubble.pending{opacity:.55}.bubble.shot{padding:4px;max-width:78%}.bubble.shot img{display:block;width:100%;height:auto;border-radius:13px;background:var(--press);min-height:90px}.shot-failed{color:var(--muted);font-size:13px;padding:6px 10px;display:block}.hint{color:var(--muted);font-size:14px;text-align:center;padding:22px 10px}#term{flex:1;margin:0;padding:10px 12px;overflow-y:auto;overflow-x:hidden;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--term);display:none}#term.on{display:block}#term div{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.5em}footer{border-top:1px solid var(--line);padding:8px 10px 10px;background:var(--panel);flex:none}textarea{width:100%;height:46px;resize:none;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:17px;font-family:inherit;transition:height .15s}textarea:focus,textarea.tall{height:108px}.keys{display:none;gap:6px;margin-top:8px}.keys.on{display:flex}.keys button{flex:1;min-width:0}#attached{display:flex;gap:9px;align-items:center;margin-top:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:7px 9px}#attached img{width:42px;height:42px;object-fit:cover;border-radius:8px;flex:none}#attached span{flex:1;min-width:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#attached-drop{flex:none;padding:5px 11px;font-size:17px}.actions{display:flex;gap:8px;margin-top:8px;align-items:center}#photo{flex:none;width:52px;font-size:18px}#mic{flex:none;width:58px;font-size:19px}#mic.on{background:var(--blocked);border-color:var(--blocked);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){#mic.on{animation:none}}#send{flex:1;background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650;font-size:16px}#send:disabled{opacity:.5}#flash{color:var(--muted);font-size:12px;min-height:16px;margin-top:5px}#flash.err{color:var(--blocked)}#editor{position:fixed;inset:0;z-index:50;background:#0a0c0f;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#editor.hidden{display:none}#editor-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}#editor-canvas{max-width:100%;max-height:100%;touch-action:none;border-radius:10px}#editor-colors{display:flex;gap:10px;justify-content:center;padding:10px 12px 2px}.swatch{width:36px;height:36px;border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.35)}.swatch.on{border-color:#fff;transform:scale(1.18)}#editor-bar{display:flex;gap:8px;padding:12px}#editor-bar button{flex:1;min-width:0;background:#1b2028;color:#eef1f6;border-color:#2c3340}#editor-done{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:650}#gate{padding:24px 16px;display:none}#gate.on{display:block}#gate input{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:17px;font-family:inherit}#gate button{width:100%;margin-top:10px}.hidden{display:none!important}