: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;--asleep:#8e8e93;--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}.conversation.empty{overflow:hidden}@media (height<=760px){.conversation.empty .mascot{width:120px;height:120px}.conversation.empty .empty-state h1{font-size:34px}}.empty-state{flex-direction:column;align-items:center;padding-top:8px;display:flex}.mascot{width:168px;height:168px}.computa-mac{position:relative}.computa-mac img,.computa-mac svg{width:100%;height:100%;position:absolute;inset:0}.computa-mac img{-webkit-user-select:none;user-select:none}.computa-mac rect{fill:#79747c}.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-plane .suggestion-icon{color:#5856d6;background:#5856d61f}.suggestion-tag .suggestion-icon{color:#ff9500;background:#ff950021}.suggestion-pin .suggestion-icon{color:#34c759;background:#34c75924}.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}.chat-skeleton{flex-direction:column;gap:24px;display:flex}.skeleton-bubble,.skeleton-lines i{background:linear-gradient(90deg,#ffffff73 25%,#ffffffd9 50%,#ffffff73 75%) 0 0/300% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-bubble{border-radius:22px;align-self:flex-end;width:62%;height:44px}.skeleton-lines{flex-direction:column;gap:10px;display:flex}.skeleton-lines i{border-radius:8px;height:16px;display:block}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.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}.limit-notice{border:1px solid var(--card-border);background:var(--card);border-radius:18px;align-self:flex-start;max-width:85%;padding:10px 14px;font-size:15px;line-height:1.4}.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}.user-bubble.steered{opacity:.75}.task-list-card{border:1px solid var(--card-border);background:var(--card);color:inherit;font:inherit;text-align:left;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.task-list-card:active{transform:scale(.99)}.task-list-row{align-items:flex-start;gap:10px;display:flex}.task-list-icon{color:#fff;background:var(--asleep);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.task-list-row.queued .task-list-icon{color:var(--secondary-text);background:0 0;font-size:18px}.task-list-row.running .task-list-icon{background:0 0}.task-list-row.done .task-list-icon{background:var(--green)}.task-list-row.failed .task-list-icon{background:var(--red)}.task-list-text{flex-direction:column;flex:1;min-width:0;display:flex}.task-list-added{color:var(--secondary-text);font-size:13px;font-weight:600}.task-list-title{font-size:16px;font-weight:600;line-height:22px}.task-list-row:is(.done,.stopped) .task-list-title{color:var(--secondary-text);text-decoration:line-through}.task-list-status{color:var(--secondary-text);font-size:13px}.task-list-result{white-space:pre-wrap;margin-top:4px;font-size:15px;line-height:21px}.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{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:#fafbfef7;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{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.computer-status{color:var(--secondary-text);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex;overflow:hidden}.computer-status span{text-overflow:ellipsis;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:var(--text);pointer-events:none;touch-action:none;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;visibility:hidden;background:linear-gradient(160deg,#e0e6f5 0%,#eeebf2 45%,#c4d6f0 100%);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-title{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:calc(100% - 260px);display:flex}.computer-card-header.with-buttons .computer-card-title{flex:1;max-width:none;margin:0 12px}.computer-card .computer-status{max-width:100%}.computer-card-title>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.computer-card-header.with-buttons{height:64px;padding:env(safe-area-inset-top) 16px 0;flex-direction:row;justify-content:space-between;position:relative}.computer-card-grabber{left:50%;top:calc(env(safe-area-inset-top) - 14px);background:#14161c33;border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute}.computer-card .computer-status{color:var(--secondary-text);font-size:14px}.computer-card .computer-status i{width:7px;height:7px}.round-glass{width:48px;height:48px;color:var(--text);background:#fff9;border:1px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 4px 14px #1e28501a}.round-glass:active{background:#ffffffe6}.computer-card-spacer{flex:1}.computer-current-task{text-align:center;color:var(--secondary-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:20px;display:-webkit-box;position:absolute;left:20px;right:20px;overflow:hidden}.computer-current-task b{color:var(--text);font-weight:600}.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:#fff9;border:1px solid #ffffffd9;border-radius:32px;place-items:center;width:64px;display:grid;position:absolute;bottom:14px;right:18px}.scroll-wheel-track{background:#14161c33;border-radius:1px;width:2px;position:absolute}.scroll-wheel-knob{box-sizing:border-box;border:2px solid var(--text);touch-action:none;background:#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:#14161c80;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:var(--text)}.computer-tab{position:relative}.computer-tab-badge{box-sizing:border-box;background:var(--orange);color:#000;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-4px;left:calc(50% + 6px)}.tasks-sheet-scrim{z-index:35;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.tasks-sheet-scrim.shown{pointer-events:auto;background:#14161c33}.tasks-sheet{bottom:0;left:0;right:0;top:calc(env(safe-area-inset-top) + 8px);box-sizing:border-box;padding:16px 16px env(safe-area-inset-bottom);color:var(--text);background:#f7f8fc;border-radius:38px 38px 0 0;transition:transform .45s cubic-bezier(.2,.9,.25,1);position:absolute;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 40px #1e28502e}.tasks-sheet-scrim.shown .tasks-sheet{transform:none}.tasks-sheet-header{justify-content:space-between;align-items:center;display:flex}.tasks-sheet-header h2{margin:0;font-size:17px;font-weight:600}.tasks-sheet h3{color:var(--secondary-text);margin:28px 4px 8px;font-size:15px;font-weight:400}.tasks-sheet ul{margin:0;padding:0;list-style:none}.tasks-sheet li button{width:100%;height:52px;color:var(--text);font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:14px;padding:0 4px;font-size:17px;display:flex}.tasks-sheet li button:active{opacity:.6}.tasks-sheet li svg{width:22px;height:22px;color:var(--secondary-text);flex:none}.tasks-sheet li.queued{opacity:.55}.tasks-sheet li.done span{color:var(--secondary-text);text-decoration:line-through}.tasks-sheet li.see-more span{color:var(--secondary-text);text-align:center;font-size:15px}.tasks-sheet li span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tasks-sheet li b{text-align:center;color:#fff;background:#ff453a;border-radius:12px;min-width:24px;height:24px;font-size:14px;line-height:24px}.tasks-sheet-empty{color:var(--secondary-text);margin:0 4px;font-size:15px}.task-spinner{box-sizing:border-box;border:2.5px solid #0a84ff;border-color:#0a84ff #0a84ff #0a84ff40 #0a84ff40;border-radius:50%;flex:none;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.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:var(--text);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:24px;outline:none;flex:1;padding:0 16px;font-size:17px}.keyboard-controls input::placeholder{color:#14161c66}.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}.sleepy-screen{background:#1c2a33;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.sleepy-face{width:84px;height:64px;position:relative}.sleepy-face i{background:#e9f1f3;transition:all .4s;position:absolute}.sleepy-eye{width:18px;height:5px;top:26px}.sleepy-eye.left{left:4px}.sleepy-eye.right{right:4px}.sleepy-mouth{width:24px;height:6px;top:48px;left:30px}.sleepy-screen.waking .sleepy-eye{width:8px;height:20px;animation:1.6s ease-in-out infinite sleepy-blink;top:18px}.sleepy-screen.waking .sleepy-eye.left{left:12px}.sleepy-screen.waking .sleepy-eye.right{right:12px}.sleepy-screen.waking .sleepy-mouth{width:40px;left:22px}@keyframes sleepy-blink{0%,86%,to{transform:none}92%{transform:scaleY(.2)}}.sleepy-zs{position:absolute;top:calc(50% - 40px);left:calc(50% + 46px)}.sleepy-zs span{color:#e9f1f3;opacity:0;font-size:18px;font-weight:700;animation:3s ease-out infinite sleepy-z;position:absolute;top:0;left:0}.sleepy-zs span:nth-child(2){animation-delay:1s}.sleepy-zs span:nth-child(3){font-size:22px;animation-delay:2s}@keyframes sleepy-z{0%{opacity:0;transform:translateY(10px)scale(.6)}25%{opacity:.9}to{opacity:0;transform:translate(26px,-34px)scale(1.15)}}.sleepy-label{text-align:center;color:#fff9;font-size:13px;position:absolute;bottom:18px;left:0;right:0}.computer-wake-button{color:#000;height:40px;font:inherit;background:#fff;border:0;border-radius:20px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.computer-wake-button svg{width:18px;height:18px}.sleepy-screen+.computer-wake-button{display:flex}.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{min-width:230px;color:var(--text);background:#fafbfef7;border:1px solid #ffffffe6;border-radius:18px;flex-direction:column;padding:6px;animation:.16s ease-out menu-in;display:flex;position:absolute;box-shadow:0 12px 40px #1e285033}.computer-menu-more{top:calc(env(safe-area-inset-top) + 64px);transform-origin:100% 0;right:12px}.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:#14161c0f}.computer-menu .destructive{color:var(--red)}.computer-menu-section{letter-spacing:.04em;text-transform:uppercase;color:var(--secondary-text);padding:8px 12px 2px;font-size:12px}@keyframes menu-in{0%{opacity:0;transform:scale(.92)}}