@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh}*,*:before,*:after{box-sizing:border-box}:root{--font-display: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--app-height: 100dvh;--bg: #f7fbff;--surface: #ffffff;--surface-soft: #f4f8ff;--surface-elevated: rgba(255, 255, 255, .92);--ink: #1a2a4d;--muted: #61718a;--line: #d8e3f0;--line-strong: #bfd0e4;--brand: #2f69b6;--brand-strong: #184f97;--brand-soft: #e8f1ff;--accent: #dbe8ff;--user: #2f69b6;--assistant: #ffffff;--panel-shadow: 0 18px 40px rgba(32, 84, 148, .12);--shadow: 0 18px 40px rgba(32, 84, 148, .12);--soft-shadow: 0 10px 24px rgba(32, 84, 148, .1);--brand-gradient: linear-gradient(150deg, #4a7ec7 0%, #2f69b6 45%, #184f97 100%);--surface-gradient: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);--page-gradient: radial-gradient(1200px 600px at -5% -20%, rgba(202, 225, 255, .88) 0%, rgba(202, 225, 255, 0) 60%), radial-gradient(900px 500px at 105% 8%, rgba(207, 239, 255, .72) 0%, rgba(207, 239, 255, 0) 62%), linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%)}body{font-family:var(--font-body);color:var(--ink);background:var(--page-gradient);overflow-x:hidden}#root{display:flex;justify-content:center;width:100%;max-width:100%;overflow-x:hidden}.wrap{width:min(1180px,100%);max-width:100vw;margin:0 auto;padding:28px 18px 22px;animation:reveal .28s ease-out}.top{display:flex;justify-content:center;align-items:flex-start;gap:16px;position:relative;padding:0 58px;margin-bottom:12px}.topBrandLogoImage{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--soft-shadow)}.brand{width:100%;text-align:center}.brand h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.02em}.subtitle{margin:8px auto 0;color:var(--muted);max-width:620px;font-size:1.02rem}.topMenuWrap{position:absolute;right:0;top:0}.topMenuToggle{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-elevated);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:var(--soft-shadow)}.topMenuToggle span{width:18px;height:2px;border-radius:999px;background:var(--brand-strong)}.topMenuToggle.open{background:var(--brand);border-color:var(--brand)}.topMenuToggle.open span{background:#eff6ff}.topMenuPanel{position:absolute;right:0;top:calc(100% + 10px);width:min(430px,92vw);border:1px solid var(--line);border-radius:14px;background:var(--surface-gradient);box-shadow:0 20px 42px #20549429;padding:12px;z-index:50}.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:#ffffffe0;color:var(--brand-strong);padding:6px 11px;font-size:.84rem;font-weight:600}.planBadgeInline{border-color:var(--line-strong);background:#f3f8ff;color:var(--brand-strong)}.freeBadgeInline{border-color:var(--line-strong);background:#f8fbff;color:var(--brand-strong)}.signOutBtn{cursor:pointer}.controls{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topMenuPanel .badges{margin-top:0}.topMenuPanel .controls{margin-top:10px;border:0;border-top:1px solid #dbe5f2;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 0 0;display:grid;grid-template-columns:1fr}.topMenuPanel .controls select{min-width:0;width:100%}select,input,button{font:inherit}select,.composer input{border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);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 var(--line-strong);background:var(--surface-gradient);color:var(--brand-strong);font-weight:600}.starters button:hover{box-shadow:0 8px 18px #2054941f}.starterLogoutBtn{margin-left:auto;border-color:var(--line-strong);color:var(--brand-strong);background:var(--surface-gradient)}.workspaceTabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:10px 0 14px}.workspaceFilters{display:grid;gap:10px;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-elevated);box-shadow:var(--soft-shadow)}.workspaceFiltersBody{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(260px,1.35fr) minmax(150px,.9fr);gap:10px}.workspaceFiltersToggle{display:none}.filterField{display:grid;gap:6px}.filterField label{font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#3d5e86}.filterFieldWide{min-width:0}.filterField select{width:100%;min-width:0;min-height:46px;font-weight:700;color:#1d426d;background:linear-gradient(180deg,#fff,#f6f9ff)}.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 var(--line);border-radius:12px;background:var(--surface-soft);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 var(--line);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:#deebfb;overflow:hidden}.progressBar{height:100%;border-radius:999px;background:var(--brand-gradient)}.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}.demoQuestionInput{width:100%;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.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:minmax(0,.92fr) minmax(360px,.48fr);gap:14px;align-items:start}.chatColumn{display:flex;flex-direction:column;min-height:0}.chat{height:clamp(440px,68vh,780px);min-height:440px;border:1px solid var(--line);border-radius:18px;padding:16px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#fffffff2,#f4f8fff2);box-shadow:var(--shadow);position:relative}.chatStream{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chatStream.freshSession{justify-content:flex-start}.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:var(--brand-gradient);color:#f2f7ff;border:1px solid var(--brand-strong);box-shadow:0 10px 25px #2f69b638}.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:#eaf2ff;color:var(--brand-strong);border-radius:6px;padding:1px 6px;font-size:.92em}.bubble pre{margin:10px 0 0;background:#173766;color:#e9f2ff;padding:10px;border-radius:10px;max-width:100%;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 var(--line);border-radius:14px;background:linear-gradient(160deg,#e8f1ffe0,#eef8ffd6);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:var(--brand-gradient);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);position:sticky;top:12px;max-height:min(78vh,860px);overflow:auto}.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 var(--line-strong);background:var(--surface-gradient);color:var(--brand-strong);font-weight:700}.modeBtn.active{border-color:var(--brand);background:var(--brand-gradient);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)}.inlineLoadingBanner{margin:8px 0 0;border:1px solid var(--line);border-radius:10px;background:#f6faff;color:var(--brand-strong);padding:8px 10px;font-size:.88rem;font-weight:600}.inlineLoadingText{margin:0 0 8px;color:#496384;font-size:.86rem}.ideLanguageTabs{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ideShell{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#f8fbff,#edf4ff);overflow:hidden}.ideHead{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #d5e2f2;padding:8px 10px;background:#ffffffb8;font-size:.84rem;color:#32567f}.ideHead strong{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:#1e426f}.ideEditor{width:100%;min-height:250px;border:0;border-bottom:1px solid #d5e2f2;border-radius:0;margin:0;padding:12px;resize:vertical;background:#f8fbff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.5;color:#132a4a}.ideEditor:focus{outline:none;background:#fff}.ideActions{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.ideActions .modeBtn{width:100%;white-space:normal;word-break:break-word;text-wrap:balance;font-size:.84rem;line-height:1.12;padding:8px 6px}.miniIdeOutput,.miniIdeError{margin:0 10px 10px;border-radius:10px;padding:10px;white-space:pre-wrap;overflow-x:auto;overflow-y:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem}.miniIdeOutput{border:1px solid var(--line);background:var(--surface);color:#19385f;min-height:84px;max-height:220px}.miniIdeError{border:1px solid var(--line);background:#f8fbff;color:var(--brand-strong)}.composer{display:flex;gap:10px;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--soft-shadow);width:100%;max-width:100%;overflow:hidden}.chatDock{margin-top:8px}.mobileToolsToggle{margin-top:8px;width:100%;min-height:46px;border:1px solid #9dbde2;border-style:solid;background:linear-gradient(180deg,#f3f8ff,#e2eeff);color:var(--brand-strong);font-weight:900;letter-spacing:.01em;box-shadow:0 10px 20px #2f69b624}.mobileToolsToggle:hover{background:linear-gradient(180deg,#edf5ff,#dcecff);border-color:#86abda;box-shadow:0 12px 24px #2f69b62e}.mobileBackToChatBtn{margin-bottom:10px;width:100%}.composer input{flex:1;min-width:0}.guestComposer{display:block;padding:8px}.composerInputShell{position:relative;width:100%;min-width:0}.composerInputShell input{width:100%;padding-right:56px}.clearComposerBtn{min-width:110px;padding:0 12px;font-weight:700}.sendBtn{flex:0 0 115px;min-width:115px;min-height:42px;padding:0 15px;transition:box-shadow .18s ease,background-color .15s ease,opacity .15s ease;border-color:var(--brand-strong);color:#f8fbff;background:var(--brand-gradient);box-shadow:0 10px 20px #1f579f47;font-weight:700}.sendBtn:hover,.sendBtn:active,.sendBtn:focus-visible{transform:none;box-shadow:0 14px 24px #1f579f57}.iconSendBtn{min-width:54px;width:54px;padding:0;display:inline-flex;align-items:center;justify-content:center}.iconSendBtn svg{width:20px;height:20px}.composerSendBtn{position:absolute;top:50%;right:8px;transform:translateY(-50%);flex:none;min-width:40px;width:40px;height:40px;border-radius:12px}@media(hover:none)and (pointer:coarse){button:hover,.sendBtn:hover,.sendBtn:active,.sendBtn:focus-visible{transform:none}}.authShell{min-height:100vh;width:100%;padding:26px;background:var(--page-gradient)}.landingSplashScreen{display:flex;align-items:center;justify-content:center;padding:24px}.landingSplashCard{width:min(640px,100%);padding:28px 24px;border:1px solid var(--line);border-radius:28px;background:var(--surface-elevated);box-shadow:0 24px 54px #2f69b624;display:grid;justify-items:center;text-align:center;gap:16px;animation:reveal .32s ease-out}.landingSplashLogo{width:clamp(120px,18vw,156px);height:clamp(120px,18vw,156px);border-radius:28px;object-fit:cover;border:1px solid #c8d9ed;background:#fff;box-shadow:0 18px 34px #1c519524}.landingSplashCard h2{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.3rem);letter-spacing:-.03em;color:#132f57}.landingSplashCard p{margin:0;max-width:22ch;color:#47617f;font-size:clamp(1.05rem,2.4vw,1.28rem);line-height:1.45;font-weight:600}.landingSplashBtn{min-width:190px;min-height:52px;font-size:1rem;font-weight:800}.landing{width:min(1240px,100%);margin:0 auto}.landingTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.landingBrand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#19365f;font-size:1.9rem;letter-spacing:-.01em}.landingLogo{width:46px;height:46px;border-radius:12px;background:var(--brand-gradient);color:#f8fbff;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:800}.landingLogoImage{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid #c3d4e8;background:#fff}.landingTag{border:1px solid #c8d5e6;border-radius:999px;padding:8px 14px;background:#ffffffb8;color:#31567f;font-weight:700;font-size:.84rem;letter-spacing:.01em}.landingTagRow{display:flex;justify-content:center;margin-bottom:14px}.landingLoginBtn{min-width:160px;min-height:58px;font-size:1.05rem;font-weight:800}.landingHero{display:grid;grid-template-columns:1.2fr .88fr;gap:22px}.landingHeroSingle{grid-template-columns:1fr;gap:0}.landingHeroSingle .landingCopy{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.landingHeroSingle .authCard{margin-top:-1px;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.landingCopy,.authCard{background:#fffffff5;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}.landingCopy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.heroKicker{margin:0;color:#385c87;font-weight:600;letter-spacing:.01em;font-size:1.05rem}.landingCopy h1{margin:12px 0 0;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3.25rem);letter-spacing:-.03em;line-height:1.1;max-width:16ch;color:#122a4d}.landingChecklist{margin-top:16px;display:grid;gap:8px}.heroSupport{margin:10px 0 0;color:#3a5f8a;max-width:58ch;font-size:1rem}.landingChecklist p{margin:0;color:#254a77;font-size:1.05rem;font-weight:700}.landingChecklist p:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;margin-right:8px;width:20px;height:20px;border-radius:999px;background:#e2f0ff;color:#1f5cab;font-size:.9rem;font-weight:900}.heroActions{margin-top:18px;display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}.heroStartBtn{min-width:250px;min-height:58px;padding:0 24px;font-size:1.12rem;font-weight:800;letter-spacing:.01em}.heroCredit{margin:8px 0 0;color:#4f6a8d;font-weight:600;font-size:.95rem}.landingVisual{background:#ffffffeb;border:1px solid #d6e2f0;border-radius:22px;box-shadow:var(--shadow);padding:16px}.landingVisualInner{height:100%;display:flex;flex-direction:column;gap:10px}.landingVisualInner h3{margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.01em;color:#13335b}.landingVisualInner ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#355780;font-weight:600;font-size:.94rem}.landingVisual img{width:100%;height:auto;border-radius:16px;border:1px solid #d6e2ef;background:#f8fbff}.landingVisualStats{display:flex;gap:8px;flex-wrap:wrap}.landingVisualStats span{border:1px solid #c8d9ed;border-radius:999px;padding:6px 10px;color:#2f5887;font-size:.84rem;font-weight:700;background:#f3f8ff}.landingVisualInner .sendBtn{margin-top:auto;min-height:48px}.landingFeatureCards{margin-top:18px;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landingFeatureCards article{border:1px solid #d8e2ef;border-radius:14px;background:#fbfdff;padding:12px;text-align:center}.featureIcon{width:44px;height:44px;border-radius:999px;border:1px solid #c8d9ec}.landingFeatureCards h3{margin:8px 0 0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.01em}.landingFeatureCards p{margin:6px 0 0;color:#4d6688;font-size:.95rem}.landingTrust{margin-top:18px;width:100%;text-align:center}.landingTrust h3{margin:0;font-family:var(--font-display);font-size:1.85rem;letter-spacing:-.01em}.landingTrust p{margin:6px 0 0;color:#355c89;font-weight:700}.landingQuote{margin-top:14px;width:100%;border:1px solid #d5e0ee;border-radius:16px;background:#f9fcff;padding:14px}.landingQuote p{margin:0;color:#27466f;font-size:1rem}.landingQuote strong{margin-top:10px;display:inline-block;color:#1a3f6d}.heroLimitShell{width:100%;margin-top:12px;min-height:88px}.heroLimitCta{border:1px solid var(--line);border-radius:12px;background:#f8fbff;color:var(--brand-strong);padding:10px;text-align:left}.heroLimitCta p{margin:0;font-size:.9rem;color:var(--brand-strong)}.heroLimitActions{margin-top:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.landingLongForm{margin-top:22px;display:grid;gap:14px}.landingSection{background:#ffffffed;border:1px solid #d4dfed;border-radius:22px;box-shadow:var(--shadow);padding:24px}.sectionEyebrow{margin:0;color:#3f5f87;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landingSection h2{margin:10px 0 0;font-family:var(--font-display);color:#132f54;font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.02em}.trustStrip .trustMetrics{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.trustMetrics article{border:1px solid #d8e2ef;border-radius:14px;background:#f9fbff;padding:12px}.trustMetrics strong{display:block;color:#153f6e;font-family:var(--font-display);font-size:1.15rem}.trustMetrics span{margin-top:4px;display:block;color:#3f5f87;font-size:.9rem}.roadmapGrid{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.roadmapGrid article{border:1px solid #d8e3ef;border-radius:14px;padding:14px;background:#fbfdff}.roadmapGrid span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #bdd3ea;color:#1f5cab;font-weight:800;font-size:.86rem;background:#eef5ff}.roadmapGrid h3,.deepDiveGrid h3,.testimonialGrid strong{margin:12px 0 0;font-family:var(--font-display);color:#163b67;font-size:1.08rem}.roadmapGrid p,.deepDiveGrid p,.testimonialGrid p,.faqList p{margin:8px 0 0;color:#3f5f87}.deepDiveGrid{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.deepDiveGrid article{border:1px solid #d6e1ee;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px}.testimonialGrid{margin-top:16px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.testimonialGrid article{border:1px solid #d6e1ef;border-radius:14px;background:#f8fbff;padding:14px}.faqList{margin-top:14px;display:grid;gap:8px}.faqList details{border:1px solid #d5e0ee;border-radius:12px;background:#fbfdff;padding:12px}.faqList summary{cursor:pointer;font-weight:700;color:#1c3f67}.finalCtaSection{text-align:center;background:radial-gradient(500px 220px at 0% 0%,#95c1fb59,#95c1fb00 65%),radial-gradient(500px 220px at 100% 100%,#7edac24d,#7edac200 68%),#f4f8ff}.finalCtaSection p{margin:10px 0 0;color:#375b86}.finalCtaActions{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.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}.landingCopy .trustStrip{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.landingCopy .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)}.landingHero>.authCard{grid-column:1 / -1}.authCard h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,2.3vw,2.15rem);letter-spacing:-.02em;letter-spacing:-.01em}.authCardTopRow{margin-bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.authBackBtn{padding:8px 14px;border-radius:999px;border:1px solid #8fb1dd;background:linear-gradient(180deg,#e9f2ff,#dceaff);color:#123e73;font-weight:800;box-shadow:0 6px 14px #1b569c24}.authBackBtn:hover{background:linear-gradient(180deg,#dfeeff,#d3e5ff);box-shadow:0 8px 16px #1b569c33}.authQuickBtn{font-weight:800}.authLoginBtn{border-color:#a9c3e1;background:linear-gradient(180deg,#f7fbff,#edf5ff);color:#1f4b78}.authLoginBtn:hover{background:linear-gradient(180deg,#f2f8ff,#e7f1ff);border-color:#96b7db}.authSignupBtn{border-color:#8fb5df;background:linear-gradient(180deg,#eaf4ff,#dcecff);color:#143f70;box-shadow:0 6px 14px #1b569c1a}.authSignupBtn:hover{background:linear-gradient(180deg,#e2f0ff,#d5e8ff);border-color:#7fa9d7;box-shadow:0 8px 16px #1b569c26}.authOnlyPage{max-width:720px}.authOnlyCard{margin:0 auto}.authCard p{margin:10px 0 0;color:var(--muted);font-size:1.03rem}.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:16px;border:1px solid #d7e2f0;border-radius:14px;background:#f8fbff;padding:12px}.demoCard h3{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.01em}.demoGuide{margin:8px 0 0;border:1px dashed #c8d9ee;border-radius:10px;background:#f2f7ff;color:#2f4f76;padding:8px 10px;font-size:.9rem;font-weight:700}.demoReply{border:1px solid #d2deec;border-radius:10px;background:#fff;padding:10px}.demoReplyShell{margin-top:8px;height:210px;overflow:auto;min-width:0}.demoPlaceholder{margin:0;border:1px dashed #cfdbeb;border-radius:10px;background:#fff;color:#547198;padding:10px;font-size:.9rem}.demoHint{margin-top:8px;font-size:.85rem;color:#395c86}.demoReply{overflow-wrap:anywhere;word-break:break-word}.demoReply *{max-width:100%}.demoReply pre{overflow-x:auto;white-space:pre}.demoReply code{overflow-wrap:anywhere;word-break:break-word}.demoReply table{display:block;overflow-x:auto;width:100%}.demoActions{margin-top:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.demoMeta{margin:8px 0 0;font-size:.84rem;color:#4a6588;font-weight:600}.demoTryBtn{border-color:#1f5dad;background:linear-gradient(150deg,#2f69b6,#18539d);color:#f8fbff;font-weight:800;box-shadow:0 10px 20px #1f579f3d;min-height:42px}.demoTryBtn:hover{box-shadow:0 12px 22px #1f579f4d}.authModeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.authForm{display:grid;gap:9px;margin-top:14px}.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:var(--brand-strong);background:#f8fbff;border:1px solid var(--line);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 var(--line);background:#f6faff;color:var(--brand-strong);border-radius:10px;padding:9px 11px;font-size:.92rem}.inlineNotice{margin:8px 0 0}.guestMenuPanel .guestControls{grid-template-columns:1fr}.guestMenuPanel .modeBtn{width:100%}.guestTrialBanner{margin:10px 0 14px;border:1px solid #cfe0f0;background:linear-gradient(180deg,#f5fafff5,#ebf4fffa);border-radius:16px;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center;box-shadow:0 12px 28px #14366014}.guestTrialBanner h3{margin:0;font-family:var(--font-display);color:#173c68;font-size:1rem}.guestTrialBanner p{margin:6px 0 0;color:#486587}.guestTrialMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.guestTrialMeta strong{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid #b9cfe6;background:#fff;color:#173d68;font-family:var(--font-display);font-size:1.15rem}.guestControlRow{display:flex;align-items:center;gap:12px;margin:4px 0 6px;min-width:0}.guestControlTabs{flex:1 1 520px;min-width:340px;margin:0}.guestControlTabs .modeBtn{min-height:48px}.guestControlStarters{flex:1 1 auto;min-width:0;margin:0;flex-wrap:nowrap;overflow:visible;gap:7px}.guestControlStarters .startersLabel{flex:0 0 auto}.guestControlStarters button{flex:0 0 auto;padding:6px 10px;font-size:.92rem}.guestControlMeta{flex:0 0 auto;flex-wrap:nowrap;gap:10px}.guestIdeHint{margin:4px 0 0;color:#4c6787;font-size:.76rem;line-height:1.25;text-align:center}.guestPaywallOverlay{position:fixed;inset:0;z-index:80;background:#0a182a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.guestPaywallCard{width:min(980px,100%);max-height:min(90vh,920px);overflow:auto}.guestPricingGrid{margin-top:18px}.tutorWorkspace{height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}.tutorWorkspace .top{margin-bottom:4px}.tutorWorkspace .subtitle{margin-top:1px}.tutorWorkspace .inlineNotice{margin-top:2px}.tutorWorkspace .freePlanBanner{margin:4px 0 6px;padding:8px 10px}.tutorWorkspace .freePlanBanner h3{font-size:.88rem}.tutorWorkspace .freePlanBanner p{margin-top:2px;font-size:.84rem}.tutorWorkspace .workspaceTabs{margin:4px 0 6px}.tutorWorkspace .workspaceFilters{margin-bottom:6px;padding:8px 10px}.tutorWorkspace .starters{margin:4px 0 6px}.tutorWorkspace .layout{flex:1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr)}.tutorWorkspace .chatColumn{min-height:0}.tutorWorkspace .chat{flex:1;height:auto;min-height:0}.tutorWorkspace .chatDock{margin-top:10px}.tutorWorkspace .side{position:static;height:100%;max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column}.tutorWorkspace .tips{flex:1;min-height:0;overflow:auto}.guestWorkspace{height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}.guestWorkspace .top,.tutorWorkspace .top{justify-content:center;align-items:center;min-height:40px;padding-left:62px;padding-right:58px}.guestWorkspace .brand,.tutorWorkspace .brand{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.guestWorkspace .brand h1,.tutorWorkspace .brand h1{flex:0 0 auto;font-size:clamp(1.04rem,1.5vw,1.26rem);line-height:1.02}.guestWorkspace .subtitle,.tutorWorkspace .subtitle{flex:0 1 auto;margin:0;max-width:42ch;font-size:.74rem;line-height:1.15}.guestWorkspace .top{margin-bottom:4px}.guestWorkspace .guestTrialBanner{margin:4px 0 6px;padding:10px 12px}.guestWorkspace .workspaceTabs,.guestWorkspace .starters{margin:4px 0 6px}.guestWorkspace .layout{flex:1;min-height:0;align-items:stretch}.guestWorkspace .chatColumn{min-height:0}.guestWorkspace .chat{flex:1;height:auto;min-height:0}.guestWorkspace .layout{grid-template-columns:minmax(0,1fr)}.guestWorkspace .chatDock{margin-top:10px}.guestWorkspace .side{position:static;height:100%;max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column}.guestWorkspace .tips{flex:1;min-height:0;overflow:auto}.mobileIdePage{min-height:100svh;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding-top:18px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.mobileIdeHeader{margin-bottom:8px;flex:0 0 auto}.mobileIdeCard{margin-top:8px;flex:1;min-height:0}.mobileIdePage .side{width:100%;max-width:100%;height:100%;margin:0 auto}.mobileIdePage .tips{display:flex;flex-direction:column;min-height:100%;overflow:visible}.ideStandalonePage .side,.ideStandalonePage .mobileIdeCard{width:100%;max-width:100%}.ideStandalonePage .mobileIdeCard{display:flex;min-height:0}.ideStandalonePage .side{display:flex;flex-direction:column}.ideStandalonePage .tips{display:flex;flex-direction:column;min-height:0;flex:1}.ideStandalonePage .ideShell{display:flex;flex-direction:column;flex:1;min-height:0}.ideStandalonePage .ideEditor{min-height:340px;flex:1 1 auto;resize:none}.ideStandalonePage .miniIdeOutput,.ideStandalonePage .miniIdeError{min-height:150px;max-height:none}.ideStandalonePage{padding-top:14px}.ideStandalonePage .mobileIdeHeader{margin-bottom:2px}.ideStandalonePage .top{min-height:34px;margin-bottom:4px}.ideStandalonePage .brand h1{font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1}.ideStandalonePage .subtitle{margin-top:4px;font-size:.92rem}.ideStandalonePage .tips h4{margin-bottom:8px}.ideStandalonePage .tips p{margin-top:0;margin-bottom:10px}.ideStandalonePage .ideLanguageTabs.hasBackButton{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch}.ideStandalonePage .ideBackBtn{min-width:110px;padding:8px 14px;font-size:.84rem;white-space:nowrap}@media(min-width:901px){.ideStandalonePage{padding-top:8px}.ideStandalonePage .top{min-height:26px;margin-bottom:0;padding-top:0;padding-bottom:0}.ideStandalonePage .topBrandLogoImage{width:38px;height:38px;border-radius:10px}.ideStandalonePage .brand{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.ideStandalonePage .brand h1{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1}.ideStandalonePage .subtitle{margin:0;font-size:.78rem;line-height:1.1;max-width:none}.ideStandalonePage .mobileIdeHeader{margin-bottom:0}.ideStandalonePage .mobileIdeCard{margin-top:2px}.ideStandalonePage .tips h4{margin-bottom:6px}.ideStandalonePage .tips p{margin-bottom:8px}}.freePlanBanner{margin:10px 0 14px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f5f9ff);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:var(--brand-strong)}.freePlanBanner p{margin:6px 0 0;color:var(--muted)}.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){.tutorWorkspace,.guestWorkspace{height:auto;max-height:none;overflow:visible}.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid,.landingHero,.pricingGrid{grid-template-columns:1fr}.guestTrialBanner{flex-direction:column;align-items:flex-start}.guestTrialMeta{width:100%;justify-content:space-between}.heroPanels{grid-template-columns:1fr}.trustStrip .trustMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmapGrid,.testimonialGrid,.deepDiveGrid,.layout{grid-template-columns:1fr}.side{order:2;position:static;max-height:none;overflow:visible}}@media(max-width:768px){html,body,#root{height:100%}body{background:#fff}.chatColumn.mobileHidden{display:none}.top{padding:0 2px;margin-bottom:6px}.topBrandLogoImage,.topMenuToggle{width:36px;height:36px;border-radius:10px}.guestWorkspace .top,.tutorWorkspace .top{position:relative;z-index:70;padding:max(10px,env(safe-area-inset-top)) 14px 8px;min-height:56px;margin-bottom:0;align-items:center;justify-content:center;gap:10px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobileIdeHeader.top{padding-left:52px;padding-right:52px}.guestWorkspace .brand h1,.tutorWorkspace .brand h1{font-size:1.12rem;line-height:1.05;letter-spacing:-.03em}.guestWorkspace .subtitle,.tutorWorkspace .subtitle,.guestWorkspace .topBrandLogoImage,.tutorWorkspace .topBrandLogoImage{display:none}.guestWorkspace .brand,.tutorWorkspace .brand{justify-content:center;width:auto;text-align:center;pointer-events:none}.guestWorkspace .topMenuWrap,.tutorWorkspace .topMenuWrap{right:14px;top:max(10px,env(safe-area-inset-top));z-index:90;pointer-events:auto}.guestWorkspace .guestTrialBanner,.tutorWorkspace .freePlanBanner{margin:2px 0 6px;padding:8px 10px}.topMenuPanel{right:-2px;top:calc(100% + 18px);width:min(360px,94vw);padding:10px;z-index:95}.topMenuPanel .controls .modeBtn,.topMenuPanel .badge.signOutBtn{min-height:38px;font-size:.88rem}.landing{max-width:640px}.landingCopy,.authCard{padding:18px;border-radius:14px}.landingCopy h1{font-size:clamp(2.05rem,9vw,2.45rem);max-width:100%;line-height:1.12}.landingCopy{min-height:calc(100dvh - 120px);justify-content:center}.landingHeroSingle .authCard:not(.authCardLocked){margin-top:-1px;border-top:0;border-radius:0 0 14px 14px}.heroText{max-width:100%;font-size:1.05rem;margin-top:14px}.landingTagRow{margin-bottom:10px}.landingLoginBtn{min-width:124px;min-height:48px;font-size:1rem}.landingCopy{align-items:center;text-align:center}.landingChecklist{width:100%;text-align:left}.landingVisual{display:none}.landingSplashCard{padding:24px 18px;border-radius:24px;gap:14px}.landingSplashLogo{width:112px;height:112px;border-radius:24px}.landingSplashCard p{max-width:18ch;font-size:1rem}.landingSplashCard h2{font-size:1.9rem}.landingSplashBtn{min-width:168px;min-height:48px;font-size:.96rem}.landingFeatureCards{grid-template-columns:1fr}.landingLongForm{gap:10px}.landingSection{border-radius:14px;padding:16px}.trustStrip .trustMetrics{grid-template-columns:1fr}.trustStrip,.trustStrip .sectionEyebrow{text-align:center}.trustStrip .trustMetrics article{text-align:center}.landingTrust h3{font-size:1.55rem}.landingTag{width:100%;justify-content:center;text-align:center}.workspaceTabs{width:100%;gap:6px;margin:6px 0 8px}.workspaceTabs .modeBtn{width:100%;min-height:40px;padding:8px 10px;font-size:.92rem}.workspaceFilters{padding:8px;gap:8px;margin-bottom:8px}.workspaceFiltersToggle{display:block;width:100%;min-height:38px;text-align:left;font-size:.8rem;padding:8px 10px}.workspaceFiltersBody{grid-template-columns:1fr;gap:8px}.workspaceFiltersBody.collapsed{display:none}.filterField label{font-size:.72rem}.filterField select{min-height:40px;font-size:.92rem}.metricsGrid{grid-template-columns:1fr}.freePlanBanner{flex-direction:column;align-items:flex-start;gap:8px;margin:6px 0 8px;padding:10px}.freePlanBanner h3{font-size:.9rem}.freePlanBanner p{font-size:.86rem;line-height:1.3}.freePlanBanner .sendBtn{min-height:40px;align-self:stretch}.guestWorkspace .guestTrialBanner{margin:8px 0 10px;padding:14px;border-radius:20px;align-items:stretch}.guestWorkspace .guestTrialBanner h3{font-size:.96rem}.guestWorkspace .guestTrialBanner p{font-size:.88rem;line-height:1.35}.guestWorkspace .guestTrialMeta{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.guestWorkspace .guestTrialMeta strong{justify-self:start;min-width:116px;min-height:48px;font-size:1rem}.guestWorkspace .guestTrialMeta .modeBtn{min-height:48px;font-size:.96rem;font-weight:800}.authShell{padding:14px}.landingTop{align-items:flex-start;flex-direction:column;gap:8px}.heroStats{grid-template-columns:1fr}.wrap{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;padding:12px 10px calc(24px + env(safe-area-inset-bottom))}.wrap.wrapScrollable{height:auto;min-height:100svh;overflow-y:auto;overflow-x:hidden}.guestWorkspace,.tutorWorkspace{height:var(--app-height);min-height:var(--app-height);overflow:hidden;padding:0;background:#fff}.brand h1{font-size:clamp(1.42rem,7.6vw,1.72rem);line-height:1.08}.subtitle{margin-top:4px;font-size:.86rem}.controls{width:100%}.controls select{flex:1;min-width:145px}.chat{flex:1;height:auto;max-height:none;min-height:0;border-radius:0;padding:12px 14px 120px}.guestWorkspace .chat,.tutorWorkspace .chat{border:0;border-radius:0;background:#fff;box-shadow:none;padding:8px 14px 132px}.chatColumn{height:100%;min-height:0;padding-bottom:0}.layout{flex:1;min-height:0}.guestWorkspace .layout,.tutorWorkspace .layout{margin-top:0;height:100%}.guestWorkspace .chatColumn,.tutorWorkspace .chatColumn{flex:1}.guestWorkspace .chat,.tutorWorkspace .chat{flex:1;min-height:0}.layout,.chatColumn,.side,.tips,.ideShell,.ideHead,.ideEditor,.ideActions,.ideLanguageTabs,.miniIdeOutput,.miniIdeError,.actions,.modeBtn{width:100%;max-width:100%}.side{padding:10px;max-height:calc(100svh - 172px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modeBtn{white-space:normal;overflow-wrap:anywhere}.bubble pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.starters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;margin:6px 0 8px;gap:4px;-webkit-overflow-scrolling:touch}.startersLabel{font-size:.84rem;margin-right:2px}.starters button{flex:0 0 auto;padding:5px 9px;font-size:.82rem}.starterLogoutBtn{order:0;margin-left:0;padding:4px 8px;min-height:30px;font-size:.74rem;font-weight:700;border-color:#d9c0c0}.demoReplyShell{height:175px}.demoQuestionInput{min-height:36px;padding-top:8px;padding-bottom:8px}.authCard .modeBtn,.authCard .sendBtn{min-height:44px}.heroActions{width:100%;display:grid;grid-template-columns:1fr;gap:14px}.heroActions .modeBtn,.heroStartBtn{width:100%}.heroStartBtn{min-height:60px;font-size:1.1rem}.heroActions .modeBtn{min-height:56px;font-size:1.08rem;font-weight:800}.authCardLocked,.landingCopyLocked{display:none}.authCardTopRow{grid-template-columns:1fr 1fr 1fr}.bubble{max-width:100%}.guestWorkspace .msg,.tutorWorkspace .msg{margin:8px 0}.guestWorkspace .bubble,.tutorWorkspace .bubble{max-width:min(86%,680px);border-radius:20px;padding:12px 14px;line-height:1.42;font-size:.98rem}.guestWorkspace .msg.assistant .bubble,.tutorWorkspace .msg.assistant .bubble{border:0;background:transparent;padding-left:0;padding-right:24px}.guestWorkspace .msg.user .bubble,.tutorWorkspace .msg.user .bubble{background:linear-gradient(180deg,#f2f7ff,#e8f0ff);color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 18px #2f69b614}.guestWorkspace .emptyState,.tutorWorkspace .emptyState{display:none}.chatDock.mobile{position:fixed;display:grid;gap:6px;left:0;right:0;bottom:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#f7fbff00,#f7fbffeb 18%,#f7fbff 42%);border-top:0;box-shadow:none;overflow:hidden;flex:0 0 auto;z-index:30}.composer{position:relative;margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;z-index:auto}.composer input,.composer .composerInputShell{grid-column:1 / -1}.guestComposer{display:block;grid-template-columns:none}.sendBtn{flex:1 1 0;min-width:0;width:100%;min-height:44px}.iconSendBtn{width:100%}.guestComposer .iconSendBtn,.guestComposer .composerSendBtn{width:38px;min-width:38px;height:38px}.clearComposerBtn{min-width:0;width:100%}.guestWorkspace .clearComposerBtn,.tutorWorkspace .clearComposerBtn{display:none}.mobileToolsToggle{margin-top:0;min-height:42px}.guestWorkspace .chatDock.mobile,.tutorWorkspace .chatDock.mobile{gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-radius:0}.guestWorkspace .composer,.tutorWorkspace .composer{gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#fff,#f2f7ff);box-shadow:0 8px 24px #2f69b61a}.guestWorkspace .composer input,.tutorWorkspace .composer input{min-height:44px;border:0;background:transparent;padding:0 56px 0 4px;font-size:1rem;color:var(--ink);box-shadow:none}.guestWorkspace .composer input::placeholder,.tutorWorkspace .composer input::placeholder{color:var(--muted)}.guestWorkspace .sendBtn,.tutorWorkspace .sendBtn{min-height:44px}.guestWorkspace .iconSendBtn,.tutorWorkspace .iconSendBtn{width:44px;min-width:44px}.guestWorkspace .guestComposer .iconSendBtn,.guestWorkspace .guestComposer .composerSendBtn,.tutorWorkspace .composerSendBtn{width:44px;min-width:44px;height:44px;top:50%;right:0;transform:translateY(-50%);border-radius:999px;background:var(--brand-gradient);border-color:var(--brand-strong);box-shadow:0 8px 18px #1f579f3d}.guestWorkspace .guestComposer .composerSendBtn svg,.tutorWorkspace .composerSendBtn svg{width:19px;height:19px}.guestWorkspace .freePlanBanner,.guestWorkspace .guestTrialBanner,.tutorWorkspace .freePlanBanner,.tutorWorkspace .inlineLoadingBanner,.guestWorkspace .inlineLoadingBanner,.tutorWorkspace .workspaceTabs,.guestWorkspace .workspaceTabs{display:none}.guestWorkspace .mobileToolsToggle,.tutorWorkspace .mobileToolsToggle{min-height:52px;border-radius:18px;font-size:1rem;font-weight:800;margin-bottom:calc(10px + env(safe-area-inset-bottom))}.mobileIdePage{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.mobileIdeHeader .brand h1{font-size:clamp(1.9rem,8.6vw,2.45rem);line-height:.98}.mobileIdeHeader .subtitle{margin-top:6px;font-size:.92rem}.mobileIdeCard{margin-top:6px}.mobileIdePage .tips{min-height:100%;padding-top:8px;margin-top:0}.mobileIdePage .ideShell{display:flex;flex-direction:column;flex:1;margin-top:8px}.mobileIdePage .ideEditor{min-height:clamp(230px,37svh,460px);max-height:none;flex:1;padding:12px;font-size:.84rem}.mobileIdePage .ideActions{margin:6px 8px;gap:6px;padding:6px}.mobileIdePage .miniIdeOutput{min-height:92px;max-height:clamp(120px,16svh,180px);flex:0 0 auto}.mobileIdePage .inlineForm{margin-top:6px}.mobileIdePage .guestIdeHint{margin-top:3px;font-size:.72rem}.mobileIdePage .mobileBackToChatBtn{margin-bottom:6px;min-height:42px}.mobileIdePage .tips h4{font-size:.98rem}.mobileIdePage .tips p{margin-top:4px;font-size:.86rem;line-height:1.32}.mobileIdePage .ideLanguageTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.mobileIdePage .modeBtn{min-height:40px}.mobileIdePage .ideActions .modeBtn{min-height:34px;font-size:.74rem;padding:6px 4px}.mobileIdePage .inlineForm .modeBtn{min-height:40px}.mobileIdePage .ideHead{padding:7px 10px}.mobileIdePage .side{padding:10px}.guestWorkspace .bubble,.tutorWorkspace .bubble{border-radius:18px;padding:14px 16px;font-size:1rem;line-height:1.5}.starterLogoutBtn{min-height:42px}.ideLanguageTabs{grid-template-columns:1fr;gap:6px}.ideShell{overflow:visible;margin-top:8px}.ideEditor{min-height:108px;max-height:108px;resize:none;padding:10px;font-size:.8rem;line-height:1.38}.ideActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;position:static;margin:6px 8px 8px;padding:6px;border:1px solid #d6e2f2;border-radius:10px;background:#f5fafff5;box-shadow:none}.ideActions .modeBtn{min-height:36px;font-size:.75rem;line-height:1.05;padding:6px 4px}.miniIdeOutput{min-height:72px;max-height:72px;margin:0 8px 8px;padding:8px;font-size:.78rem}.actions{gap:6px;margin-bottom:10px}.side h3{margin-bottom:8px;font-size:.98rem}.side h4{font-size:.96rem}.tips,.meta{padding-top:8px;margin-top:8px}.tips p,.meta p{margin-top:6px;font-size:.86rem;line-height:1.35}.demoActions{grid-template-columns:1fr 1fr}.heroLimitActions{grid-template-columns:1fr}}@media(max-width:480px){.top{padding:0 42px}.topMenuToggle{width:40px;height:40px;border-radius:10px}.landingCopy h1{font-size:clamp(1.85rem,9.8vw,2.2rem)}.demoReplyShell{height:160px}}