:root,:root[data-theme=light]{--conversation-max-width: none;--user-max-width: 70%;--input-max-width: none;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--font-family: "Google Sans", Inter, "Segoe UI", sans-serif;--font-mono: "Fira Code", ui-monospace, Consolas, monospace;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 16px;--font-size-hero: 28px;--line-height-snug: 1.45;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .05);--shadow-green: 0 1px 2px rgba(46, 125, 50, .15);--shadow-hover: 0 4px 14px rgba(46, 125, 50, .08);--shadow-focus: 0 4px 12px rgba(46, 125, 50, .1);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--brand-green: #2e7d32;--brand-green-dark: #1f6b2a;--brand-green-light: #f4faf6;--bg-page: #f8f9fa;--bg-card: #ffffff;--bg-code: #f1f3f4;--border-color: #e8eaed;--border-color-light: #dadce0;--text-primary: #202124;--text-secondary: #5f6368;--text-placeholder: #9ca3af;--text-on-green: #ffffff;--scrollbar-thumb: rgba(60, 64, 67, .28);--scrollbar-thumb-hover: rgba(60, 64, 67, .45)}:root[data-theme=dark]{--brand-green: #66bb6a;--brand-green-dark: #4caf50;--brand-green-light: #1c2b1e;--bg-page: #121316;--bg-card: #1e2023;--bg-code: #26292e;--border-color: #2f3237;--border-color-light: #3a3e44;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-placeholder: #6b7280;--text-on-green: #0b160c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 3px rgba(0, 0, 0, .5);--scrollbar-thumb: rgba(232, 234, 237, .24);--scrollbar-thumb-hover: rgba(232, 234, 237, .42)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box;transition:background-color var(--duration-normal)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.auth-screen{display:flex;align-items:center;justify-content:center;height:100dvh;padding:var(--space-lg);background:var(--bg-page)}.auth-screen__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:420px;padding:var(--space-2xl);text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-screen__card--denied .auth-screen__icon{color:#d9534f}.auth-screen__title{margin:0;font-size:var(--font-size-hero);font-weight:500;color:var(--text-primary)}.auth-screen__message{margin:0;font-size:var(--font-size-base);color:var(--text-secondary)}.auth-screen__spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--brand-green-light);border-top-color:var(--brand-green);animation:spin .8s linear infinite}body,.header,.composer,.conversation,.msg--assistant,.msg--user{transition:background-color .7s ease,border-color .7s ease,color .7s ease}@media (prefers-reduced-motion: reduce){body,.header,.composer,.conversation,.msg--assistant,.msg--user{transition:none}}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border-bottom:1px solid var(--border-color);flex:0 0 auto}.header__brand{display:flex;flex-direction:column;gap:var(--space-xs)}.header__logo-row{display:flex;align-items:center;gap:var(--space-sm)}.header__logo{height:28px;width:auto}.header__divider{color:var(--border-color-light);font-size:20px;font-weight:300}.header__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.header__freshness{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.header__actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.header__controls{display:flex;align-items:center;gap:var(--space-sm)}.btn{font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-pill);border:1px solid transparent;transition:background var(--duration-normal),transform var(--duration-fast)}.btn--primary{background:var(--brand-green);color:var(--text-on-green);font-weight:500;font-size:var(--font-size-sm);height:36px;padding:0 var(--space-md)}.btn--primary:hover{background:var(--brand-green-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{position:relative;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--border-color-light);background:var(--bg-page);cursor:pointer;overflow:hidden;transition:border-color var(--duration-normal),background var(--duration-slow)}.theme-toggle:hover{border-color:var(--brand-green)}.theme-toggle:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.theme-toggle[data-theme-state=light]{background:linear-gradient(180deg,#eaf3ff,#fdf6e3)}.theme-toggle[data-theme-state=dark]{background:linear-gradient(180deg,#0b1533,#26305a)}.theme-toggle__sky{position:absolute;top:0;right:0;bottom:0;left:0}.theme-toggle__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .5s ease .22s}.theme-toggle[data-theme-state=dark] .theme-toggle__stars{opacity:1}.theme-toggle__star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:0}.theme-toggle__star:nth-child(1){top:22%;left:26%}.theme-toggle__star:nth-child(2){top:15%;left:62%;width:1.5px;height:1.5px}.theme-toggle__star:nth-child(3){top:33%;left:74%}.theme-toggle__star:nth-child(4){top:40%;left:17%;width:1.5px;height:1.5px}.theme-toggle[data-theme-state=dark] .theme-toggle__star{animation:shimmerOnce 1.3s ease-out both}.theme-toggle[data-theme-state=dark] .theme-toggle__star:nth-child(2){animation-delay:.22s}.theme-toggle[data-theme-state=dark] .theme-toggle__star:nth-child(3){animation-delay:.4s}.theme-toggle[data-theme-state=dark] .theme-toggle__star:nth-child(4){animation-delay:.58s}@keyframes shimmerOnce{0%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(1)}}.theme-toggle__sunglow{position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5);background:radial-gradient(circle,#f5a623d9,#f5a62359 42%,#f5a62300 70%)}.theme-toggle[data-theme-state=light] .theme-toggle__sunglow{animation:sunGlowOnce 1.5s ease-out both}@keyframes sunGlowOnce{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}40%{opacity:.95;transform:translate(-50%,-50%) scale(1.3)}to{opacity:.3;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.theme-toggle__stars{transition:none}.theme-toggle__star,.theme-toggle[data-theme-state=dark] .theme-toggle__star{animation:none;opacity:.75}.theme-toggle__sunglow,.theme-toggle[data-theme-state=light] .theme-toggle__sunglow{animation:none;opacity:.28}}.theme-toggle__orb{position:absolute;left:50%;top:46%;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .7s cubic-bezier(.34,1.28,.64,1),opacity .48s ease;will-change:transform,opacity}.theme-toggle__orb--sun{color:#f5a623}.theme-toggle__orb--moon{color:#dfe7f5}.theme-toggle[data-theme-state=light] .theme-toggle__orb--sun{transform:translate(-50%,-50%);opacity:1}.theme-toggle[data-theme-state=light] .theme-toggle__orb--moon,.theme-toggle[data-theme-state=dark] .theme-toggle__orb--sun{transform:translate(-50%,160%);opacity:0}.theme-toggle[data-theme-state=dark] .theme-toggle__orb--moon{transform:translate(-50%,-50%);opacity:1}.theme-toggle__horizon{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.14),transparent)}@media (prefers-reduced-motion: reduce){.theme-toggle__orb{transition:none}}.account-field{display:flex;align-items:center;gap:var(--space-sm)}.account-field__label{font-weight:700;color:var(--brand-green);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.account-field__value{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);max-width:260px;overflow-wrap:anywhere;line-height:1.3}.model-badge{display:inline-flex;align-items:baseline;justify-content:center;align-self:center;gap:6px;max-width:100%;padding:3px 10px;border:1px solid var(--border-color-light);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-green-light),var(--bg-card));box-shadow:var(--shadow-green);font-size:.7rem;line-height:1}.model-badge__dot{position:relative;flex:0 0 auto;align-self:center;width:4.5px;height:4.5px;border-radius:50%;background:var(--brand-green);animation:modelDotGlow 1.6s ease-in-out infinite}.model-badge__dot:after{content:"";position:absolute;top:-.75px;right:-.75px;bottom:-.75px;left:-.75px;border-radius:50%;border:1.125px solid var(--brand-green);animation:modelDotRadar 1.6s ease-out infinite}@keyframes modelDotGlow{0%,to{transform:scale(.85);box-shadow:0 0 .75px #2e7d3233}50%{transform:scale(1);box-shadow:0 0 1.5px #2e7d3266}}@keyframes modelDotRadar{0%{transform:scale(.6);opacity:.45}to{transform:scale(3.4);opacity:0}}@media (prefers-reduced-motion: reduce){.model-badge__dot,.model-badge__dot:after{animation:none}}.model-badge__label{color:var(--brand-green);font-weight:700;font-size:.6rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}.model-badge__name{font-weight:600;line-height:1;color:var(--text-primary);white-space:nowrap}.conversation{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-lg) 20px}.conversation__inner{max-width:var(--conversation-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.hero{background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-focus);margin-bottom:var(--space-lg)}.hero__title{font-size:var(--font-size-hero);font-weight:500;color:var(--text-on-green);margin:0 0 var(--space-xs)}.hero__tagline{font-size:var(--font-size-lg);font-weight:500;color:var(--text-on-green);margin:0 0 var(--space-md)}.hero__subtitle{font-size:var(--font-size-base);color:#ffffffe6;margin:0}.suggestions__title{font-size:12px;font-weight:600;color:var(--brand-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.suggestions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.suggestion-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;text-align:left;transition:all var(--duration-normal);font-family:var(--font-family)}.suggestion-card:hover{border-color:var(--brand-green);background:var(--brand-green-light);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.suggestion-card__text{font-size:14px;font-weight:500;color:var(--text-primary)}.suggestion-card__desc{font-size:12px;color:var(--text-secondary)}.suggestion-card__chevron{color:var(--text-placeholder);flex-shrink:0}.msg-row{display:flex;width:100%}.msg-row--user{justify-content:flex-end}.msg--user{background:var(--brand-green);color:var(--text-on-green);border-radius:var(--radius-lg);padding:var(--space-md);max-width:var(--user-max-width);box-shadow:var(--shadow-green);font-weight:500;white-space:pre-wrap}.msg--assistant{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);width:100%;line-height:var(--line-height-relaxed)}.msg--assistant.msg--error{border-color:#d9534f}.msg__content :first-child{margin-top:0}.msg__content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.msg__content th{background:var(--brand-green);color:var(--text-on-green);padding:10px 14px;text-align:left;white-space:nowrap}.msg__content td{padding:10px 14px;border-bottom:1px solid var(--border-color);white-space:nowrap}.msg__content pre{background:var(--bg-code);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 16px;overflow-x:auto}.msg__content code{font-family:var(--font-mono);font-size:14px}.msg__content blockquote{border-left:3px solid var(--brand-green);padding-left:var(--space-md);color:var(--text-secondary);font-style:italic;margin:var(--space-md) 0}.msg__content--streaming>:last-child:after{content:"";display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--brand-green);border-radius:1px;animation:caretBlink 1s steps(2,start) infinite}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.msg__content--streaming>:last-child:after{animation:none;opacity:1}}.msg__toolbar{display:flex;gap:var(--space-xs);justify-content:flex-end;margin-top:var(--space-xs);opacity:.45;transition:opacity var(--duration-normal)}.msg--assistant .msg__toolbar{justify-content:flex-start}.msg-row:hover .msg__toolbar,.msg-user-wrap:hover .msg__toolbar,.msg__toolbar:focus-within{opacity:1}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-normal),background var(--duration-normal)}.copy-btn:hover{color:var(--brand-green);background:var(--brand-green-light)}.msg-user-wrap{display:flex;flex-direction:column;align-items:flex-end;max-width:var(--user-max-width)}.msg-user-wrap .msg--user{max-width:100%}.activity{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}.activity__step{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.activity__icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.activity__check{color:var(--brand-green);font-weight:700;animation:pop var(--duration-normal) ease-out}.activity__spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--brand-green-light);border-top-color:var(--brand-green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.activity__step--current .activity__label{background:linear-gradient(90deg,var(--text-secondary) 0%,var(--text-primary) 25%,var(--brand-green) 50%,var(--text-primary) 75%,var(--text-secondary) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500;animation:shimmer 2.4s linear infinite}.activity__toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-align:left}.activity__toggle:hover{color:var(--brand-green)}.msg__stopped{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.msg__stopped-icon{color:#d9534f;font-style:normal}.followups{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.followups__title,.actions__title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.followups__list,.actions__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.followup-btn{background:var(--bg-card);border:1px solid var(--border-color-light);color:var(--brand-green);border-radius:var(--radius-pill);padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-family)}.followup-btn:hover{background:var(--brand-green-light);border-color:var(--brand-green)}.actions{margin-top:var(--space-md)}.action-btn{border-radius:var(--radius-pill);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-family);border:1px solid transparent}.action-btn--primary{background:var(--brand-green);color:var(--text-on-green)}.action-btn--secondary{background:var(--bg-card);color:var(--brand-green);border-color:var(--border-color-light)}.action-btn--danger{background:var(--bg-card);color:#d9534f;border-color:#e6b0ac}.action-btn:disabled{opacity:.5;cursor:not-allowed}.sql-viewer{margin-top:var(--space-md)}.sql-viewer__summary{cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.sql-viewer pre{margin-top:var(--space-sm);max-width:100%;background:var(--bg-code);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 16px;overflow-x:auto}.composer{flex:0 0 auto;padding:var(--space-md) 20px;background:var(--bg-page)}.composer__box{display:flex;align-items:flex-end;gap:var(--space-sm);max-width:var(--input-max-width);margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-pill);padding:8px 8px 8px 20px;box-shadow:var(--shadow-md)}.composer__box:focus-within{border-color:var(--brand-green);box-shadow:var(--shadow-focus)}.composer__textarea{flex:1 1 auto;border:none;outline:none;resize:none;background:transparent;color:var(--text-primary);font-family:var(--font-family);font-size:16px;line-height:var(--line-height-snug);padding:10px 0;max-height:160px}.composer__textarea::placeholder{color:var(--text-placeholder)}.composer__send{background:var(--brand-green);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-on-green);flex-shrink:0}.composer__send:hover{background:var(--brand-green-dark)}.composer__send:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){:root{--conversation-max-width: 100%;--input-max-width: 100%}.suggestions__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){:root{--user-max-width: 85%}.header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.header__actions{width:100%}.header__controls{flex-wrap:wrap;width:100%}.account-field{flex:1}.account-field__value{flex:1;max-width:none;min-width:0}.suggestions__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}