@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Source+Sans+3:wght@400;600;700&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh}:root{--bg: #f4f8fc;--surface: #ffffff;--surface-soft: #f8fbff;--ink: #11203a;--muted: #5b6a80;--line: #d7e1ec;--line-strong: #bfccda;--brand: #0c4a9a;--brand-soft: #dbe8ff;--accent: #0f766e;--user: #183b78;--assistant: #ffffff;--shadow: 0 18px 40px rgba(18, 43, 80, .1)}body{font-family:"Source Sans 3",sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at -5% -20%,#d9ecff,#d9ecff00 60%),radial-gradient(900px 500px at 105% 8%,#d8f4ef,#d8f4ef00 62%),var(--bg)}#root{display:flex;justify-content:center}.wrap{width:min(1180px,100%);margin:0 auto;padding:28px 18px 22px;animation:reveal .28s ease-out}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px}.brand h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.02em}.subtitle{margin:8px 0 0;color:var(--muted);max-width:620px;font-size:1.02rem}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--line-strong);background:#fffc;color:#24466f;padding:6px 11px;font-size:.84rem;font-weight:600}.planBadgeInline{border-color:#a7d7ba;background:#edf9f1;color:#1d6136}.freeBadgeInline{border-color:#d7c79d;background:#fff8e8;color:#755507}.signOutBtn{cursor:pointer}.controls{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}select,input,button{font:inherit}select,.composer input{border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);min-height:42px;padding:9px 12px}select{min-width:130px}button{border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease,background-color .15s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;transform:none;opacity:.55}.starters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:14px 0 18px}.startersLabel{font-weight:700;font-size:.92rem;color:#36527a}.starters button{padding:7px 12px;border-radius:999px;border:1px solid #c9d6e6;background:linear-gradient(180deg,#fff,#f6f9ff);color:#23446f;font-weight:600}.starters button:hover{box-shadow:0 8px 18px #2054941f}.workspaceTabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0 14px}.dashboard{border:1px solid var(--line);border-radius:16px;background:#ffffffe6;box-shadow:var(--shadow);padding:14px}.dashboardHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboardHead h2{margin:0;font-family:Sora,sans-serif}.dashboardHead .googleBtn{margin-top:0;width:auto;min-width:128px}.metricsGrid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metricCard{border:1px solid #cfdbeb;border-radius:12px;background:#f9fbff;padding:10px}.metricCard span{display:block;color:#5a7090;font-size:.82rem}.metricCard strong{display:block;margin-top:4px;font-family:Sora,sans-serif;font-size:1.1rem;color:#1f446f}.dashboardGrid{margin-top:12px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.dashboardSectionTabs{margin-top:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dashboardCard{border:1px solid #cfdbeb;border-radius:12px;background:#fff;padding:12px;margin-top:12px}.dashboardCard h3{margin:0 0 10px;font-family:Sora,sans-serif}.dashboardCard p{margin:0;color:var(--muted)}.progressRow{margin-top:8px}.progressMeta{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:#355982}.progressMeta strong{font-family:Sora,sans-serif;color:#1e4470;font-size:.84rem}.progressTrack{margin-top:4px;height:8px;border-radius:999px;background:#e7eef7;overflow:hidden}.progressBar{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f69b6,#1b4f94)}.modeChips{display:flex;flex-wrap:wrap;gap:8px}.inlineForm{display:grid;gap:8px}.inlineForm textarea,.inlineForm input,.inlineForm select,.tips textarea{border-radius:10px;border:1px solid var(--line-strong);padding:9px 12px;min-height:40px;background:#fff}.tips textarea{width:100%;resize:vertical}.simpleList{margin-top:10px;display:grid;gap:8px}.listRow,.listCol{border:1px solid #d6e1ef;border-radius:10px;background:#f9fbff;padding:8px 10px}.listCol strong{display:inline-block;margin-right:4px}.listCol p{margin:4px 0 0;font-size:.86rem}.listRow{display:flex;gap:8px;align-items:center;justify-content:space-between}.listRow select{min-width:120px}.tableWrap{overflow-x:auto}.tableWrap table{width:100%;border-collapse:collapse}.tableWrap th,.tableWrap td{border-bottom:1px solid #dbe5f2;text-align:left;padding:8px;font-size:.9rem}.layout{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.chat{min-height:540px;border:1px solid var(--line);border-radius:18px;padding:16px;overflow:auto;background:linear-gradient(180deg,#ffffffeb,#fafcffeb);box-shadow:var(--shadow);position:relative}.msg{display:flex;margin:11px 0}.msg.user{justify-content:flex-end}.bubble{max-width:min(75%,690px);border-radius:16px;padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.msg.assistant .bubble{background:var(--assistant);border:1px solid var(--line)}.msg.user .bubble{background:linear-gradient(145deg,#264f97 0%,var(--user) 100%);color:#f2f7ff;border:1px solid #1a3f7b;box-shadow:0 10px 25px #1e47883d}.bubble p{margin:0}.bubble p+p,.bubble ul,.bubble ol{margin-top:8px}.bubble h1,.bubble h2,.bubble h3{margin:0;font-family:Sora,sans-serif;letter-spacing:-.01em}.bubble h2,.bubble h3{margin-top:8px}.bubble code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#edf2fb;color:#203d66;border-radius:6px;padding:1px 6px;font-size:.92em}.bubble pre{margin:10px 0 0;background:#0f1d35;color:#e9f2ff;padding:10px;border-radius:10px;overflow-x:auto}.bubble pre code{background:transparent;color:inherit;padding:0}.typing{display:inline-flex;align-items:center;gap:6px;min-width:54px}.typingDot{width:7px;height:7px;border-radius:999px;background:#3d6ea9;opacity:.45;animation:pulseDot 1s infinite ease-in-out}.typingDot:nth-child(2){animation-delay:.15s}.typingDot:nth-child(3){animation-delay:.3s}.emptyState{border:1px dashed #cfdbeb;border-radius:14px;background:linear-gradient(160deg,#deecff7a,#e1f5ef7a);min-height:112px;margin-bottom:12px;position:relative;overflow:hidden}.emptyStateInner{position:relative;z-index:2;padding:14px}.emptyStateIcon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#2e64ab;color:#f4f8ff;font-size:.9rem;margin-bottom:6px}.emptyState h3{margin:0;font-family:Sora,sans-serif;font-size:.98rem}.emptyState p{margin:6px 0 0;color:#3f5a7f;font-size:.93rem}.emptyOrb{position:absolute;border-radius:999px;filter:blur(2px)}.emptyOrbOne{width:100px;height:100px;top:-36px;right:-26px;background:#4684d538}.emptyOrbTwo{width:84px;height:84px;bottom:-34px;left:-24px;background:#30a08c33}.side{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface-soft);box-shadow:var(--shadow)}.side h3,.side h4{margin:0;font-family:Sora,sans-serif;letter-spacing:-.01em}.side h3{margin-bottom:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.modeBtn{padding:9px;border:1px solid #c5d5e8;background:#fff;color:#23466f;font-weight:700}.modeBtn.active{border-color:#2f63a8;background:linear-gradient(180deg,#2e64ab,#275696);color:#eff5ff}.tips,.meta{border-top:1px solid var(--line);padding-top:11px;margin-top:11px}.tips p,.meta p{margin:8px 0 0;color:var(--muted)}.composer{display:flex;gap:10px;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#ffffffdb;box-shadow:0 8px 20px #122b5014}.composer input{flex:1;min-width:0}.sendBtn{min-width:115px;padding:0 15px;border-color:#1f579f;color:#f8fbff;background:linear-gradient(150deg,#2f69b6,#18539d);box-shadow:0 10px 20px #1f579f47;font-weight:700}.sendBtn:hover{box-shadow:0 14px 24px #1f579f57}.authShell{min-height:100vh;width:100%;padding:24px;background:radial-gradient(900px 420px at -8% -12%,#8abcfc73,#8abcfc00 60%),radial-gradient(920px 430px at 108% 4%,#82e0ca4d,#82e0ca00 62%),linear-gradient(180deg,#eef3fa,#f7fafe)}.landing{width:min(1220px,100%);margin:0 auto}.landingTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.landingBrand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#19365f}.landingLogo{width:32px;height:32px;border-radius:9px;background:linear-gradient(160deg,#2f69b6,#184b8c);color:#f8fbff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.landingTag{border:1px solid #c8d5e6;border-radius:999px;padding:7px 11px;background:#ffffffb8;color:#39577e;font-weight:600;font-size:.86rem}.landingHero{display:grid;grid-template-columns:1.2fr .88fr;gap:18px}.landingCopy,.authCard{background:#fffffff2;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.heroKicker{margin:0;color:#376090;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.landingCopy h1{margin:9px 0 0;font-family:Sora,sans-serif;font-size:clamp(1.7rem,2.6vw,2.55rem);letter-spacing:-.02em;max-width:14ch}.heroText{margin:12px 0 0;color:#4c617f;max-width:52ch;line-height:1.45}.heroActions{margin-top:14px}.heroStats{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.heroStats article{border:1px solid #d3deeb;border-radius:12px;background:#fbfdff;padding:10px}.heroStats strong{display:block;font-family:Sora,sans-serif;color:#1f446f;font-size:1rem}.heroStats span{font-size:.86rem;color:#5a7090}.trustStrip{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.trustStrip span{border-radius:999px;border:1px solid #c8d7ea;padding:6px 11px;font-size:.82rem;font-weight:700;color:#2c507d;background:#f4f8fd}.heroPanels{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.heroPanels article{border:1px solid #d5dfee;border-radius:12px;padding:10px;background:#fbfcff}.heroPanels h3{margin:0;font-family:Sora,sans-serif;font-size:.94rem}.heroPanels p{margin:6px 0 0;font-size:.88rem;color:var(--muted)}.authCard h2{margin:0;font-family:Sora,sans-serif;letter-spacing:-.01em}.authCard p{margin:8px 0 0;color:var(--muted)}.pricingPage .authCard{max-width:980px;margin:0 auto}.pricingGrid{margin-top:14px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pricingCard{border:1px solid #d4dfed;border-radius:14px;background:#f9fbff;padding:14px}.pricingCardPro{border-color:#8eb1df;background:linear-gradient(180deg,#f3f8ff,#fff)}.pricingCard h3{margin:0;font-family:Sora,sans-serif}.pricingPrice{margin:6px 0 0;color:#2d4e77;font-weight:700}.pricingCard ul{margin:10px 0 12px;padding-left:18px;color:#38587f}.demoCard{margin-top:12px;border:1px solid #d7e2f0;border-radius:12px;background:#f8fbff;padding:10px}.demoCard h3{margin:0;font-family:Sora,sans-serif;font-size:.95rem}.demoReply{margin-top:8px;border:1px solid #d2deec;border-radius:10px;background:#fff;padding:10px}.demoHint{margin-top:8px;font-size:.85rem;color:#395c86}.authHint{margin-top:12px;background:#fff8e8;border:1px solid #f3deb0;color:#6f5408;border-radius:10px;padding:10px;font-size:.92rem}.authModeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.authForm{display:grid;gap:9px;margin-top:12px}.authForm input{border-radius:10px;border:1px solid var(--line-strong);min-height:42px;padding:10px 12px}.googleBtn{margin-top:10px;width:100%;min-height:42px;border:1px solid #c4d4e8;background:#fff;color:#1f3a63;font-weight:700}.authError{margin-top:10px;color:#9b1c1c;background:#ffefef;border:1px solid #f7c5c5;border-radius:10px;padding:9px;font-size:.92rem}.paywallCard{width:min(620px,100%);margin:40px auto 0;background:#fffffff7;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.paywallCard h1{margin:0;font-family:Sora,sans-serif;letter-spacing:-.01em}.paywallCard>p{margin:9px 0 0;color:var(--muted)}.planBox{margin-top:14px;border:1px solid #cddaea;border-radius:12px;padding:12px;background:#f8fbff;display:flex;justify-content:space-between;gap:10px}.planBox h3{margin:0;font-family:Sora,sans-serif;font-size:1rem}.planBox p{margin:6px 0 0;color:#4f6483;font-size:.9rem}.planBadge{align-self:flex-start;border-radius:999px;border:1px solid #c3d5ea;background:#fff;padding:6px 10px;color:#2e537f;font-size:.82rem;font-weight:700}.paywallActions{margin-top:14px;display:grid;gap:8px}.paywallNotice{margin-top:12px;border:1px solid #b5dbc3;background:#ecfbf1;color:#185534;border-radius:10px;padding:9px 11px;font-size:.92rem}.inlineNotice{margin:8px 0 0}.freePlanBanner{margin:10px 0 14px;border:1px solid #e9d8a8;background:#fffaf0;border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.freePlanBanner h3{margin:0;font-family:Sora,sans-serif;font-size:.98rem;color:#5d4508}.freePlanBanner p{margin:6px 0 0;color:#70571a}.freePlanMeta{font-size:.88rem;font-weight:600}.freePlanBanner .sendBtn{min-height:40px}.authCheckoutNotice{margin-top:12px;margin-bottom:2px}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}@media(max-width:960px){.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid,.landingHero,.pricingGrid,.heroPanels,.layout{grid-template-columns:1fr}.side{order:-1}}@media(max-width:768px){.workspaceTabs,.workspaceTabs .modeBtn{width:100%}.metricsGrid{grid-template-columns:1fr}.freePlanBanner{flex-direction:column;align-items:flex-start}.authShell{padding:14px}.landingTop{align-items:flex-start;flex-direction:column;gap:8px}.heroStats{grid-template-columns:1fr}.wrap{padding:14px 12px 12px}.controls{width:100%}.controls select{flex:1;min-width:145px}.chat{min-height:420px;border-radius:14px;padding:12px}.bubble{max-width:100%}.composer{position:sticky;bottom:8px;z-index:30}.sendBtn{min-width:94px}}