:root{--bg:#1c1c1c;--panel:#232323;--side:#171717;--fg:#e4e4e4;--muted:#ababab;--line:#353535;--sage:#8fc1a1;--selected:#303030;--button:#f0f0f0;--button-fg:#1c1c1c;--error:#efa698;color-scheme:dark;font-family:'Figtree','SF Pro Text',-apple-system,system-ui,sans-serif;font-size:14px}
:root[data-theme=light]{--bg:#fbfaf6;--panel:#fcfbf7;--side:#f6f3eb;--fg:#211e1a;--muted:#6e675c;--line:#d9d5cc;--sage:#436b50;--selected:#eeebe3;--button:#292723;--button-fg:#fbfaf6;--error:#a13725;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);height:100dvh;display:flex;flex-direction:column;overflow:hidden;line-height:1.55}button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;transition:background .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:3px}[hidden]{display:none!important}button{border:0;background:transparent}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:var(--side)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px;height:28px}.brand strong{font-size:18px;font-family:'Geist Mono','SF Mono',Menlo,monospace;letter-spacing:-.7px}.brand>span{border-left:1px solid var(--line);padding-left:18px;margin-left:10px;font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.prototype{font:10px 'Geist Mono','SF Mono',Menlo,monospace;border:1px solid var(--line);padding:4px 7px;border-radius:5px;color:var(--muted)}.icon{width:44px;height:44px;border-radius:8px;display:inline-grid;place-items:center;color:var(--muted);flex-shrink:0}.icon:hover{background:var(--selected);color:var(--fg)}.pair-screen{width:min(440px,100%);margin:auto;padding:40px 24px;text-align:center}.large-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:0 auto 24px;color:var(--sage)}.large-icon svg{width:32px;height:32px}.pair-screen h1{font-size:24px;line-height:1.3;letter-spacing:-.5px}.pair-screen p{color:var(--muted);margin-top:14px}.pair-screen .privacy-note{font-size:12px;margin-top:32px}.solid{padding:12px 18px;background:var(--button);color:var(--button-fg);border-radius:9px;font-weight:600;font-size:13px;min-height:44px}.pair-screen .solid{margin-top:24px}.solid:hover{filter:brightness(1.08)}.workspace{display:flex;min-height:0;flex:1}.sidebar{width:288px;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--line);min-height:0;flex-shrink:0}.device{display:flex;gap:12px;align-items:center;padding:26px 24px 30px}.device>svg{width:22px;height:22px}.device>div{min-width:0;display:flex;flex-direction:column;gap:3px}.device strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device span{font-size:11px;color:var(--sage)}.section-title{padding:0 24px;margin-bottom:10px;font-size:12px;color:var(--muted)}.project{display:flex;gap:9px;align-items:center;padding:12px;margin:0 12px 24px;border-radius:6px;background:var(--selected);font:11px 'Geist Mono','SF Mono',Menlo,monospace}.project span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project svg{width:14px;height:14px;color:var(--muted)}.list-title{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px 24px;border-top:1px solid var(--line)}.list-title h2{font-size:12px;font-weight:500;color:var(--muted)}.chat-list{flex:1;overflow:auto;padding:0 12px 12px}.chat-row{width:100%;padding:15px 12px;text-align:left;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;gap:9px;margin-bottom:6px}.chat-row:hover{background:var(--panel)}.chat-row[aria-current=page]{background:var(--panel);border-color:var(--line)}.chat-row>strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.chat-row>span{font:10px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.chat-row .running{color:var(--sage)}.sidebar-foot{font-size:11px;color:var(--muted);padding:20px 24px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.dot{width:5px;height:5px;background:var(--sage);border-radius:50%}.conversation{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-header{min-height:84px;padding:16px 32px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.chat-header>div{flex:1;min-width:0}#crumb{font:10px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted)}.chat-header h1{font-size:15px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#run-state{font-size:11px;color:var(--sage)}.back{display:none}.messages{padding:28px max(28px,calc((100% - 720px)/2)) 36px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.message{margin-bottom:26px}.message.user{margin-left:36px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 20px}.message.review{background:var(--side);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.message-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;font:11px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted);margin-bottom:6px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.copy-answer{min-height:44px;padding:0 10px;color:var(--muted);border-radius:7px;font:10px 'Geist Mono','SF Mono',Menlo,monospace}.copy-answer:hover{background:var(--selected)}.message details{font-size:12px;color:var(--muted)}.message summary{padding:10px 0;cursor:pointer}.message details p{padding:10px 12px;border:1px solid var(--line);border-radius:8px}.live{border-top:1px solid var(--line);padding-top:16px}.live p{white-space:pre-wrap;overflow-wrap:anywhere}.live-label{font:11px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--sage);margin-bottom:10px}.compose-area{width:min(776px,100%);margin:0 auto;padding:10px 28px 16px;flex-shrink:0}.execution-context{font:10px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted);margin:0 4px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#composer{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}#message{width:100%;height:68px;border:0;background:transparent;resize:none;display:block;outline:none;font-size:14px}#message::placeholder{color:var(--muted)}.compose-tools{display:flex;gap:12px;align-items:center}.model-button{min-height:44px;font:11px 'Geist Mono','SF Mono',Menlo,monospace;padding:0 4px}.model-button:hover{color:var(--sage)}#effort-label{color:var(--muted);font:10px 'Geist Mono','SF Mono',Menlo,monospace}.send{width:44px;height:44px;border-radius:50%;background:var(--button);color:var(--button-fg);margin-left:auto;display:grid;place-items:center}.stop{height:44px;border:0;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px}.stop>span{width:9px;height:9px;background:currentColor;border-radius:1px}.compose-note{font-size:10px;color:var(--muted);text-align:center;margin-top:10px}.notice{padding:12px 24px;border-bottom:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--muted)}.error{color:var(--error);font-size:12px;margin-top:10px}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:20px}.terminal{font:22px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted);width:48px;height:48px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--panel)}.empty h2{font-size:18px;font-weight:500}.empty p{font-size:13px;color:var(--muted)}dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--fg);background:var(--panel);max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#0008}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:20px;font-weight:600}#settings-description{color:var(--muted);font-size:13px;margin:4px 0 24px}dialog label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;font-size:13px}select{width:190px;max-width:60%;padding:0 10px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--bg);font-size:12px}dialog .solid{width:100%;margin-top:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--button);color:var(--button-fg);padding:12px 18px;font-size:12px;border-radius:9px;max-width:calc(100% - 32px);z-index:10;box-shadow:0 4px 20px #0003}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
@media(max-width:700px){.topbar{height:60px;padding:0 14px}.brand{gap:8px}.brand img{width:25px;height:25px}.brand strong{font-size:16px}.brand>span{padding-left:10px;margin-left:3px;font-size:11px}.top-actions{gap:4px}.prototype{font-size:9px;padding:3px 5px}.sidebar{width:100%;border:0}.list-view .conversation{display:none}.chat-view .sidebar{display:none}.device{padding:22px 24px}.chat-row{padding:18px 12px}.chat-row>strong{font-size:14px}.chat-row>span{font-size:11px}.chat-header{padding:10px 16px 10px 4px;min-height:76px;gap:4px}.chat-header h1{font-size:13px}.back{display:inline-grid}#run-state{font-size:10px}.messages{padding:20px 20px 28px}.message.user{margin-left:18px;padding:12px 15px}.message p{font-size:14px;line-height:1.75}.message.review p{font-size:13px}.compose-area{padding:8px 14px max(10px,env(safe-area-inset-bottom))}.execution-context{font-size:9px}#composer{padding:12px}#message{font-size:16px;height:60px}.compose-tools{gap:6px}.model-button{font-size:10px;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#effort-label{font-size:9px}.compose-note{font-size:9px}.notice{padding:12px 20px}.empty{padding:20px 0}.sidebar-foot{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#message:focus-visible{outline:none}select{border-color:var(--muted)}.send:hover:not(:disabled){filter:brightness(1.2)}.stop:hover:not(:disabled){background:var(--selected)}summary{min-height:44px}summary:hover{color:var(--fg)}.history-limit{color:var(--muted);font-size:12px;margin-bottom:20px}.pair-screen{overflow:auto}.compose-note,.execution-context{font-size:11px}.compose-note{white-space:normal}.brand img{pointer-events:none}@media(max-width:380px){.prototype{display:none}.brand>span{font-size:12px}}

/* ---- agents.offloop.work additions: sign-in, Mac list, waiting states, reconnect bar ---- */
.login-form{margin-top:28px;display:flex;flex-direction:column;gap:12px;text-align:left}.login-form input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--fg);font-size:16px}.login-form input:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-color:transparent}.login-form .solid{margin-top:6px;width:100%}.login-form .error{margin:0}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:6px 0}.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--line)}.outline{min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.outline:hover:not(:disabled){background:var(--selected)}.google-mark{width:18px;height:18px;stroke:none}
.text{min-height:44px;padding:0 12px;color:var(--muted);border-radius:8px;font-size:13px}.text:hover:not(:disabled){background:var(--selected);color:var(--fg)}.text.small{min-height:32px;font-size:11px;margin-left:auto;padding:0 8px}#sign-out{margin-top:8px}
.spinner{width:22px;height:22px;margin:26px auto 0;border:2px solid var(--line);border-top-color:var(--sage);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.mac-list{margin-top:24px;display:flex;flex-direction:column;gap:10px;text-align:left}.mac-row{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-height:60px}.mac-row:hover:not(:disabled){background:var(--selected)}.mac-row svg{color:var(--sage)}.mac-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.mac-row strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-row span{font:11px 'Geist Mono','SF Mono',Menlo,monospace;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reconnect-bar{font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 10px}
#connection.off{color:var(--muted)}.sidebar-foot{gap:8px}#foot-account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.login-form input{font-size:16px}}
#chat-title:focus{outline:none}