:root{--chrome: #0d1117;--chrome-raised: #161b22;--chrome-border: rgba(255, 255, 255, .08);--chrome-text: #c9d1d9;--chrome-muted: #8b949e;--accent: #2563eb;--accent-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .25);--surface: #ffffff;--surface-raised: #f8fafc;--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--user-bg: #2563eb;--user-text: #ffffff;--ai-bg: #f8fafc;--ai-text: #0f172a;--ai-border: #e2e8f0;--danger: #ef4444;--warning-bg: #fefce8;--warning-border: #fde047;--warning-text: #854d0e;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-chat: -8px 0 40px rgba(0,0,0,.18);--transition: .35s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s ease;--font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--chrome);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden}.browser-frame{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;transition:flex var(--transition);background:var(--surface)}.app--split .browser-frame{flex:3 1 0}.browser-frame__toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--chrome);border-bottom:1px solid var(--chrome-border);flex-shrink:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px)}.browser-frame__url-bar{flex:1;display:flex;align-items:center;gap:0;background:var(--chrome-raised);border:1px solid var(--chrome-border);border-radius:var(--radius-pill);padding:0 4px 0 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-width:0}.browser-frame__url-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.browser-frame__lock{font-size:12px;flex-shrink:0;opacity:.7;-webkit-user-select:none;user-select:none;margin-right:6px}.browser-frame__url-input{flex:1;height:36px;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:12.5px;font-weight:400;color:var(--chrome-text);letter-spacing:.01em;min-width:0;caret-color:var(--accent)}.browser-frame__url-input::placeholder{color:var(--chrome-muted);font-family:var(--font-ui);font-size:13px;font-weight:400;letter-spacing:normal}.browser-frame__go-btn{height:28px;padding:0 14px;border:none;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.browser-frame__go-btn:hover{background:var(--accent-hover)}.browser-frame__go-btn:active{transform:scale(.97)}.browser-frame__notice{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--warning-bg);border-bottom:1px solid var(--warning-border);font-size:12px;color:var(--warning-text);flex-shrink:0}.browser-frame__notice-icon{font-style:normal;font-weight:700;font-size:11px;background:var(--warning-text);color:var(--warning-bg);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.browser-frame__notice-msg{flex:1}.browser-frame__notice-close{background:none;border:none;cursor:pointer;color:var(--warning-text);opacity:.6;font-size:14px;line-height:1;padding:2px;flex-shrink:0;transition:opacity var(--transition-fast)}.browser-frame__notice-close:hover{opacity:1}.browser-frame__iframe{flex:1 1 auto;border:none;width:100%;min-height:0;background:var(--surface);display:block}.app__chat{flex:2 1 0;min-width:320px;max-width:480px;display:flex;flex-direction:column;box-shadow:var(--shadow-chat);animation:chat-slide-in var(--transition) both}@keyframes chat-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chat-panel{display:flex;flex-direction:column;height:100%;background:var(--chrome);--surface: var(--chrome);--surface-raised: var(--chrome-raised);--border: #21262d;--border-subtle: #21262d;--text: var(--chrome-text);--text-secondary: var(--chrome-muted);--text-muted: var(--chrome-muted);--ai-bg: var(--chrome-raised);--ai-text: var(--chrome-text);--ai-border: #30363d}.chat-panel__header{display:flex;align-items:center;padding:14px 16px;background:var(--chrome);border-bottom:1px solid var(--chrome-border);flex-shrink:0;gap:12px;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px)}.chat-panel__header-brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chat-panel__status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 6px #22c55e99;animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px #22c55e99}50%{opacity:.7;box-shadow:0 0 10px #22c55ee6}}.chat-panel__title{font-size:13px;font-weight:600;color:var(--chrome-text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel__subtitle{font-size:11px;color:var(--chrome-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:500}.chat-panel__close{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--chrome-border);background:transparent;color:var(--chrome-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all var(--transition-fast);flex-shrink:0;line-height:1}.chat-panel__close:hover{background:var(--danger);border-color:var(--danger);color:#fff}.chat-panel__messages{flex:1 1 auto;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:10px;min-height:0;scroll-behavior:smooth}.chat-panel__messages::-webkit-scrollbar{width:4px}.chat-panel__messages::-webkit-scrollbar-track{background:transparent}.chat-panel__messages::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.chat-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;color:var(--text-muted);gap:10px}.chat-panel__empty-icon{font-size:36px;line-height:1;opacity:.5}.chat-panel__empty-text{font-size:13.5px;line-height:1.6;max-width:220px}.message--user{align-self:flex-end;background:var(--user-bg);color:var(--user-text);border-radius:18px 18px 4px;padding:10px 14px;max-width:82%;font-size:14px;line-height:1.5;word-break:break-word;animation:bubble-in-right .2s ease both}.message--assistant{align-self:flex-start;background:var(--ai-bg);color:var(--ai-text);border:1px solid var(--ai-border);border-radius:18px 18px 18px 4px;padding:10px 14px;max-width:82%;font-size:14px;line-height:1.5;word-break:break-word;box-shadow:var(--shadow-sm);animation:bubble-in-left .2s ease both}@keyframes bubble-in-right{0%{opacity:0;transform:translate(12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes bubble-in-left{0%{opacity:0;transform:translate(-12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.chat-panel__thinking{align-self:flex-start;display:flex;align-items:center;gap:5px;padding:12px 16px;background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:18px 18px 18px 4px;box-shadow:var(--shadow-sm)}.chat-panel__thinking-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chat-panel__dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:thinking-bounce 1.3s ease-in-out infinite}.chat-panel__dot:nth-child(2){animation-delay:.18s}.chat-panel__dot:nth-child(3){animation-delay:.36s}@keyframes thinking-bounce{0%,60%,to{transform:translateY(0);background:var(--text-muted)}30%{transform:translateY(-7px);background:var(--accent)}}.chat-panel__error{align-self:stretch;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#f87171;border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.5}.chat-panel__input-area{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface);border-top:1px solid var(--border-subtle);flex-shrink:0}.chat-panel__input{flex:1;height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:13.5px;color:var(--text);background:var(--surface-raised);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-width:0}.chat-panel__input::placeholder{color:var(--text-muted)}.chat-panel__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}.chat-panel__send-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.chat-panel__send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.07);box-shadow:0 4px 12px var(--accent-glow)}.chat-panel__send-btn:active:not(:disabled){transform:scale(.95)}.chat-panel__send-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.app__fab{position:fixed;bottom:28px;right:28px;width:58px;height:58px;border-radius:50%;border:none;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 6px 24px #1d4ed873,0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:200}.app__fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 10px 32px #1d4ed88c,0 4px 12px #0003}.thinking-accordion{align-self:flex-start;max-width:95%;background:#010409;border:1px solid #30363d;border-radius:6px;overflow:hidden;margin-bottom:2px}.thinking-accordion__header{display:flex;align-items:center;gap:6px;padding:5px 10px;background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-mono);font-size:11px;color:#6e7681;transition:color var(--transition-fast)}.thinking-accordion__header:hover{color:#8b949e}.thinking-accordion__icon{color:#f59e0b}.thinking-accordion__label{flex:1}.thinking-accordion__toggle{color:#388bfd;font-size:9px}.thinking-accordion__body{padding:8px 10px;font-family:var(--font-mono);font-size:11px;color:#6e7681;line-height:1.6;background:#161b22;border-top:1px solid #21262d;white-space:pre-wrap;max-height:180px;overflow-y:auto}.app__fab:active{transform:scale(.95)}.rich-message__p{font-size:13px;color:#c9d1d9;line-height:1.6;margin-bottom:8px}.rich-message__p:last-child{margin-bottom:0}.rich-message__table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}.rich-message__th{background:#1c2128;color:#388bfd;padding:5px 8px;text-align:left;border-bottom:1px solid #30363d;font-weight:600;font-size:11px}.rich-message__td{padding:4px 8px;color:#c9d1d9;border-bottom:1px solid #21262d;font-size:12px}.rich-message__tr:last-child .rich-message__td{border-bottom:none}.rich-message__code-inline{background:#1c2128;color:#79c0ff;font-family:var(--font-mono);font-size:11.5px;padding:1px 5px;border-radius:4px}.rich-message__code-block{display:block;background:#1c2128;color:#c9d1d9;font-family:var(--font-mono);font-size:11px;padding:10px 12px;border-radius:6px;overflow-x:auto;margin:6px 0}.rich-message__blockquote{border-left:3px solid #f59e0b;margin:6px 0;padding:4px 10px;background:#f59e0b0f;color:#d97706;font-size:12px}.rich-message__strong{color:#e6edf3;font-weight:700}.chat-panel__expand-btn{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:#388bfd;padding:2px 4px;border-radius:3px;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0;letter-spacing:.02em}.chat-panel__expand-btn:hover{color:#79c0ff;background:#388bfd1a}.app__divider{width:10px;background:#0d1117;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.app__divider-handle{width:18px;height:42px;background:#161b22;border:1px solid #30363d;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;transition:border-color var(--transition-fast),background var(--transition-fast);position:absolute;left:50%;transform:translate(-50%);z-index:10}.app__divider-handle:hover{background:#21262d;border-color:#388bfd}.app__divider-line{display:block;width:8px;height:1px;background:#6e7681;border-radius:1px;transition:background var(--transition-fast)}.app__divider-handle:hover .app__divider-line{background:#388bfd}.app--fullscreen-chat .app__browser,.app--fullscreen-chat .app__divider{display:none}.app--fullscreen-chat .app__chat{max-width:none;flex:1;animation:none}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--chrome);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(37,99,235,.18) 0%,transparent 70%);padding:24px}.auth-screen__card{width:100%;max-width:380px;background:var(--chrome-raised);border:1px solid var(--chrome-border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 24px 64px #00000080,0 1px #ffffff0a inset;display:flex;flex-direction:column;align-items:center;gap:8px;animation:auth-card-in .4s cubic-bezier(.16,1,.3,1) both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-screen__logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px;box-shadow:0 8px 24px #1d4ed866}.auth-screen__title{font-size:20px;font-weight:600;color:var(--chrome-text);letter-spacing:-.01em;text-align:center}.auth-screen__subtitle{font-size:13.5px;color:var(--chrome-muted);text-align:center;margin-bottom:12px}.auth-screen__body{font-size:13.5px;color:var(--chrome-muted);text-align:center;line-height:1.6}.auth-screen__body+.auth-screen__body{margin-top:8px}.auth-screen__body strong{color:var(--chrome-text);font-weight:500}.auth-screen__body code{font-family:var(--font-mono);font-size:12px;background:#388bfd1f;color:#79c0ff;padding:1px 6px;border-radius:4px}.auth-screen__google-btn{margin-top:8px;width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;font-family:var(--font-ui);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:0 1px 4px #00000040}.auth-screen__google-btn:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.35-8.16 2.35-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0}.auth-screen__google-btn:hover{background:#f5f5f5;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.auth-screen__google-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.auth-screen__divider{width:100%;text-align:center;font-size:11px;color:var(--chrome-muted);margin:4px 0;letter-spacing:.04em;text-transform:uppercase}.auth-screen__badge{margin-top:16px;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--chrome-muted);opacity:.7}