:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"SF Pro Text", "Segoe UI Variable", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;font-family:var(--font-sans);font-synthesis:none;color:#f4f4f5;--bg:#111113;--sidebar:#151517;--panel:#19191c;--raised:#202023;--selected:#29292e;--line:#303036;--line-soft:#252529;--text:#f4f4f5;--text-soft:#dedee3;--muted:#a1a1aa;--subtle:#90909a;--accent:#6d70c9;--accent-strong:#a6a8eb;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--focus:color-mix(in srgb, var(--accent) 55%, transparent);--green:#43b77b;--amber:#d6b25e;--red:#e4848c;--surface-hover:#1b1b1e;--surface-active:#232327;--hover:var(--surface-hover);--code-bg:#0e0e10;--input-bg:#131315;--glass:#19191ce0;--scrim:#040406a8;--shadow:#0000006b;--r-sm:5px;--r-md:8px;--r-lg:12px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.14s;--medium:.22s;--dock-motion:.36s;background:#111113}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202126;--bg:#f7f7f8;--sidebar:#f1f1f3;--panel:#fff;--raised:#f5f5f6;--selected:#e9e9ed;--line:#d5d5db;--line-soft:#e5e5e9;--text:#202126;--text-soft:#34353b;--muted:#60616a;--subtle:#63646d;--accent:#575bb6;--accent-strong:#4f53a9;--green:#188653;--surface-hover:#eaeaec;--surface-active:#e2e2e7;--code-bg:#f1f1f3;--input-bg:#fff;--glass:#ffffffe6;--scrim:#1d1e244d;--shadow:#25262d29;background:#f7f7f8}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font:400 15px/1.55 var(--font-sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.remote{flex-direction:column;max-width:820px;height:100dvh;margin:0 auto;display:flex}.remote-bar{min-height:56px;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--line-soft);background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(14px);flex:none;align-items:center;gap:8px;display:flex}.remote-bar-text{flex:1;min-width:0}.remote-bar h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:620;line-height:1.3;overflow:hidden}.remote-status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.35;overflow:hidden}.remote-status.error{color:var(--red);white-space:normal}.remote-connection{background:var(--subtle);width:9px;height:9px;transition:background var(--medium) var(--ease);border-radius:50%;flex:none}.remote-connection[data-state=online]{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 22%, transparent)}.remote-connection[data-state=connecting]{background:var(--amber);animation:1.2s ease-in-out infinite remote-pulse}.remote-connection[data-state=offline]{background:var(--red)}.remote-icon{width:38px;height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.remote-icon:active{background:var(--surface-active)}.remote-icon svg{width:20px;height:20px}.remote-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:9px;flex:none;min-height:36px;padding:0 14px;font-size:14px;font-weight:560}.remote-icon:focus-visible,.remote-button:focus-visible,.remote-round:focus-visible,.remote-session:focus-visible,.remote-jump:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.remote-panel{min-height:0;padding:16px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;flex:1;overflow-y:auto}.remote-steps{counter-reset:step;margin:0;padding:0;list-style:none}.remote-steps li{color:var(--muted);counter-increment:step;padding:9px 0 9px 32px;position:relative}.remote-steps li:before{border:1px solid var(--line);content:counter(step);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:9px;left:0}.remote-steps li.done{color:var(--text-soft)}.remote-steps li.done:before{border-color:var(--green);background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green);content:"✓"}.remote-steps li.active{color:var(--text);font-weight:600}.remote-steps li.active:before{border-color:var(--accent);animation:1.2s ease-in-out infinite remote-pulse}.remote-hint{color:var(--muted)}.remote-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.remote-session{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--panel);text-align:left;cursor:pointer;width:100%;transition:background var(--fast) var(--ease);grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px 14px;display:grid}.remote-session:active{background:var(--surface-active)}.remote-session-title{text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.remote-session-time{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:12px}.remote-session-detail{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11.5px;overflow:hidden}.remote-empty{color:var(--muted);text-align:center;padding:32px 8px}.remote-skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg, var(--panel), var(--raised), var(--panel));background-size:200% 100%;height:66px;animation:1.4s linear infinite remote-shimmer}.remote-thread{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.remote-transcript{overscroll-behavior:contain;min-height:0;padding:0 max(14px, env(safe-area-inset-right)) 16px max(14px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.remote-thread-view{padding-bottom:4px}.remote-transcript .message{grid-template-columns:26px minmax(0,1fr);gap:10px;padding-top:16px}.remote-transcript .avatar{width:26px;height:26px;font-size:10px}.remote-transcript .message p,.remote-transcript .markdown{max-width:none;font-size:15px;line-height:1.6}.remote-transcript .markdown .markdown-code{font-size:12.5px;overflow-x:auto}.remote-transcript .message.user>div{background:var(--raised);border-radius:14px;padding:8px 12px 10px}.remote-transcript .message-actions{display:none}.remote-transcript .tool-item{width:calc(100% - 36px);margin-left:36px}.remote-transcript .tool-item>summary{min-height:36px}.remote-transcript pre{max-width:100%;overflow-x:auto}.remote-tail .message{animation:remote-in var(--medium) var(--ease-out)}.remote-pending>div{opacity:.72}.remote-pending.failed>div{opacity:1;outline:1px solid color-mix(in srgb, var(--red) 55%, transparent)}.remote-transcript .remote-pending-error{color:var(--red);font-size:13px}.remote-live-text .markdown>:last-child:after{vertical-align:-.12em;background:var(--accent-strong);content:"";border-radius:1px;width:7px;height:1em;margin-left:2px;animation:1s step-end infinite remote-caret;display:inline-block}.remote-waiting{align-items:center;gap:6px;display:flex;color:var(--muted)!important}.remote-dots{gap:3px;display:inline-flex}.remote-dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite remote-dot}.remote-dots i:nth-child(2){animation-delay:.15s}.remote-dots i:nth-child(3){animation-delay:.3s}.remote-live-thinking p{max-height:9.6em;overflow-y:auto;color:var(--muted)!important;font-size:13px!important}.remote-live-tools{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.remote-live-tools li{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--text-soft);font-family:var(--font-mono);border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.remote-spinner{border:1.5px solid var(--line);border-top-color:var(--accent-strong);border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite remote-spin}.remote-jump{bottom:calc(var(--composer-height,72px) + 12px);border:1px solid var(--line);background:var(--glass);box-shadow:0 6px 20px var(--shadow);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);animation:remote-in var(--medium) var(--ease-out);border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.remote-jump svg{width:14px;height:14px}.remote-composer{padding:8px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line-soft);background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(14px);flex:none}.remote-activity{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;margin:0 4px 7px;font-size:12.5px;display:flex;overflow:hidden}.remote-activity:before{background:var(--accent-strong);content:"";border-radius:50%;flex:none;width:7px;height:7px;animation:1.2s ease-in-out infinite remote-pulse}.remote-compose-row{align-items:flex-end;gap:8px;display:flex}.remote-compose-row textarea{border:1px solid var(--line);background:var(--input-bg);min-width:0;min-height:42px;max-height:34dvh;color:var(--text);font:inherit;resize:none;border-radius:21px;flex:1;padding:10px 14px;font-size:16px;line-height:1.35}.remote-compose-row textarea:focus{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));outline:none}.remote-round{background:var(--accent);color:#fff;cursor:pointer;width:42px;height:42px;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.remote-round:active{transform:scale(.94)}.remote-round:disabled{opacity:.35;cursor:default}.remote-round.quiet{border:1px solid var(--line);background:var(--raised);color:var(--text)}.remote-round svg{stroke-width:1.8px;width:18px;height:18px}.remote-round.quiet svg{fill:currentColor;stroke:none}@keyframes remote-pulse{50%{opacity:.35}}@keyframes remote-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes remote-caret{50%{opacity:0}}@keyframes remote-spin{to{transform:rotate(360deg)}}@keyframes remote-in{0%{opacity:0;transform:translateY(6px)}}@keyframes remote-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
