*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.69rem, .64rem + .25vw, .75rem);--text-sm: clamp(.8rem, .74rem + .3vw, .875rem);--text-base: clamp(.925rem, .87rem + .28vw, 1rem);--text-lg: clamp(1.08rem, .98rem + .5vw, 1.25rem);--text-xl: clamp(1.3rem, 1.12rem + .9vw, 1.625rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 3px;--radius-md: 5px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--dur-fast: .12s;--dur-normal: .22s;--dur-slow: .4s;--sidebar-w: 260px;--chat-max-w: 740px}[data-theme=dark]{--bg-primary: oklch(14% .012 260);--bg-secondary: oklch(18% .012 260);--bg-tertiary: oklch(22% .012 260);--bg-hover: oklch(25% .014 260);--bg-active: oklch(28% .014 260);--text-primary: oklch(88% .01 75);--text-secondary: oklch(62% .008 260);--text-tertiary: oklch(46% .006 260);--accent: oklch(76% .138 65);--accent-hover: oklch(82% .138 65);--accent-dim: oklch(56% .1 65);--border: oklch(24% .01 260);--border-subtle: oklch(20% .008 260);--success: oklch(68% .14 155);--error: oklch(68% .18 25);--code-bg: oklch(12% .012 260);--scrollbar-thumb: oklch(30% .01 260)}[data-theme=light]{--bg-primary: oklch(97.5% .004 75);--bg-secondary: oklch(94% .006 75);--bg-tertiary: oklch(91% .008 75);--bg-hover: oklch(89% .008 75);--bg-active: oklch(86% .01 75);--text-primary: oklch(18% .012 260);--text-secondary: oklch(42% .008 260);--text-tertiary: oklch(58% .006 260);--accent: oklch(52% .14 65);--accent-hover: oklch(46% .14 65);--accent-dim: oklch(42% .1 65);--border: oklch(87% .006 75);--border-subtle: oklch(91% .004 75);--success: oklch(42% .14 155);--error: oklch(50% .18 25);--code-bg: oklch(94% .006 75);--scrollbar-thumb: oklch(78% .006 75)}html{font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark light;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6;height:100%;overflow:hidden}#root{height:100dvh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.app{display:flex;height:100%;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left var(--dur-normal) var(--ease-out)}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);transition:transform var(--dur-normal) var(--ease-out),opacity var(--dur-normal) var(--ease-out);z-index:20}.sidebar--closed{transform:translate(-100%);opacity:0;visibility:hidden;position:absolute;height:100%;pointer-events:none}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-3)}.sidebar__brand{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.sidebar__new-btn{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:500;color:var(--accent);background:none;border:1px solid var(--border);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.sidebar__new-btn:hover{background:var(--bg-hover);border-color:var(--accent-dim)}.sidebar__header-actions{display:flex;gap:var(--sp-2);align-items:center}.sidebar__close-btn{padding:var(--sp-1) var(--sp-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sidebar__close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__empty{padding:var(--sp-4);color:var(--text-tertiary);font-size:var(--text-xs);text-align:center}.sidebar__sessions{flex:1;overflow-y:auto;padding:var(--sp-2) var(--sp-2)}.sidebar__session{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border:none;background:none;width:100%;text-align:left;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4}.sidebar__session:hover{background:var(--bg-hover)}.sidebar__session--active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.sidebar__session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__session-delete{opacity:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);padding:0 var(--sp-1);transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sidebar__session:hover .sidebar__session-delete{opacity:1}.sidebar__session-delete:hover{color:var(--error)}.sidebar__footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3)}.sidebar__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-right:auto}.toggle-sidebar{position:fixed;top:var(--sp-4);left:var(--sp-4);z-index:30;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);cursor:pointer;color:var(--text-secondary);font-size:var(--text-base);line-height:1;transition:opacity var(--dur-fast) var(--ease-out);opacity:0;pointer-events:none}.toggle-sidebar--visible{opacity:1;pointer-events:auto}.theme-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out)}.theme-toggle:hover{color:var(--text-primary)}.chat-view{flex:1;overflow-y:auto}.chat-view__inner{max-width:var(--chat-max-w);margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-4)}.message{margin-bottom:var(--sp-8);animation:msg-in var(--dur-slow) var(--ease-out-expo) both}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}}.message--completed .message__label-dot{animation:completion-pulse .8s var(--ease-out) both}@keyframes completion-pulse{0%{transform:scale(1);opacity:1}40%{transform:scale(2.2);opacity:.6}to{transform:scale(1);opacity:1}}.message__label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.message__label-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.message--user .message__label-dot{background:var(--text-tertiary)}.message__body{font-size:var(--text-base);line-height:1.75;color:var(--text-primary)}.message--user .message__body{color:var(--text-secondary)}.message--streaming .message__body>:last-child:after,.message--streaming .message__body>p:last-of-type:after{content:"▎";color:var(--accent);animation:cursor-blink .9s step-end infinite;margin-left:1px;transition:opacity var(--dur-normal) var(--ease-out)}.message:not(.message--streaming) .message__body>:last-child:after{content:""}@keyframes cursor-blink{50%{opacity:0}}.message__body p{margin-bottom:var(--sp-3)}.message__body p:last-child{margin-bottom:0}.message__body h1,.message__body h2,.message__body h3,.message__body h4{font-family:var(--font-heading);font-weight:600;margin-top:var(--sp-6);margin-bottom:var(--sp-3);color:var(--text-primary)}.message__body h1{font-size:var(--text-xl)}.message__body h2{font-size:var(--text-lg)}.message__body h3{font-size:var(--text-base)}.message__body strong{font-weight:600;color:var(--text-primary)}.message__body em{font-style:italic}.message__body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-out)}.message__body a:hover{color:var(--accent-hover)}.message__body ul,.message__body ol{margin:var(--sp-2) 0 var(--sp-4);padding-left:var(--sp-6)}.message__body li{margin-bottom:var(--sp-1)}.message__body code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);padding:.15em .4em;border-radius:var(--radius-sm)}.message__body pre{background:var(--code-bg);padding:var(--sp-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--sp-3) 0;border:1px solid var(--border-subtle)}.message__body pre code{background:none;padding:0;font-size:var(--text-sm);line-height:1.6}.message__body blockquote{border-left:2px solid var(--accent-dim);padding-left:var(--sp-4);margin:var(--sp-3) 0;color:var(--text-secondary)}.message__body table{width:100%;border-collapse:collapse;margin:var(--sp-4) 0;font-size:var(--text-sm)}.message__body th,.message__body td{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);text-align:left}.message__body th{font-family:var(--font-heading);font-weight:600;background:var(--bg-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.message__body hr{border:none;border-top:1px solid var(--border);margin:var(--sp-6) 0}.tool-indicator{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;margin:var(--sp-1) 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.tool-indicator__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--accent-dim)}.tool-indicator__dot--running{background:var(--accent);animation:tool-pulse 1.4s ease-in-out infinite}.tool-indicator__dot--complete{background:var(--success)}.tool-indicator__name{opacity:.8}@keyframes tool-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.message__tools{margin-bottom:var(--sp-2)}.message--error .message__label-dot{background:var(--error)}.message__error{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:color-mix(in oklch,var(--error),transparent 90%);border:1px solid color-mix(in oklch,var(--error),transparent 70%);border-radius:var(--radius-md);margin-bottom:var(--sp-3)}.message__error-text{flex:1;font-size:var(--text-sm);color:var(--error);line-height:1.4}.message__error-retry{flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--error);background:none;border:1px solid color-mix(in oklch,var(--error),transparent 50%);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.message__error-retry:hover{background:color-mix(in oklch,var(--error),transparent 85%);border-color:var(--error)}.message__loading{display:flex;gap:6px;padding:var(--sp-2) 0}.message__loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:loading-bounce 1.2s ease-in-out infinite}.message__loading-dot:nth-child(2){animation-delay:.15s}.message__loading-dot:nth-child(3){animation-delay:.3s}@keyframes loading-bounce{0%,60%,to{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}}.input-bar{padding:var(--sp-4) var(--sp-6) var(--sp-6);background:var(--bg-primary)}.input-bar__inner{max-width:var(--chat-max-w);margin:0 auto;display:flex;align-items:flex-end;gap:var(--sp-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input-bar__inner:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-dim)}.input-bar__textarea{flex:1;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;padding:var(--sp-2) var(--sp-1);outline:none;min-height:24px;max-height:180px}.input-bar__textarea::placeholder{color:var(--text-tertiary)}.input-bar__textarea--streaming{color:var(--text-tertiary);cursor:default}.input-bar__btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:var(--sp-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);flex-shrink:0}.input-bar__btn:hover{background:var(--bg-hover)}.input-bar__btn:disabled{opacity:.3;cursor:default}.input-bar__btn:disabled:hover{background:none}.input-bar__btn--stop{color:var(--error)}.input-bar__hint{max-width:var(--chat-max-w);margin:var(--sp-2) auto 0;font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.input-bar__shortcuts-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.input-bar__shortcuts-trigger:hover{color:var(--text-secondary);border-color:var(--accent-dim)}.input-bar__shortcuts{max-width:var(--chat-max-w);margin:var(--sp-2) auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-4);font-size:var(--text-xs);color:var(--text-tertiary);animation:msg-in var(--dur-normal) var(--ease-out) both}.input-bar__shortcuts kbd{display:inline-block;font-family:var(--font-mono);font-size:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;margin-right:var(--sp-1);line-height:1.4}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);gap:var(--sp-8)}.radar{--radar-size: 140px;--radar-speed: 4s;--radar-accent: var(--accent);--radar-accent-dim: var(--accent-dim);--radar-border: var(--border);--radar-trail: 75deg;width:var(--radar-size);height:var(--radar-size);position:relative;border-radius:50%;overflow:hidden}.radar__grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:radial-gradient(circle,color-mix(in oklch,var(--radar-accent),transparent 82%) 1px,transparent 1px);background-size:14px 14px;background-position:center center}.radar__ring{position:absolute;border-radius:50%;border:1px solid var(--radar-border)}.radar__ring--1{top:0;right:0;bottom:0;left:0}.radar__ring--2{top:25%;right:25%;bottom:25%;left:25%}.radar__ring--3{top:50%;right:50%;bottom:50%;left:50%}.radar__cross{position:absolute;background:var(--radar-border)}.radar__cross--h{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.radar__cross--v{left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px)}.radar__sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:radar-rotate var(--radar-speed) linear infinite}.radar__arm{position:absolute;top:50%;left:50%;width:50%;height:2px;transform-origin:left center;transform:translateY(-50%);background:linear-gradient(to right,var(--radar-accent),color-mix(in oklch,var(--radar-accent),transparent 40%) 70%,transparent);box-shadow:0 0 6px 1px color-mix(in oklch,var(--radar-accent),transparent 50%)}.radar__trail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from calc(90deg - var(--radar-trail)) at 50% 50%,transparent 0deg,color-mix(in oklch,var(--radar-accent),transparent 94%) 0deg,color-mix(in oklch,var(--radar-accent),transparent 75%) var(--radar-trail),transparent var(--radar-trail))}.radar__blip{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--radar-accent);box-shadow:0 0 6px 2px color-mix(in oklch,var(--radar-accent),transparent 40%);animation:radar-blip var(--radar-speed) ease-out infinite}.radar__blip--1{top:22%;left:62%;animation-delay:calc(var(--radar-speed) * -.1)}.radar__blip--2{top:58%;left:28%;animation-delay:calc(var(--radar-speed) * -.55)}.radar__blip--3{top:35%;left:38%;animation-delay:calc(var(--radar-speed) * -.78)}.radar__center{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:var(--radar-accent);transform:translate(-50%,-50%);box-shadow:0 0 8px 2px color-mix(in oklch,var(--radar-accent),transparent 50%)}.radar__pulse{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid color-mix(in oklch,var(--radar-accent),transparent 70%);animation:radar-pulse 3s ease-out infinite}@keyframes radar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-blip{0%{opacity:0;transform:scale(.5)}8%{opacity:1;transform:scale(1.4)}20%{opacity:.7;transform:scale(1)}60%{opacity:0;transform:scale(.8)}to{opacity:0;transform:scale(.5)}}@keyframes radar-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:0}}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);text-align:center}.empty-state__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;max-width:360px;margin-top:calc(-1 * var(--sp-4))}.empty-state__suggestions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;max-width:560px}.empty-state__suggestion{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.empty-state__suggestion:hover{background:var(--bg-hover);border-color:var(--accent-dim);color:var(--text-primary)}.undo-toast{position:fixed;bottom:var(--sp-8);left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:var(--sp-4);background:var(--bg-tertiary);border:1px solid var(--border);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;animation:toast-in var(--dur-normal) var(--ease-out-expo) both}.undo-toast__message{font-size:var(--text-sm);color:var(--text-primary)}.undo-toast__btn{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.undo-toast__btn:hover{background:var(--bg-hover)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}}@media(max-width:1023px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);z-index:40;box-shadow:4px 0 24px #00000026}.sidebar--closed{transform:translate(-100%);box-shadow:none}.toggle-sidebar{opacity:1;pointer-events:auto}.sidebar__session{min-height:44px;padding:var(--sp-3) var(--sp-3)}.sidebar__session-delete{opacity:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base)}.sidebar__new-btn{min-height:36px;padding:var(--sp-2) var(--sp-3)}.toggle-sidebar,.theme-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.sidebar-backdrop{display:none}@media(max-width:1023px){.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:color-mix(in oklch,var(--text-primary),transparent 65%);opacity:1;transition:opacity var(--dur-normal) var(--ease-out)}.sidebar-backdrop--hidden{opacity:0;pointer-events:none}}@media(max-width:767px){.sidebar{width:100%}.chat-view__inner{padding:var(--sp-4) var(--sp-4) var(--sp-4)}.input-bar{padding:var(--sp-3) var(--sp-3) var(--sp-3);padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom))}.input-bar__inner{gap:var(--sp-2)}.input-bar__textarea{font-size:16px}.input-bar__btn{min-width:44px;min-height:44px}.input-bar__hint,.input-bar__shortcuts{display:none}.toggle-sidebar{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.empty-state{padding:var(--sp-6) var(--sp-4);gap:var(--sp-6)}.empty-state__suggestions{flex-direction:column;width:100%;max-width:100%}.empty-state__suggestion{text-align:left;min-height:44px;display:flex;align-items:center}.message{margin-bottom:var(--sp-6)}.message__body pre{padding:var(--sp-3);font-size:var(--text-xs);margin-left:calc(-1 * var(--sp-4));margin-right:calc(-1 * var(--sp-4));border-radius:0;border-left:none;border-right:none}.message__body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}