:root{color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#888;--user:#0a84ff;--bot:#f1f1f3;--line:#e5e5ea;font-family:-apple-system,system-ui,sans-serif}@media (prefers-color-scheme: dark){:root{--bg:#000;--fg:#f2f2f7;--bot:#1c1c1e;--line:#2c2c2e}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}header{display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;border-bottom:1px solid var(--line)}nav button{background:none;border:1px solid var(--line);color:var(--fg);padding:6px 10px;border-radius:16px;margin-left:6px;font-size:14px}nav button.on{background:var(--user);color:#fff;border-color:var(--user)}main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;max-width:760px;width:100%;margin:0 auto}.empty{color:var(--muted);text-align:center;margin-top:30vh}.bubble{padding:10px 14px;border-radius:18px;margin:6px 0;max-width:85%;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.bubble.user{background:var(--user);color:#fff;margin-left:auto}.bubble.bot{background:var(--bot)}.bubble.bot.failed{border:1px solid #ff3b30}.meta{margin-top:4px}.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--line)}.badge.pending{background:#ffd60a33}.badge.completed{background:#30d15833}.badge.failed{background:#ff3b3033}.badge.needs_approval{background:#ff9f0a44}.dots:after{content:"…";animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.task{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.task-head{display:flex;justify-content:space-between;align-items:center}.result{white-space:pre-wrap;background:var(--bot);padding:8px;border-radius:8px;font-size:13px}.approval button{padding:10px 16px;border-radius:10px;border:0;margin-right:8px;font-size:16px;color:#fff}.approve{background:#30d158}.deny{background:#ff3b30}footer{display:flex;gap:8px;padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--line)}textarea{flex:1;font-size:16px;padding:10px 12px;border-radius:20px;border:1px solid var(--line);background:var(--bg);color:var(--fg);resize:none;font-family:inherit}footer button,.login button{background:var(--user);color:#fff;border:0;border-radius:20px;padding:0 16px;font-size:16px}footer button:disabled{opacity:.4}.err{color:#ff3b30}.bar{padding:6px 12px;font-size:13px}.login{max-width:360px;margin:20vh auto;padding:16px;text-align:center}.login input{width:100%;font-size:16px;padding:12px;border-radius:10px;border:1px solid var(--line);margin-bottom:10px}.login button{padding:12px;width:100%}.imgs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.imgs img{max-width:160px;max-height:160px;border-radius:10px;object-fit:cover;display:block}.previews{display:flex;gap:8px;padding:8px 12px 0;overflow-x:auto}.preview{position:relative}.preview img{width:64px;height:64px;object-fit:cover;border-radius:10px;display:block}.preview button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:11px;border:0;background:#000a;color:#fff;font-size:14px;line-height:22px;padding:0}footer button.photo{background:none;border:1px solid var(--line);color:var(--fg);padding:0 12px;font-size:20px}