:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--surface-inset:#fafbfc;--ink-1:#0a1628;--ink-2:#2a3a52;--ink-3:#5b6b82;--ink-4:#8995a8;--navy:#0a1628;--navy-2:#102542;--teal:#00a39a;--teal-2:#008078;--teal-soft:#d6f1ef;--warn:#b45309;--warn-soft:#fef3c7;--error:#b91c1c;--error-soft:#fee2e2;--success:#047857;--line:#e3e7ed;--line-2:#d6dce5;--line-strong:#c1cad6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--radius-sm:4px;--radius:8px;--radius-lg:12px;--gutter:1.5rem;--ease:cubic-bezier(0.2,0.6,0.2,1);--dur-fast:120ms;--dur:200ms;--shadow-1:0 1px 2px rgba(10,22,40,.04),0 1px 1px rgba(10,22,40,.02);--shadow-2:0 4px 12px rgba(10,22,40,.06),0 1px 2px rgba(10,22,40,.04);--focus-ring:0 0 0 3px rgba(0,163,154,.32)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink-1);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--teal-2);text-decoration:none;border-radius:2px}a:hover{text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:none;box-shadow:var(--focus-ring)}code,kbd,samp{font-family:var(--font-mono);font-size:.875em}.app-header{justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;background:var(--navy);border-bottom:1px solid #06101e;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-header,.app-header-brand{display:flex;align-items:center;color:#f3f5f8}.app-header-brand{gap:.625rem;font-weight:600;letter-spacing:-.01em}.app-header-brand:hover{text-decoration:none}.brand-mark{width:22px;height:22px;border-radius:4px;background:linear-gradient(135deg,var(--teal) 0,#007a72 100%);display:inline-flex;align-items:center;justify-content:center;color:#001f1d;font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1}.app-header-meta{display:flex;align-items:center;gap:1rem;font-size:13px;color:#b8c2d1}.app-header-meta a{color:#d3dae6}.app-header-meta a:hover{color:#fff}.account-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:#d3dae6;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.01em}.account-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(0,163,154,.18)}main{flex:1 1;display:flex;flex-direction:column;min-height:0}.page{max-width:760px;padding:4rem 1.5rem 3rem}.hero,.page{width:100%;margin:0 auto}.hero{max-width:720px;padding:5rem 1.5rem 4rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;border-radius:999px;background:var(--teal-soft);color:var(--teal-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.25rem}.hero h1{font-size:clamp(2rem,1.4rem + 2.4vw,2.875rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:var(--ink-1);margin:0 0 1rem}.hero-lede{font-size:1.0625rem;line-height:1.55;color:var(--ink-2);max-width:56ch;margin:0 0 2rem}.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem;margin:1.75rem 0 2.5rem}.hero-meta{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem 2rem;gap:1rem 2rem}.hero-meta dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);margin-bottom:.25rem}.hero-meta dd{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:var(--radius);font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--navy-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--teal);border-color:var(--teal);color:#002320}.btn--primary:hover{background:var(--teal-2);border-color:var(--teal-2);color:#fff}.btn--ghost{background:transparent;color:var(--ink-1);border-color:var(--line-2)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn-arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease)}.btn:hover .btn-arrow{transform:translateX(2px)}.notice{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 24%,transparent);color:#5b370c;font-size:.9375rem;margin:1.25rem 0}.notice--error{background:var(--error-soft);border-color:color-mix(in srgb,var(--error) 28%,transparent);color:#6c1414}.notice-icon{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:currentColor}.chat-shell{flex:1 1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:820px;margin:0 auto;padding:1.5rem 1.5rem 1rem}.chat-context{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.chat-context h1{font-size:1.25rem;font-weight:600;letter-spacing:-.015em;margin:0;color:var(--ink-1)}.chat-context-sub{font-size:13px;color:var(--ink-3);margin:0}.chat-context-sub code{background:var(--surface-2);padding:.1rem .4rem;border-radius:4px;color:var(--ink-2)}.chat-log{flex:1 1;overflow-y:auto;list-style:none;margin:0;padding:.25rem 0 1rem;scroll-behavior:smooth}.chat-log:focus{outline:none}.turn{padding:1rem 0;border-bottom:1px solid var(--line)}.turn:last-child{border-bottom:0}.turn-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-bottom:.4rem;display:inline-flex;align-items:center;gap:.4rem}.turn--user .turn-role{color:var(--ink-2)}.turn--assistant .turn-role{color:var(--teal-2)}.turn--error .turn-role{color:var(--error)}.turn-text{color:var(--ink-1);font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.turn--user .turn-text{font-weight:500;color:var(--ink-1)}.turn--error .turn-text{color:var(--error);font-family:var(--font-mono);font-size:.875rem;background:var(--error-soft);padding:.625rem .75rem;border-radius:var(--radius);border-left:3px solid var(--error)}.turn--pending .turn-text{color:var(--ink-3);display:inline-flex;align-items:center;gap:.5rem}.thinking-dots{display:inline-flex;gap:3px}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:thinking 1.2s var(--ease) infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.turn-tools{margin-top:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-inset);font-size:.8125rem}.turn-tools[open]{background:var(--surface)}.turn-tools>summary{list-style:none;cursor:pointer;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;color:var(--ink-3);font-size:12px;font-weight:500;border-radius:var(--radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.turn-tools>summary::-webkit-details-marker{display:none}.turn-tools>summary:hover{color:var(--ink-1)}.turn-tools>summary:before{content:"";display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid;transition:transform var(--dur-fast) var(--ease)}.turn-tools[open]>summary:before{transform:rotate(90deg)}.tool-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--teal-soft);color:var(--teal-2);font-family:var(--font-mono);font-size:11px;font-weight:600}.tool-list{list-style:none;margin:0;padding:0 .75rem .625rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.tool-list li{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:.5rem}.tool-list li:before{content:"→";color:var(--ink-4);font-family:var(--font-sans)}.empty-state{padding:1.5rem 0 .75rem}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--ink-1);margin:0 0 .25rem}.empty-state-sub{font-size:.875rem;color:var(--ink-3);margin:0 0 1rem}.example-prompts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.625rem;gap:.625rem;list-style:none;margin:0;padding:0}.example-prompt{text-align:left;width:100%;padding:.75rem .875rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);font:inherit;font-size:.875rem;line-height:1.4;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.example-prompt:hover{border-color:var(--teal);background:var(--teal-soft);color:var(--ink-1)}.example-prompt:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--teal)}.example-prompt-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);margin-bottom:.25rem}.chat-form{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(to bottom,transparent,var(--bg) 35%,var(--bg) 100%);padding:1rem 0 .5rem;margin-top:auto}.chat-form-row{display:flex;gap:.5rem;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:.375rem .375rem .375rem .875rem;box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.chat-form-row:focus-within{border-color:var(--teal);box-shadow:var(--shadow-2),var(--focus-ring)}.chat-form input[type=text]{flex:1 1;border:none;background:transparent;font:inherit;font-size:.9375rem;color:var(--ink-1);padding:.5rem 0;outline:none;min-width:0}.chat-form input[type=text]::placeholder{color:var(--ink-4)}.chat-form button[type=submit]{flex:0 0 auto;padding:.5rem 1rem;background:var(--teal);color:#002320;border:1px solid var(--teal);border-radius:var(--radius);font:inherit;font-weight:600;font-size:.875rem;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chat-form button[type=submit]:hover:not(:disabled){background:var(--teal-2);color:#fff}.chat-form button[type=submit]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-form button[type=submit]:disabled{background:var(--surface-2);color:var(--ink-4);border-color:var(--line);cursor:not-allowed}.chat-form-hint{margin:.5rem .25rem 0;font-size:11.5px;color:var(--ink-4);display:flex;justify-content:space-between;gap:1rem}.chat-form-hint kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;background:var(--surface);border:solid var(--line-2);border-width:1px 1px 2px;border-radius:4px;color:var(--ink-2)}.muted{color:var(--ink-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}