:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#e9e9ec;--frame:#f4f4f6;--surface:#fff;--surface-soft:#fafafb;--ink:#101014;--ink-2:#3a3a43;--muted:#6b6b76;--line:#e7e7ec;--line-strong:#d9d9e0;--violet:#6d5efc;--violet-soft:#efedff;--blue:#3b82f6;--blue-soft:#e8f1ff;--teal:#14b8a6;--teal-soft:#dff6f2;--dark:#17171c;--error:#b42318;--error-soft:#fef3f2;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;--shadow-card:0 1px 2px #1010140a, 0 6px 18px #1010140a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}button,textarea{font:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{min-height:100vh;padding:28px}.app-surface{border:1px solid var(--line);background:var(--surface);max-width:1120px;min-height:calc(100vh - 56px);box-shadow:0 0 0 8px var(--frame), 0 20px 60px #1010140f;border-radius:22px;flex-direction:column;margin:0 auto;display:flex;position:relative}.app-surface:before{content:"";pointer-events:none;background:radial-gradient(40% 90% at 22% 0,#6d5efc1a,#0000 70%),radial-gradient(40% 90% at 78% 0,#3b82f617,#0000 70%);border-radius:22px 22px 0 0;height:220px;position:absolute;inset:0 0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex;position:relative}.brand{color:var(--ink);border-radius:10px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:650}.topbar-caption{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:500}.stage{flex-direction:column;flex:1;width:100%;max-width:700px;margin:0 auto;padding:56px 24px 24px;display:flex;position:relative}.stage-thread{padding-top:32px}.welcome{text-align:center;flex-direction:column;align-items:center;display:flex}.orb{background:radial-gradient(circle,#6d5efc29,#6d5efc0d 62%,#0000 63%);border-radius:50%;place-items:center;width:96px;height:96px;margin-bottom:26px;display:grid;box-shadow:0 0 0 1px #6d5efc14}.orb svg{filter:drop-shadow(0 8px 16px #6d5efc59)}.welcome h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:500;line-height:1.18}.welcome-sub{max-width:420px;color:var(--muted);margin:14px 0 0;font-size:14px}.examples{margin-top:44px}.row-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.row-head h2{margin:0;font-size:13px;font-weight:600}.row-head span{color:var(--muted);font-size:12px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.example-card{border:1px solid var(--line);background:var(--surface);min-height:150px;color:var(--ink);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 16px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.example-card:after{content:"";background:var(--tone-glow);filter:blur(22px);opacity:.7;pointer-events:none;border-radius:50%;width:130px;height:110px;transition:opacity .16s;position:absolute;top:-30px;right:-30px}.tone-1{--tone:var(--violet);--tone-bg:var(--violet-soft);--tone-glow:#6d5efc47}.tone-2{--tone:var(--blue);--tone-bg:var(--blue-soft);--tone-glow:#3b82f642}.tone-3{--tone:var(--teal);--tone-bg:var(--teal-soft);--tone-glow:#14b8a642}.example-icon{z-index:1;background:var(--tone);color:#fff;width:34px;height:34px;box-shadow:0 6px 12px -4px var(--tone-glow);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.example-text{z-index:1;flex:1;padding-right:14px;font-size:13px;font-weight:520;line-height:1.45;position:relative}.example-chevron{z-index:1;color:var(--muted);transition:transform .16s,color .16s;position:absolute;bottom:14px;right:14px}.example-card:hover:not(:disabled){border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.example-card:hover:not(:disabled):after{opacity:1}.example-card:hover:not(:disabled) .example-chevron{color:var(--ink);transform:translate(2px)}.example-card:active:not(:disabled){transform:translateY(0)}.example-card:disabled{cursor:wait;opacity:.6}.composer-dock{margin-top:28px}.composer-dock.is-docked{z-index:5;background:linear-gradient(to bottom, #fff0, var(--surface) 28%);margin-top:8px;padding:24px 0 8px;position:sticky;bottom:0}.composer{border:1px solid var(--line);background:var(--surface-soft);box-shadow:var(--shadow-card);border-radius:18px;padding:14px 14px 12px;transition:border-color .16s,box-shadow .16s,background-color .16s}.composer:focus-within{background:var(--surface);box-shadow:0 0 0 4px #6d5efc1f, var(--shadow-card);border-color:#6d5efc8c}.composer textarea{resize:vertical;width:100%;min-height:72px;max-height:260px;color:var(--ink);background:0 0;border:0;outline:0;padding:2px 4px;font-size:15px;line-height:1.55;display:block}.composer textarea::placeholder{color:var(--muted);opacity:1}.composer textarea:disabled{cursor:wait;opacity:.6}.form-error{background:var(--error-soft);color:var(--error);border:1px solid #fecdca;border-radius:10px;margin:8px 0 0;padding:9px 12px;font-size:13px;font-weight:500}.composer-bar{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}.form-note{color:var(--muted);font-size:12px;line-height:1.4}.submit-button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;font-size:13.5px;font-weight:600;transition:background-color .14s,transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff1f}.submit-button:hover:not(:disabled){background:#2b2b33;transform:translateY(-1px);box-shadow:0 6px 14px -4px #00000059,inset 0 1px #ffffff24}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:wait;opacity:.75}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.thread{flex-direction:column;gap:22px;margin-bottom:8px;display:flex}.conversation-turn{flex-direction:column;gap:22px;scroll-margin-top:24px;display:flex}.msg-user{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.msg-author{color:var(--muted);font-size:12px;font-weight:600}.bubble{background:var(--dark);color:#fff;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:18px 18px 6px;max-width:88%;margin:0;padding:12px 16px;font-size:14.5px;line-height:1.55}.msg-ai{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;padding:18px}.ai-head{align-items:center;gap:11px;display:flex}.ai-name{font-size:13.5px;font-weight:650;line-height:1.2;display:block}.ai-sub{color:var(--muted);margin:2px 0 0;font-size:12.5px;font-weight:450;line-height:1.3;display:block}.skeleton{gap:9px;margin-top:18px;display:grid}.skeleton span{background:linear-gradient(90deg,#efeff3 25%,#f8f8fa 50%,#efeff3 75%) 0 0/200% 100%;border-radius:6px;height:11px;animation:1.4s ease-in-out infinite shimmer}.skeleton span:first-child{width:92%}.skeleton span:nth-child(2){width:78%}.skeleton span:nth-child(3){width:54%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.assessment{background:linear-gradient(135deg,#f5f3ff,#f0f6ff);border:1px solid #e3e0ff;border-radius:14px;margin-top:16px;padding:16px 18px}.label{color:var(--violet);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.answer-copy{color:var(--ink-2);overflow-wrap:anywhere;font-size:14.5px;line-height:1.7}.answer-lead{color:var(--ink);font-size:16px;line-height:1.6}.answer-copy p,.answer-copy h3,.answer-copy ul{margin:0 0 12px}.answer-copy>:last-child{margin-bottom:0}.answer-copy h3{color:var(--ink);font-size:14.5px;font-weight:650}.answer-copy ul{padding-left:20px}.answer-copy li{padding-left:4px}.answer-copy li+li{margin-top:6px}.answer-copy li::marker{color:var(--violet)}.answer-copy a{color:var(--violet);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-color:#6d5efc66}.answer-copy a:hover{text-decoration-color:currentColor}.answer-copy code{color:var(--ink);font-family:var(--mono);background:#f1f1f5;border-radius:6px;padding:2px 6px;font-size:.88em}.details{margin-top:20px;padding:0 2px}.details>h3,.retrieval>h3{margin:0 0 10px;font-size:13px;font-weight:650}.retrieval{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;margin-top:20px;padding:14px 16px}.retrieval>h3{color:var(--ink-2);align-items:center;gap:7px;display:flex}.retrieval>h3 svg{color:var(--teal)}.retrieval>p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.tool-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tool-list li{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-family:var(--mono);border-radius:999px;padding:4px 10px;font-size:11.5px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:16px 26px;font-size:12px;display:flex}.footer span:first-child{color:var(--ink-2);font-weight:600}.footer-attribution{margin-left:auto}.footer-attribution a{color:inherit;text-decoration:none}.footer-attribution a:hover{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}@media (max-width:860px){.example-grid{grid-template-columns:minmax(0,1fr)}.example-card{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:14px 40px 14px 14px}.example-text{padding-right:0}.example-chevron{top:50%;bottom:auto;transform:translateY(-50%)}.example-card:hover:not(:disabled) .example-chevron{transform:translate(2px,-50%)}}@media (max-width:640px){.composer-dock.is-docked{background:0 0;padding:0;position:static}.app-frame{padding:0}.app-surface{min-height:100vh;box-shadow:none;border:0;border-radius:0}.app-surface:before{border-radius:0}.topbar{height:58px;padding:0 16px}.topbar-caption{display:none}.stage{padding:36px 16px 16px}.stage-thread{padding-top:20px}.welcome h1{font-size:27px}.examples{margin-top:32px}.composer-bar{flex-direction:column-reverse;align-items:stretch;gap:10px}.submit-button{width:100%}.form-note{text-align:center}.msg-ai{padding:15px}.bubble{max-width:94%}.footer{flex-direction:column;gap:4px;padding:14px 16px}.footer-attribution{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}