@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFF7F1;--bg-soft: #FFEFE5;--bg-deeper: #FFE0C2;--ink: #2A1A14;--ink-soft: #5a3f33;--ink-mute: #8a6b5e;--accent: #FF706D;--accent-hover: #ff5a56;--accent-soft: #FFB8A8;--spark: #F5A623;--card: #ffffff;--border: rgba(42, 26, 20, .08);--border-strong: rgba(42, 26, 20, .14);--shadow-sm: 0 2px 6px rgba(255, 112, 109, .15);--shadow-md: 0 8px 24px rgba(42, 26, 20, .06);--shadow-lg: 0 20px 60px rgba(255, 112, 109, .15);--accent-grad: linear-gradient(120deg, var(--accent) 0%, #ff8a5b 100%);--warm-grad: linear-gradient(135deg, #FFE9DC 0%, #FFC8B6 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-bubble: 22px;--radius-pill: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body,#root{height:100%;width:100%}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--accent-soft);color:#fff;box-shadow:none;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-soft);padding:.4rem .7rem;font-size:.78rem;min-height:0}.btn-ghost:hover{color:var(--accent);background:#ff706d14}.app{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;background:var(--card);box-shadow:var(--shadow-md);padding-left:var(--safe-left);padding-right:var(--safe-right)}.header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;padding-top:calc(.7rem + var(--safe-top));border-bottom:1px solid var(--border);background:var(--card);gap:.5rem;flex-shrink:0}.header-left{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1}.avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.avatar img{width:78%;height:78%;object-fit:contain}.avatar.with-status:after{content:"";position:absolute;bottom:0;right:0;width:11px;height:11px;border-radius:50%;background:var(--ink-mute);border:2px solid var(--card)}.avatar.with-status.online:after{background:#22c55e}.avatar.with-status.warning:after{background:var(--spark)}.header-info{display:flex;flex-direction:column;min-width:0;flex:1}.header-title{font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{font-size:.74rem;color:var(--ink-soft);line-height:1.2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.icon-btn{background:transparent;width:36px;height:36px;border-radius:50%;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;padding:0;min-height:0}.icon-btn:hover{background:var(--bg-soft);color:var(--accent)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem 1rem 1rem;-webkit-overflow-scrolling:touch;background:var(--bg);overscroll-behavior:contain}.stream-container{display:flex;flex-direction:column;gap:.25rem}.stream-toolbar{position:sticky;top:0;display:flex;justify-content:flex-end;padding:.25rem 0 .5rem;background:linear-gradient(180deg,var(--bg) 60%,rgba(255,247,241,0));z-index:10}.msg-row{display:flex;align-items:flex-end;gap:.45rem;margin-top:.4rem}.msg-row.user{justify-content:flex-end}.msg-row.agent{justify-content:flex-start}.msg-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.msg-avatar img{width:78%;height:78%;object-fit:contain}.msg-bubble{max-width:78%;padding:.6rem .9rem;border-radius:var(--radius-bubble);font-size:.92rem;line-height:1.45;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;animation:pop-in .2s ease-out}.msg-bubble.agent{background:var(--card);color:var(--ink);border:1px solid var(--border);border-bottom-left-radius:6px}.msg-bubble.user{background:var(--accent-grad);color:#fff;border-bottom-right-radius:6px;box-shadow:var(--shadow-sm)}.system-notice{align-self:center;margin:.5rem auto;padding:.3rem .75rem;font-size:.75rem;color:var(--ink-mute);background:var(--bg-soft);border-radius:var(--radius-pill);max-width:80%;text-align:center}.activity-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.82rem;color:var(--ink-soft);margin:.2rem auto;max-width:92%;width:100%}.activity-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.activity-row strong{color:var(--ink);font-weight:600}.activity-row .activity-time{margin-left:auto;font-size:.7rem;color:var(--ink-mute);flex-shrink:0}.activity-row.warn{background:#f5a62314;border-color:#f5a62340;color:#92400e}.activity-row.warn strong{color:#7c2d12}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink-soft);padding:2rem 1.5rem}.empty-avatar{width:88px;height:88px;border-radius:28px;background:var(--warm-grad);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;box-shadow:var(--shadow-lg)}.empty-avatar img{width:70%;height:70%;object-fit:contain}.empty-state h3{font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:.35rem}.empty-state p{font-size:.85rem;color:var(--ink-soft);max-width:280px;line-height:1.5}.thinking-bubble{display:inline-flex;align-items:center;gap:4px;padding:.85rem .95rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-bubble);border-bottom-left-radius:6px}.thinking-bubble span{width:7px;height:7px;border-radius:50%;background:var(--accent-soft);animation:dot-bounce 1.4s infinite ease-in-out}.thinking-bubble span:nth-child(2){animation-delay:.15s;background:var(--accent)}.thinking-bubble span:nth-child(3){animation-delay:.3s}.prompt-section{padding:.7rem .9rem .95rem;padding-bottom:calc(.95rem + var(--safe-bottom));border-top:1px solid var(--border);background:var(--card);flex-shrink:0}.prompt-row{display:flex;align-items:center;gap:.4rem;background:var(--bg-soft);border:1px solid transparent;border-radius:24px;padding:4px 4px 4px 6px;transition:all .15s}.prompt-row:focus-within{background:var(--card);border-color:#ff706d4d;box-shadow:0 0 0 4px #ff706d1f}.prompt-row input{flex:1;background:transparent;border:none;padding:.55rem .75rem;font-size:16px;min-width:0}.prompt-row input:focus{background:transparent;box-shadow:none;border:none}.prompt-row input:disabled{background:transparent}.send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;box-shadow:var(--shadow-sm);border:none;min-height:0}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{background:var(--accent-soft);box-shadow:none;cursor:not-allowed}.pairing-wrap{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;background:var(--warm-grad);padding:1.5rem;padding-top:calc(1.5rem + var(--safe-top));padding-bottom:calc(1.5rem + var(--safe-bottom));padding-left:calc(1.5rem + var(--safe-left));padding-right:calc(1.5rem + var(--safe-right));overflow-y:auto;-webkit-overflow-scrolling:touch}.pairing-card{background:var(--card);border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:360px;text-align:center;border:1px solid var(--border)}.pairing-logo{width:80px;height:80px;border-radius:26px;background:var(--bg-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.pairing-logo img{width:76%;height:76%;object-fit:contain}.pairing-title{font-size:1.4rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;letter-spacing:-.01em}.pairing-sub{color:var(--ink-soft);font-size:.85rem;margin-bottom:1.5rem;line-height:1.5}.security-notice{background:#f5a6231a;border:1px solid rgba(245,166,35,.3);color:#7c2d12;border-radius:var(--radius-md);padding:.7rem .85rem;font-size:.78rem;text-align:left;margin-bottom:1.5rem;line-height:1.5}.code-input{text-align:center;font-size:1.5rem;letter-spacing:.25em;font-family:SF Mono,Menlo,monospace;padding:.85rem;margin-bottom:.85rem;font-weight:600;color:var(--ink)}.full-btn{width:100%;padding:.85rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);min-height:44px}.mode-badge{font-family:inherit;font-size:.7rem;font-weight:600;padding:.3rem .65rem;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;letter-spacing:.02em;min-height:0;transition:all .15s ease}.mode-badge-trust{background:#ff706d1a;color:var(--accent);border-color:#ff706d40}.mode-badge-trust:hover{background:#ff706d2e}.mode-badge-readonly{background:#22c55e1a;color:#166534;border-color:#22c55e4d}.mode-badge-readonly:hover{background:#22c55e2e}.mode-badge-approve{background:#f5a6231f;color:#92400e;border-color:#f5a62359}.mode-badge-approve:hover{background:#f5a62333}.mode-menu{position:absolute;top:calc(56px + var(--safe-top));right:12px;width:min(320px,calc(100vw - 24px));background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.4rem;z-index:50;display:flex;flex-direction:column;gap:2px}.mode-option{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.65rem .75rem;cursor:pointer;color:var(--ink);min-height:0}.mode-option:hover{background:var(--bg-soft)}.mode-option.active{background:#ff706d14;border-color:#ff706d40}.mode-option-title{font-size:.88rem;font-weight:600;margin-bottom:.2rem;color:var(--ink)}.mode-option-desc{font-size:.74rem;color:var(--ink-soft);line-height:1.4}.tool-call-row{display:flex;align-items:center;gap:.55rem;padding:.4rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8rem;color:var(--ink-soft);margin:.2rem auto;max-width:92%;width:100%;font-family:SF Mono,Menlo,monospace}.tool-call-icon{font-size:.95rem;width:1.1rem;flex-shrink:0;text-align:center}.tool-call-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:500;min-width:0}.tool-call-status{font-weight:600;flex-shrink:0;font-size:.85rem}.tool-call-pending{border-left:3px solid var(--ink-mute)}.tool-call-in_progress{border-left:3px solid var(--spark);background:#f5a6230a}.tool-call-in_progress .tool-call-status{color:var(--spark)}.tool-call-completed{border-left:3px solid #22c55e;opacity:.85}.tool-call-completed .tool-call-status{color:#22c55e}.tool-call-failed{border-left:3px solid var(--accent);background:#ff706d0d}.tool-call-failed .tool-call-status{color:var(--accent)}.plan-card{background:linear-gradient(135deg,#ff706d0d,#f5a6230d);border:1px solid rgba(255,112,109,.18);border-radius:var(--radius-md);padding:.7rem .95rem;margin:.4rem 0}.plan-head{font-size:.78rem;font-weight:600;color:var(--ink);margin-bottom:.45rem}.plan-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.plan-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--ink-soft);line-height:1.4}.plan-bullet{font-family:SF Mono,Menlo,monospace;width:1rem;flex-shrink:0;color:var(--ink-mute);text-align:center}.plan-completed{color:var(--ink-mute);text-decoration:line-through}.plan-completed .plan-bullet{color:#22c55e}.plan-in_progress .plan-bullet{color:var(--spark)}.permission-prompt{background:var(--card);border:2px solid var(--accent);border-radius:var(--radius-md);padding:.8rem .95rem;margin:.5rem 0;box-shadow:0 4px 16px #ff706d1f;animation:pop-in .25s ease-out}.permission-prompt-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.permission-icon{font-size:1.1rem}.permission-title{font-weight:600;font-size:.88rem;color:var(--ink)}.permission-kind{font-size:.74rem;color:var(--ink-mute);margin-bottom:.55rem}.permission-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.permission-btn{padding:.5rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--card);color:var(--ink);font-size:.84rem;font-weight:500;cursor:pointer;flex:1 1 auto;min-height:38px;min-width:80px}.permission-btn:hover{background:var(--bg-soft)}.permission-btn.permission-allow{background:var(--accent);color:#fff;border-color:var(--accent)}.permission-btn.permission-allow:hover{background:var(--accent-hover)}.permission-btn.permission-reject{background:var(--bg-soft);color:var(--ink-soft)}.permission-btn.permission-reject:hover{background:var(--bg-deeper);color:var(--ink)}.mode-badge-locked{cursor:default;opacity:.85}.mode-badge-lock{font-size:.85em;margin-left:.15em}.permission-prompt.permission-resolved{border-color:var(--border-strong);border-width:1px;box-shadow:none;opacity:.85}.permission-status{margin-top:.55rem;padding:.4rem .65rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500}.permission-status-selected{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.25)}.permission-status-cancelled,.permission-status-timeout{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--border)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;text-size-adjust:100%;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:.65rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s ease;min-height:36px}button:active{transform:scale(.97)}.btn-secondary{background:#ff706d1a;color:var(--accent)}.btn-secondary:hover{background:#ff706d2e}input,textarea{font-family:inherit;background:var(--bg-soft);border:1px solid transparent;border-radius:var(--radius-md);color:var(--ink);padding:.65rem .9rem;font-size:16px;width:100%;outline:none;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--ink-mute)}input:focus,textarea:focus{background:var(--card);border-color:#ff706d4d;box-shadow:0 0 0 4px #ff706d1f}.header-title-dim{color:var(--ink-soft);font-weight:500}.code-pill{font-family:SF Mono,Menlo,monospace;font-size:.7rem;background:var(--bg-soft);color:var(--ink-soft);padding:.3rem .6rem;border-radius:var(--radius-pill);letter-spacing:.06em;white-space:nowrap}.tabs{display:flex;gap:4px;padding:.5rem .75rem;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.tab{flex:1;padding:.55rem .75rem;text-align:center;font-size:.8rem;font-weight:500;color:var(--ink-soft);background:transparent;border-radius:var(--radius-pill);transition:all .2s ease;min-height:38px}.tab:hover{color:var(--accent);background:#ff706d0f}.tab.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-sm)}.tab.active:hover{background:var(--accent-hover);color:#fff}.tool-group{margin:.25rem 0;border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--border);overflow:hidden}.tool-group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .85rem;background:transparent;border-radius:0;text-align:left;cursor:pointer;font-size:.8rem;color:var(--ink-soft);min-height:0}.tool-group-header:hover{background:#ff706d0f}.tool-group-header:active{transform:none}.tool-group-chevron{color:var(--ink-mute);font-size:.7rem;width:.9rem;flex-shrink:0}.tool-group-title{font-weight:600;color:var(--ink);flex-shrink:0}.tool-group-summary{flex:1;color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;min-width:0}.tool-group-time{color:var(--ink-mute);font-size:.7rem;flex-shrink:0}.tool-group-body{padding:.4rem .5rem .6rem;display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--border);background:var(--card)}.tool-use-group{margin:.15rem 0;border-radius:var(--radius-sm);overflow:hidden}.tool-use-header{display:flex;align-items:center;gap:.35rem;width:100%;padding:.3rem .6rem;background:transparent;border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-size:.72rem;color:var(--ink-mute);opacity:.7;transition:opacity .15s;min-height:0}.tool-use-header:hover{opacity:1;background:#00000005}.tool-use-header:active{transform:none}.tool-use-chevron{font-size:.6rem;width:.7rem;flex-shrink:0;color:var(--ink-mute)}.tool-use-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:var(--ink-mute);min-width:0}.tool-use-body{padding:.3rem .6rem .4rem 1.4rem;border-left:2px solid var(--border);margin-left:.6rem}.tool-use-text{font-size:.7rem;color:var(--ink-mute);line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;opacity:.75;margin-bottom:.2rem}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:2rem 1rem;text-align:center;transition:all .2s;margin-bottom:1rem;background:var(--bg-soft);cursor:pointer}.upload-zone:hover{border-color:var(--accent);background:#ff706d0f}.upload-zone.dragover{border-color:var(--accent);background:#ff706d1a}.upload-zone p{color:var(--ink-soft);font-size:.85rem;margin-top:.5rem}.file-list{display:flex;flex-direction:column;gap:.4rem}.file-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem}.file-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-item .size{color:var(--ink-mute);font-size:.75rem;flex-shrink:0}.target-path{margin-bottom:.75rem}.target-path label{font-size:.75rem;color:var(--ink-soft);display:block;margin-bottom:.3rem}.tree-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .75rem;max-height:200px;overflow-y:auto;overflow-x:auto;font-size:.8rem;-webkit-overflow-scrolling:touch}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.tree-label{font-size:.75rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}@media (max-width: 380px){.header{padding:.6rem .75rem;padding-top:calc(.6rem + var(--safe-top))}.header-left{gap:.55rem}.avatar{width:36px;height:36px}.header-title{font-size:.9rem}.header-subtitle{font-size:.7rem}.code-pill{font-size:.65rem;padding:.25rem .5rem}.icon-btn{width:34px;height:34px}.tabs{padding:.4rem .5rem}.tab{font-size:.78rem;padding:.5rem}.content{padding:.6rem .75rem .75rem}.msg-bubble{max-width:84%;font-size:.9rem;padding:.55rem .8rem}.activity-row{padding:.45rem .7rem;font-size:.78rem}.activity-row .activity-time{font-size:.65rem}.prompt-section{padding:.55rem .6rem .75rem;padding-bottom:calc(.75rem + var(--safe-bottom))}.send-btn{width:38px;height:38px}.pairing-wrap{padding:1rem;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom))}.pairing-card{padding:1.5rem 1.1rem}.pairing-logo{width:68px;height:68px;border-radius:22px;margin-bottom:1rem}.pairing-title{font-size:1.2rem}.code-input{font-size:1.25rem;letter-spacing:.2em;padding:.75rem}}@media (max-width: 340px){.code-pill{display:none}}@media (min-width: 768px){.app{border-radius:0;margin:0 auto}.msg-bubble{max-width:70%}.content{padding:1rem 1.25rem 1.25rem}}@media (max-height: 480px) and (orientation: landscape){.header{padding-top:calc(.45rem + var(--safe-top));padding-bottom:.45rem}.tabs{padding-top:.3rem;padding-bottom:.3rem}.prompt-section{padding-top:.45rem;padding-bottom:calc(.55rem + var(--safe-bottom))}.empty-state{padding:1rem}.empty-avatar{width:56px;height:56px;border-radius:18px;margin-bottom:.6rem}.pairing-wrap{padding:.75rem}.pairing-card{padding:1.25rem 1rem}.pairing-logo{width:56px;height:56px;margin-bottom:.75rem}}.permission-detail{font-size:.85rem;color:var(--ink);margin:.3rem 0 .2rem;word-break:break-word;font-family:SF Mono,Menlo,monospace;background:var(--bg-soft);padding:.4rem .6rem;border-radius:var(--radius-sm)}.permission-banner-area{position:sticky;bottom:0;display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;background:linear-gradient(0deg,var(--bg) 70%,rgba(255,247,241,0));z-index:5}.mode-badge-locked:hover{filter:none}