:root{--text:#14161c;--secondary-text:#6b6f7b;--card:#ffffff73;--card-border:#fff9;--user-bubble:#ffffffbf;--bottom-inset:0px;--top-inset:env(safe-area-inset-top);--green:#34c759;--red:#ff3b30;--orange:#ff9500;--computer-tabs-height:calc(max(env(safe-area-inset-bottom), 12px) + 62px);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}html,body,#root{height:100%;margin:0}body{background:0 0;overflow:hidden}.chat-page.standalone{background:linear-gradient(160deg,#e0e6f5 0%,#eeebf2 45%,#c4d6f0 100%)}.chat-page{flex-direction:column;height:100%;display:flex}.conversation{overscroll-behavior-y:contain;padding:calc(var(--top-inset) + 64px) 20px calc(var(--bottom-inset) + var(--computer-bar-space,0px) + 24px);flex:1;overflow-y:auto}.chat-page.standalone .conversation{padding-top:24px}.chat-page.embedded .conversation{-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--top-inset) + 8px), black calc(var(--top-inset) + 64px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--top-inset) + 8px), black calc(var(--top-inset) + 64px));mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--top-inset) + 8px), black calc(var(--top-inset) + 64px))}.empty-state{flex-direction:column;align-items:center;padding-top:8px;display:flex}.mascot{object-fit:contain;width:168px;height:168px}.empty-state h1{letter-spacing:-.5px;margin:10px 0 0;font-size:40px;font-weight:700}.tagline{color:var(--secondary-text);margin:4px 0 0;font-size:17px}.suggestions{flex-direction:column;gap:10px;width:100%;margin-top:36px;display:flex}.suggestion{text-align:left;border:1px solid var(--card-border);background:var(--card);width:100%;color:inherit;font:inherit;border-radius:22px;align-items:center;gap:14px;padding:12px 14px;transition:transform .15s,opacity .15s;display:flex}.suggestion:active{transform:scale(.98)}.suggestion:disabled{opacity:.6}.suggestion-icon{border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid}.suggestion-icon svg{width:26px;height:26px}.suggestion-safari .suggestion-icon{color:#5856d6;background:#5856d61f}.suggestion-folder .suggestion-icon{color:#34c759;background:#34c75924}.suggestion-window .suggestion-icon{color:#ff9500;background:#ff950021}.suggestion-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.suggestion-title{font-size:17px;font-weight:500}.suggestion-subtitle{color:var(--secondary-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chevron{color:#b5b8c1;font-size:22px}.messages{flex-direction:column;gap:18px;display:flex}.user-bubble{background:var(--user-bubble);white-space:pre-wrap;border:1px solid var(--card-border);border-radius:22px;align-self:flex-end;max-width:82%;padding:10px 16px;font-size:17px;line-height:24px}.assistant-message{flex-direction:column;gap:10px;font-size:17px;line-height:25px;display:flex}.assistant-message p{margin:0}.assistant-message a{color:#2351d9}.thinking{color:var(--secondary-text);font-size:15px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.error-line{color:#c4302b;font-size:15px}.task-card{border:1px solid var(--card-border);background:var(--card);color:inherit;font:inherit;text-align:left;border-radius:24px;flex-direction:column;gap:10px;padding:12px;display:flex}.task-card:active{transform:scale(.99)}.task-card-header{align-items:center;gap:10px;display:flex}.task-card-icon{color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.task-card-icon.working{background:#ff9500;animation:1.4s ease-in-out infinite pulse}.task-card-icon.done{background:#34c759}.task-card-titles{flex-direction:column;flex:1;display:flex}.task-card-title{font-size:16px;font-weight:600}.task-card-status{color:var(--secondary-text);font-size:13px}.task-card-open{background:#14161c14;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.task-card-screen{aspect-ratio:16/9;background:#1d1f26;border-radius:14px;overflow:hidden}.task-card-screen img{object-fit:cover;width:100%;height:100%;display:block}.task-card-starting{color:#c9ccd6;place-items:center;height:100%;font-size:14px;display:grid}.safety-check{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:14px}.safety-check p{color:var(--secondary-text);margin:6px 0}.safety-check-buttons{gap:10px;margin-top:8px;display:flex}.safety-check-buttons button{height:40px;font:inherit;background:#14161c14;border:0;border-radius:999px;flex:1;font-weight:600}.safety-check-buttons .primary{background:var(--text);color:#fff}.web-composer{margin:0 16px calc(env(safe-area-inset-bottom) + 8px);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border-radius:999px;gap:8px;padding:8px;display:flex}.web-composer input{font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:17px}.web-composer button{background:var(--text);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:18px}.web-composer button:disabled{opacity:.3}.computer-player.gone{display:none}.computer-player{animation:.3s ease-out player-in}@keyframes player-in{0%{opacity:0}}.computer-bar{z-index:10;box-sizing:border-box;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:16px;align-items:center;padding-right:4px;display:flex;position:fixed;top:0;left:0;box-shadow:0 6px 24px #1e28501f}.computer-bar-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.computer-bar-title{font-size:15px;font-weight:600}.computer-status{color:var(--secondary-text);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex;overflow:hidden}.computer-status i{border-radius:50%;flex:none;width:6px;height:6px}.computer-bar-button{width:44px;height:44px;color:var(--text);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.computer-bar-button:disabled{opacity:.35}.computer-card{z-index:20;color:#fff;pointer-events:none;touch-action:none;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;visibility:hidden;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.computer-card.interactive{pointer-events:auto}.computer-card-header{height:50px;padding-top:env(safe-area-inset-top);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:17px;font-weight:600;display:flex}.computer-card .computer-status{color:#ffffffa6;font-size:14px}.computer-card .computer-status i{width:7px;height:7px}.round-glass{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff21;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;display:grid}.round-glass:active{background:#ffffff3d}.computer-card-spacer{flex:1}.mouse-controls{box-sizing:border-box;opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;height:188px;padding-bottom:14px;transition:opacity .2s,transform .2s;display:flex;position:relative;transform:translateY(12px)}.mouse-controls.shown{opacity:1;pointer-events:auto;transform:none}.mouse-buttons{gap:22px;display:flex}.mouse-button{width:52px;height:52px}.scroll-wheel{background:#ffffff21;border:1px solid #ffffff24;border-radius:32px;place-items:center;width:64px;display:grid;position:absolute;bottom:14px;right:18px}.scroll-wheel-track{background:#ffffff40;border-radius:1px;width:2px;position:absolute}.scroll-wheel-knob{box-sizing:border-box;touch-action:none;background:#000;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.scroll-wheel-knob i{box-sizing:border-box;background:#3b82f6;border:1.5px solid #fff;border-radius:4px;width:8px;height:14px}.computer-tabs{height:var(--computer-tabs-height);box-sizing:border-box;align-items:flex-start;padding:4px 8px 0;display:flex}.computer-tab{color:#ffffff80;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:0;font-size:13px;display:flex}.computer-tab svg{width:26px;height:26px}.computer-tab.selected{color:#fff}.computer-tab:disabled{opacity:.4}.keyboard-controls{gap:8px;display:flex;position:absolute;left:18px;right:18px}.keyboard-controls input{box-sizing:border-box;min-width:0;height:48px;font:inherit;color:#fff;background:#ffffff21;border:1px solid #ffffff24;border-radius:24px;outline:none;flex:1;padding:0 16px;font-size:17px}.keyboard-controls input::placeholder{color:#ffffff73}.computer-video{z-index:30;transform-origin:0 0;will-change:transform;touch-action:none;-webkit-tap-highlight-color:transparent;background:#141414;position:fixed;top:0;left:0;overflow:hidden}.computer-video img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.computer-video-screenshot{animation:.3s ease-out player-in}.computer-video iframe{transform-origin:0 0;pointer-events:none;border:0;transition:opacity .3s;position:absolute;top:0;left:0}.computer-video-starting{color:#ffffffbf;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.mouse-surface{touch-action:none;position:absolute;inset:0}.mouse-cursor{pointer-events:none;filter:drop-shadow(0 1px 2px #00000080);width:16px;height:22px;margin:-1px 0 0 -1px;position:absolute}.computer-menu-scrim{z-index:40;position:fixed;inset:0}.computer-menu{color:#fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#2c2c30f0;border-radius:18px;flex-direction:column;min-width:230px;padding:6px;animation:.16s ease-out menu-in;display:flex;position:absolute;box-shadow:0 12px 40px #00000073}.computer-menu-controls{bottom:calc(var(--computer-tabs-height) + 6px);transform-origin:100% 100%;max-height:60vh;right:12px;overflow-y:auto}.computer-menu button{height:44px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:16px;display:flex}.computer-menu button svg{width:20px;height:20px}.computer-menu button:active{background:#ffffff1a}.computer-menu .destructive{color:#ff453a}.computer-menu-section{letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;padding:8px 12px 2px;font-size:12px}@keyframes menu-in{0%{opacity:0;transform:scale(.92)}}