:root{--color-canvas:#fff;--color-canvas-soft:#f5f6f7;--color-canvas-card:#fff;--color-canvas-mid:#ccc;--color-surface:#f5f6f7;--color-surface-soft:#fafbfc;--color-primary:#111;--color-on-primary:#fff;--color-ink:#111;--color-ink-hover:#000;--color-ink-strong:#000;--color-body:#333;--color-body-mid:#666;--color-mute:#999;--color-hairline:#e5e6e7;--color-hairline-soft:#f0f1f2;--color-accent-blue:#06c;--color-accent-blue-deep:#004c99;--color-accent-coral:#ff5a4a;--color-accent-magenta:#d63c8c;--color-accent-purple:#7c3aed;--color-accent-sunset:#ff5a4a;--color-accent-dusk:#7c3aed;--color-accent-breeze:#dbeafe;--color-accent-midnight:#1e293b;--elevation-hairline:1px solid var(--color-hairline);--shadow-subtle:0px 1px 2px #0000000a;--shadow-card:0px 4px 6px #00000014;--font-display-xl:80px;--font-display-xl-lh:1.1;--font-display-xl-ls:-2px;--font-display-lg:56px;--font-display-lg-lh:1.1;--font-display-lg-ls:-1.5px;--font-display-md:40px;--font-display-md-lh:1.2;--font-display-md-ls:-1px;--font-display-sm:32px;--font-display-sm-lh:1.25;--font-display-sm-ls:-.5px;--font-display-xs:24px;--font-display-xs-lh:1.3;--font-body-lg:18px;--font-body-lg-lh:1.5;--font-body-md:16px;--font-body-md-lh:1.5;--font-body-sm:14px;--font-body-sm-lh:1.5;--font-button-md:14px;--font-button-md-lh:1.4;--font-caption:13px;--font-caption-lh:1.7;--font-caption-bold:13px;--font-caption-bold-lh:1.5;--font-micro:12px;--font-micro-lh:1.5;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-caption-mono:13px;--font-caption-mono-lh:1.7;--font-caption-mono-ls:0;--font-caption-mono-sm:12px;--font-caption-mono-sm-lh:1.5;--font-caption-mono-sm-ls:0;--font-sans:"DM Sans", "Inter", system-ui, -apple-system, sans-serif;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-section-sm:48px;--space-section:64px;--space-section-lg:80px;--space-hero:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:20px;--radius-hero:32px;--radius-pill:9999px;--radius-full:9999px;--bp-mobile:768px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-sans);font-size:var(--font-body-md);line-height:var(--font-body-md-lh);background:var(--color-canvas);color:var(--color-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent-breeze);color:var(--color-accent-blue-deep)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-canvas-mid)}a{color:var(--color-accent-blue);text-decoration:none}a:hover{color:var(--color-accent-blue-deep)}.display-xl{font-size:var(--font-display-xl);line-height:var(--font-display-xl-lh);letter-spacing:var(--font-display-xl-ls);font-weight:600}.display-lg{font-size:var(--font-display-lg);line-height:var(--font-display-lg-lh);letter-spacing:var(--font-display-lg-ls);font-weight:600}.display-md{font-size:var(--font-display-md);line-height:var(--font-display-md-lh);letter-spacing:var(--font-display-md-ls);font-weight:600}.display-sm{font-size:var(--font-display-sm);line-height:var(--font-display-sm-lh);letter-spacing:var(--font-display-sm-ls);font-weight:600}.display-xs{font-size:var(--font-display-xs);line-height:var(--font-display-xs-lh);font-weight:600}.body-lg{font-size:var(--font-body-lg);line-height:var(--font-body-lg-lh);font-weight:400}.body-md{font-size:var(--font-body-md);line-height:var(--font-body-md-lh);font-weight:400}.body-sm{font-size:var(--font-body-sm);line-height:var(--font-body-sm-lh);font-weight:400}.caption-mono{font-family:var(--font-mono);font-size:var(--font-caption-mono);line-height:var(--font-caption-mono-lh);letter-spacing:var(--font-caption-mono-ls);text-transform:uppercase;font-weight:400}.caption-mono-sm{font-family:var(--font-mono);font-size:var(--font-caption-mono-sm);line-height:var(--font-caption-mono-sm-lh);letter-spacing:var(--font-caption-mono-sm-ls);text-transform:uppercase;font-weight:400}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-button-md);line-height:var(--font-button-md-lh);cursor:pointer;font-weight:600;font-family:var(--font-sans);padding:11px 24px;transition:background .15s}.btn-primary:hover{background:#333}.btn-primary:disabled{background:var(--color-hairline);color:var(--color-mute);cursor:default}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-full);font-size:var(--font-button-md);line-height:var(--font-button-md-lh);cursor:pointer;font-weight:600;font-family:var(--font-sans);background:0 0;padding:11px 24px;transition:background .15s}.btn-secondary:hover{background:var(--color-surface)}.btn-tertiary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-full);font-size:var(--font-button-md);line-height:var(--font-button-md-lh);cursor:pointer;font-weight:600;font-family:var(--font-sans);padding:11px 24px;transition:border-color .15s}.btn-tertiary:hover{border-color:var(--color-canvas-mid)}.btn-outline{color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);font-size:var(--font-button-md);line-height:var(--font-button-md-lh);cursor:pointer;font-weight:400;font-family:var(--font-sans);background:0 0;transition:border-color .15s}.btn-outline:hover{border-color:var(--color-canvas-mid)}.btn-outline:disabled{opacity:.3;cursor:default}.btn-outline-sm{color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-size:var(--font-button-md);line-height:var(--font-button-md-lh);cursor:pointer;font-family:var(--font-sans);background:0 0;transition:border-color .15s}.btn-outline-sm:hover{border-color:var(--color-canvas-mid)}.btn-ghost{color:var(--color-body-mid);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-family:var(--font-mono);background:0 0;padding:2px 6px;transition:color .15s,border-color .15s,background .15s}.btn-ghost:hover{color:var(--color-ink);border-color:var(--color-canvas-mid);background:var(--color-surface)}.card{background:var(--color-canvas-card);border:var(--elevation-hairline);border-radius:var(--radius-xl);padding:var(--space-xl)}.text-input{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--font-body-md);line-height:var(--font-body-md-lh);outline:none;width:100%;height:40px;transition:border-color .15s}.text-input::placeholder{color:var(--color-body-mid)}.text-input:focus{border-color:var(--color-accent-blue);border-width:2px}.textarea-input{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);font-size:var(--font-body-md);line-height:var(--font-body-md-lh);resize:none;outline:none;width:100%;transition:border-color .15s}.textarea-input::placeholder{color:var(--color-body-mid)}.textarea-input:focus{border-color:var(--color-accent-blue);border-width:2px}.select-input{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);font-size:var(--font-body-md);cursor:pointer;outline:none;width:100%;height:40px}.hairline{border:none;border-top:1px solid var(--color-hairline)}.scrollable{scrollbar-width:thin;scrollbar-color:var(--color-hairline) transparent;overflow-y:auto}.toast{bottom:var(--space-3xl);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);padding:var(--space-md) var(--space-lg);font-size:var(--font-body-sm);z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.toast.visible{opacity:1}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-enter{animation:.25s ease-out message-in}.chat-input-container{background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:flex-end;gap:8px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-container:focus-within{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #0066cc1a}@keyframes breathing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.mobile-hamburger{display:none}@media (width<=768px){.mobile-hamburger{display:block}:root{--font-display-xl:40px;--font-display-xl-lh:1.1;--font-display-xl-ls:-1px}.sidebar-desktop{display:none}.sidebar-mobile-overlay{display:block}}@media (width>=769px){.sidebar-mobile-overlay{display:none}}