:root{--ink:#172022;--muted:#6d7775;--line:#dce5e1;--paper:#f6f8f6;--panel:#fff;--green:#167a58;--green-soft:#e8f5ef;--amber:#a36916;--amber-soft:#fff4de;--red:#a83939;--red-soft:#fdecec}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}.auth{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e1f2e9,transparent 35%),#f6f8f6}.auth[hidden],.shell[hidden]{display:none}.pair-card{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(24,55,45,.12)}.pair-card h1{font-size:24px;margin:8px 0}.pair-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}.pair-card label{display:block;font-size:12px;font-weight:700;margin:22px 0 7px}.pair-card input{width:100%;padding:13px;border:1px solid #b9c9c3;border-radius:10px;outline:none}.pair-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff2e9}.pair-card button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:10px;background:#183e33;color:#fff;font-weight:800}.pair-card output{display:block;min-height:20px;margin-top:10px;color:var(--red);font-size:12px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#d9f65a;color:#16231f;font-weight:900}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{padding:24px 18px;background:#132520;color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{font-size:11px;color:#9fb5ae;margin-top:2px}.new-task{border:1px solid #486159;border-radius:10px;color:#fff;background:#203b33;text-align:left;padding:12px 14px;font-weight:700}.section-label{color:#7f9991;font-size:11px;letter-spacing:.12em;margin:26px 10px 8px}.task-list{flex:1}.task-item{width:100%;border:0;border-radius:10px;padding:11px 12px;color:#d7e2de;background:transparent;text-align:left}.task-item span,.task-item small{display:block}.task-item span{font-size:13px}.task-item small{color:#819991;font-size:10px;margin-top:5px}.task-item.active{background:#29473e;color:#fff}.usage{padding:14px;border:1px solid #345047;border-radius:12px;background:#1a302a}.usage span,.usage strong{display:block;font-size:11px}.usage strong{margin-top:5px}.usage i{display:block;height:4px;background:#3b534c;border-radius:4px;margin-top:12px}.usage b{display:block;width:3%;height:100%;background:#d9f65a;border-radius:4px}.workspace{min-width:0;display:grid;grid-template-rows:auto 1fr auto;height:100vh}.topbar{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:18px;margin:3px 0 0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.1em}.secure{font-size:12px;color:var(--muted)}.secure span{color:#b58525}.secure.online span{color:#20a371}.content{overflow:auto;padding:26px 32px 40px}.device-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1050px;margin:0 auto}.device{position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 6px 20px rgba(30,55,47,.04)}.device strong,.device small{display:block}.device strong{font-size:12px}.device small{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--amber-soft);color:var(--amber)}.device.online .device-icon{background:var(--green-soft);color:var(--green)}.badge{position:absolute;right:10px;top:9px;font-size:9px;border-radius:8px;padding:3px 6px;background:var(--amber-soft);color:var(--amber)}.device.online .badge{background:var(--green-soft);color:var(--green)}.approvals{max-width:790px;margin:24px auto 0}.approval{padding:14px;border:1px solid #ecd19b;border-radius:13px;background:#fff9ed}.approval+.approval{margin-top:10px}.approval b{font-size:12px}.approval p,.approval code{font-size:11px;line-height:1.6}.approval code{display:block;white-space:pre-wrap;word-break:break-word;padding:9px;border-radius:8px;background:#292c2b;color:#eaf0ed}.approval-actions{display:flex;gap:8px;margin-top:10px}.approval-actions button{border:0;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.approve{background:#183e33;color:#fff}.decline{background:#ecefed;color:#47514e}.conversation{max-width:790px;margin:38px auto 0}.message{display:grid;grid-template-columns:36px 1fr;gap:12px;margin-bottom:28px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:900}.message.user .avatar{background:#e2e7e5;color:#52605b}.message.assistant .avatar{background:#1b3b32;color:#d9f65a}.message.system .avatar{background:var(--red-soft);color:var(--red)}.message b{font-size:12px}.message p{font-size:14px;line-height:1.7;margin:7px 0;color:#394540;white-space:pre-wrap;overflow-wrap:anywhere}.message small{font-size:10px;color:#8b9692}.message.streaming p::after{content:"";display:inline-block;width:6px;height:14px;margin-left:3px;vertical-align:-2px;background:#3a8a6d;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.empty{text-align:center;max-width:520px;margin:100px auto;color:var(--muted)}.empty .brand-mark{margin:auto}.empty h2{color:var(--ink);font-size:18px;margin:18px 0 7px}.empty p{font-size:12px}.composer-wrap{padding:12px 28px 20px;background:linear-gradient(transparent,#f6f8f6 25%)}.composer{max-width:790px;margin:auto;display:grid;grid-template-columns:1fr 40px;align-items:end;gap:8px;padding:9px;border:1px solid #cad7d2;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(31,55,47,.1)}.composer textarea{resize:none;min-height:42px;max-height:140px;border:0;outline:0;padding:10px 7px;background:transparent}.composer .send{border:0;border-radius:10px;width:38px;height:38px;background:#183e33;color:#fff;font-size:20px}.composer .send:disabled{opacity:.45}.composer-wrap>p{text-align:center;font-size:9px;color:#88928f;margin:8px 0 0}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{height:100dvh}.topbar{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.topbar h1{font-size:15px}.secure{font-size:0}.secure span{font-size:14px}.content{padding:16px 14px 28px}.device-strip{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.device{min-width:255px;scroll-snap-align:start}.conversation{margin:26px 2px 0}.approvals{margin-top:16px}.composer-wrap{padding:10px 12px max(14px,env(safe-area-inset-bottom))}.message p{font-size:13px}.empty{margin:75px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.message.streaming p::after{animation:none}}