:root{color-scheme:dark;--canvas: #0b1018;--panel: #121b27;--border: #273449;--text: #e8eef5;--muted: #9eadbe;--green: #66d6a8;--yellow: #f3c969;--red: #f08080;--blue: #8fb8ec;--shadow: 0 16px 36px rgb(0 0 0 / 18%);font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,system-ui,sans-serif;background:var(--canvas);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{min-width:320px;min-height:100dvh;margin:0;background:linear-gradient(180deg,rgb(102 214 168 / 5%),transparent 16rem),var(--canvas)}button,input,textarea,select{font:inherit}button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.025em}h1{font-size:clamp(1.5rem,6vw,2rem);line-height:1.2}h2{font-size:1.1rem;line-height:1.35}h3{font-size:.95rem}.mono{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.eyebrow{margin-bottom:.45rem;color:var(--green);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em}.pair-shell,.app-shell{width:min(100%,48rem);margin:0 auto;padding:max(1.1rem,env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom))}.pair-shell{display:grid;min-height:100dvh;place-items:center}.pair-card,.project-picker,.overview-panel,.conversation-panel{border:1px solid var(--border);border-radius:1rem;background:var(--panel);box-shadow:var(--shadow)}.pair-card{width:100%;max-width:31rem;padding:clamp(1.25rem,7vw,2rem)}.pair-intro,.empty-copy,.empty-conversation>p:last-child{color:var(--muted);line-height:1.65}.pair-intro{margin-top:.8rem}.pair-card form{display:grid;gap:.6rem;margin-top:1.6rem}.field-label{color:var(--muted);font-size:.82rem;font-weight:700}.text-field,.composer textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:.7rem;background:#0e1621;color:var(--text);padding:.75rem .85rem}.text-field::placeholder,.composer textarea::placeholder{color:#75869b}.development-options{margin-block:.35rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:.65rem}.development-options summary{min-height:44px;display:flex;align-items:center;color:var(--muted);cursor:pointer}.development-options[open] summary{margin-bottom:.65rem}.development-options .field-label{display:block;margin-bottom:.4rem}.primary-button,.secondary-button{min-height:46px;border:1px solid transparent;border-radius:.7rem;padding:.7rem 1rem;font-weight:800}.primary-button{margin-top:.35rem;background:var(--green);color:#0b1018}.primary-button:hover:not(:disabled){background:#84e2bb}.secondary-button{width:100%;background:transparent;border-color:var(--border);color:var(--text)}.secondary-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.connection-status{display:flex;align-items:flex-start;gap:.65rem;margin-top:1.2rem;border:1px solid var(--border);border-radius:.7rem;padding:.72rem .85rem;color:var(--muted);font-size:.85rem;line-height:1.45}.connection-status.compact{max-width:12rem;margin:0;padding:.5rem .65rem;font-size:.72rem}.status-dot{width:.58rem;height:.58rem;flex:0 0 auto;margin-top:.28rem;border-radius:50%;background:var(--muted)}.connection-connecting .status-dot,.connection-idle .status-dot{background:var(--yellow)}.connection-paired{border-color:#66d6a873;color:var(--text)}.connection-paired .status-dot{background:var(--green)}.connection-desktop-offline{border-color:#f3c9697f;color:var(--yellow)}.connection-desktop-offline .status-dot{background:var(--yellow)}.connection-error{border-color:#f080807f;color:var(--red)}.connection-error .status-dot{background:var(--red)}.app-shell{display:grid;gap:1rem}.topbar,.section-heading,.conversation-header,.thread-row,.thread-row-main,.thread-row-meta,.event-card,.message-meta,.activity-line{display:flex}.topbar,.section-heading,.conversation-header{align-items:flex-start;justify-content:space-between;gap:1rem}.topbar{padding:.25rem .15rem}.project-picker{display:grid;gap:.4rem;padding:1rem}.project-picker select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:.7rem;background:#0e1621;color:var(--text);padding:.65rem 2.4rem .65rem .78rem}.overview-panel,.conversation-panel{padding:1rem}.thread-count,.image-count{display:grid;width:2rem;min-width:2rem;height:2rem;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem}.scope-path,.conversation-path{overflow:hidden;color:var(--muted);font-size:.72rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.scope-path{max-width:24rem;margin-top:.35rem}.scoped-thread-list{display:grid;overflow:hidden;margin-top:1rem;border:1px solid var(--border);border-radius:.72rem}.scope-loading{padding-top:1rem;color:var(--muted);font-size:.82rem;line-height:1.6}.scope-unavailable{display:grid;gap:.65rem}.scope-error{display:grid;gap:.25rem;border-left:3px solid var(--yellow);padding-left:.65rem}.scope-error span{color:var(--yellow);font-size:.7rem;font-weight:700}.scope-error p{color:var(--muted);font-size:.78rem;line-height:1.5}.thread-row{min-height:68px;align-items:center;justify-content:space-between;gap:.7rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:.7rem;text-align:left}.thread-row:last-child{border-bottom:0}.thread-row:hover,.thread-row.selected{background:#66d6a814}.thread-row.selected{box-shadow:inset 3px 0 0 var(--green)}.thread-row-main{min-width:0;flex:1;flex-direction:column;gap:.22rem}.thread-row-main strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.thread-row-main span{color:var(--muted);font-size:.72rem}.thread-row-meta{align-items:flex-end;flex-direction:column;gap:.35rem}.state-badge,.needs-user,.tool-state{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.18rem .45rem;color:var(--muted);font-size:.68rem;line-height:1.25;white-space:nowrap}.state-running{border-color:#66d6a88c;color:var(--green)}.state-completed{color:var(--blue)}.state-failed{border-color:#f080808c;color:var(--red)}.state-waitingForUser,.needs-user{border-color:#f3c9698c;color:var(--yellow)}.state-offline{color:var(--muted)}.conversation-panel{display:grid;gap:1rem}.empty-conversation{min-height:15rem;align-content:center}.conversation-header{padding-bottom:.15rem}.conversation-path{max-width:17rem;margin-top:.38rem}.activity-line{align-items:center;gap:.55rem;min-height:36px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:.78rem}.pulse{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:#6e7d8f}.activity-line.active .pulse{background:var(--green);box-shadow:0 0 #66d6a873;animation:pulse 1.8s ease-out infinite}.event-log{display:grid;gap:.65rem;min-height:3rem}.message-card,.event-card,.image-card,.relay-note{border:1px solid var(--border);border-radius:.72rem;background:#0e1621}.message-card{padding:.75rem}.message-user{border-color:#66d6a873;background:#66d6a812}.message-meta{align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;color:var(--muted);font-size:.7rem}.message-user .message-meta span{color:var(--green)}.message-card p,.tool-event p{overflow-wrap:anywhere;font-size:.88rem;line-height:1.6;white-space:pre-wrap}.event-card{align-items:center;flex-wrap:wrap;gap:.45rem;min-height:44px;padding:.55rem .65rem;color:var(--muted);font-size:.76rem}.tool-event strong{color:var(--text)}.tool-event p{width:100%;margin-top:.12rem;color:var(--muted);font-size:.76rem}.image-section{display:grid;gap:.7rem}.compact-heading{align-items:center}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.65rem}.image-card{overflow:hidden;min-height:9.5rem}.image-card img{display:block;width:100%;min-height:8.5rem;max-height:16rem;object-fit:cover}.image-card figcaption{padding:.45rem .55rem;color:var(--muted);font-size:.65rem}.image-placeholder{display:grid;align-content:center;justify-items:center;gap:.6rem;padding:.8rem;color:var(--muted)}.image-placeholder-icon{color:var(--border);font-size:2rem;line-height:1}.image-placeholder .secondary-button{max-width:9rem}.composer{display:grid;gap:.55rem;border-top:1px solid var(--border);padding-top:1rem}.composer textarea{min-height:92px;resize:vertical;line-height:1.5}.command-result{border-left:3px solid var(--border);padding-left:.65rem;font-size:.78rem;line-height:1.5}.command-accepted{border-color:var(--green);color:var(--green)}.command-failed{border-color:var(--red);color:var(--red)}.relay-note{display:grid;gap:.3rem;border-color:#f3c9696b;padding:.75rem}.relay-note span{color:var(--yellow);font-size:.72rem;font-weight:700}.relay-note p{color:var(--muted);font-size:.8rem;line-height:1.45}@keyframes pulse{0%{box-shadow:0 0 #66d6a873}70%{box-shadow:0 0 0 .55rem #66d6a800}to{box-shadow:0 0 #66d6a800}}@media(min-width:44rem){.app-shell{padding-inline:1.5rem}.overview-panel,.project-picker,.conversation-panel{padding:1.25rem}.primary-button{justify-self:start;min-width:9.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}