:root{--paper: #fef9f3;--paper-deep: #f4ecdf;--paper-soft: #fffbf5;--shell: #e3d4ba;--brand: #ff4500;--brand-deep: #cc3700;--brand-soft: #ffb89e;--brand-tint: #ffe0d4;--brand-glow: rgba(255, 69, 0, .25);--olive: #5e6f4a;--olive-deep: #3f4d31;--olive-soft: #b5bea0;--cacao: #1a1a1a;--cacao-soft: #4a3f37;--cacao-mute: #8a7a6c;--honey: #f59e0b;--rose: #b85a7a;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.55;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--border: 1px solid var(--shell);--border-soft: 1px solid #efe2cc;--border-strong: 1px solid #c4b699;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .04);--shadow: 0 2px 8px rgba(26, 26, 26, .06), 0 1px 2px rgba(26, 26, 26, .04);--shadow-md: 0 4px 16px rgba(26, 26, 26, .08), 0 2px 4px rgba(26, 26, 26, .04);--shadow-lg: 0 12px 32px rgba(26, 26, 26, .12), 0 4px 8px rgba(26, 26, 26, .06);--shadow-inset: inset 0 1px 2px rgba(26, 26, 26, .05);--shadow-warm: 0 8px 24px rgba(255, 69, 0, .25);--sidebar-width: 17rem;--max-content: 44rem;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--paper);color:var(--cacao);overflow:hidden}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.8  0 0 0 0 0.7  0 0 0 0 0.55  0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;position:relative;z-index:1}@media(max-width:720px){.app{grid-template-columns:1fr}}.sidebar{background:var(--paper-deep);border-right:var(--border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);height:100vh;overflow:hidden}@media(max-width:720px){.sidebar{position:fixed;inset:0 auto 0 0;width:80vw;max-width:18rem;transform:translate(-100%);transition:transform .25s var(--ease);z-index:50;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2)}.sidebar__brand-mark{width:36px;height:36px;border-radius:var(--radius);flex-shrink:0}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar__brand-name{font-family:var(--font-body);font-weight:800;font-size:var(--text-lg);color:var(--cacao);letter-spacing:-.03em;line-height:1}.sidebar__brand-tag{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--text-xs);color:var(--cacao-mute);letter-spacing:.04em;margin-top:2px}.sidebar__new{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--paper-soft);border:var(--border-soft);border-radius:var(--radius);color:var(--cacao);font-weight:500;font-size:var(--text-sm);transition:background .15s var(--ease),border-color .15s var(--ease)}.sidebar__new:hover{background:var(--paper);border-color:var(--brand-soft)}.sidebar__new svg{color:var(--brand)}.sidebar__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);padding-right:var(--space-1);margin-right:calc(var(--space-1) * -1)}.sidebar__list::-webkit-scrollbar{width:6px}.sidebar__list::-webkit-scrollbar-thumb{background:var(--shell);border-radius:3px}.sidebar__section-label{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);letter-spacing:.04em;padding:var(--space-3) var(--space-3) var(--space-1)}.chat-item{background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:var(--space-2) var(--space-3);text-align:left;color:var(--cacao-soft);font-size:var(--text-sm);line-height:var(--leading-snug);transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);display:flex;align-items:flex-start;gap:var(--space-2);position:relative;cursor:pointer;font-family:inherit;width:100%}.chat-item:hover{background:var(--paper-soft);color:var(--cacao)}.chat-item.active{background:var(--paper-soft);border-color:var(--brand-soft);color:var(--cacao)}.chat-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--brand);border-radius:2px}.chat-item.confirming{background:#b85a7a14;border-color:#b85a7a4d}.chat-item__id{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);flex-shrink:0;padding-top:2px;min-width:1.5rem}.chat-item__summary{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0}.chat-item__delete{background:transparent;border:0;padding:4px;border-radius:6px;color:var(--cacao-mute);cursor:pointer;opacity:0;transition:opacity .15s var(--ease),background .15s var(--ease),color .15s var(--ease);flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:center;font-family:var(--font-body);font-weight:600;font-size:.85rem;line-height:1;width:22px;height:22px}.chat-item:hover .chat-item__delete,.chat-item.confirming .chat-item__delete{opacity:1}.chat-item__delete:hover{background:#b85a7a26;color:var(--rose)}.chat-item.confirming .chat-item__delete{background:var(--rose);color:var(--paper)}.chat-item.confirming .chat-item__delete:hover{background:#9b3e5e}.sidebar__footer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--cacao-mute);padding-top:var(--space-3);border-top:var(--border-soft)}.sidebar__status-dot{width:7px;height:7px;border-radius:50%;background:var(--cacao-mute)}.sidebar__status-dot.ok{background:var(--olive);box-shadow:0 0 0 3px #5e6f4a2e}.sidebar__status-dot.error{background:var(--rose);box-shadow:0 0 0 3px #b85a7a2e}.main{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.main__header{padding:var(--space-4) var(--space-5);border-bottom:var(--border-soft);display:flex;align-items:center;justify-content:space-between;background:var(--paper);z-index:2}.main__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:500;color:var(--cacao);margin:0}.main__title-italic{font-style:italic;color:var(--cacao-mute);font-weight:400}.main__menu-btn{display:none;background:transparent;border:var(--border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--cacao)}@media(max-width:720px){.main__menu-btn{display:flex}}.messages{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5);scroll-behavior:smooth}.welcome{max-width:var(--max-content);margin:var(--space-7) auto 0;text-align:center;animation:fade-up .6s var(--ease-out)}.welcome__logo{margin-bottom:var(--space-5);animation:bounce-in .7s var(--ease-bounce) both}.welcome__hero{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;color:var(--cacao);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0 0 var(--space-3)}.welcome__hero em{font-style:italic;color:var(--brand)}.welcome__sub{font-family:var(--font-display);font-style:italic;font-size:var(--text-md);color:var(--cacao-soft);margin:0 0 var(--space-7)}.welcome__divider{width:80px;height:1px;margin:0 auto var(--space-7);background:linear-gradient(90deg,transparent,var(--brand-soft),transparent)}.welcome__hint{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--cacao-mute);margin-bottom:var(--space-4)}.examples{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);list-style:none;padding:0;margin:0}@media(max-width:540px){.examples{grid-template-columns:1fr}}.example{background:var(--paper-soft);border:var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--cacao);cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),border-color .15s var(--ease);display:flex;align-items:flex-start;gap:var(--space-3)}.example:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--brand-soft)}.example:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand);margin-top:.55em;flex-shrink:0}.message{max-width:var(--max-content);margin:0 auto var(--space-5);animation:fade-up .4s var(--ease-out)}.message__role{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);margin-bottom:var(--space-2);letter-spacing:.02em}.message__role em{color:var(--brand);font-style:normal;font-weight:500;font-family:var(--font-body);text-transform:lowercase;letter-spacing:.05em}.bubble{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--cacao);word-wrap:break-word}.message.user .bubble{background:var(--brand-tint);border:1px solid var(--brand-soft);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:inline-block;max-width:100%}.message.bot .bubble{background:transparent;padding:0}.message.error .bubble{background:#b85a7a14;border:1px solid rgba(184,90,122,.3);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--rose)}.sql-details{margin-top:var(--space-3);border:var(--border-soft);border-radius:var(--radius);background:var(--paper-soft);overflow:hidden}.sql-details summary{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-style:italic;font-size:var(--text-sm);color:var(--cacao-soft);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none}.sql-details summary::-webkit-details-marker{display:none}.sql-details summary:before{content:"▸";color:var(--brand);transition:transform .2s var(--ease);display:inline-block}.sql-details[open] summary:before{transform:rotate(90deg)}.sql-details pre{margin:0;padding:var(--space-3) var(--space-4) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cacao);background:var(--paper);border-top:var(--border-soft);overflow-x:auto;line-height:var(--leading-snug)}.results{margin-top:var(--space-3);border:var(--border-soft);border-radius:var(--radius);overflow:hidden;background:var(--paper-soft)}.results__scroll{overflow-x:auto;max-width:100%}.results table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.results th,.results td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:var(--border-soft)}.results th{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-xs);text-transform:lowercase;letter-spacing:.02em;color:var(--cacao-mute);background:var(--paper-deep)}.results td{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cacao)}.results tr:last-child td{border-bottom:none}.results tr:hover td{background:var(--paper)}.results__caption{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--cacao-mute);font-style:italic;font-family:var(--font-display);border-top:var(--border-soft);background:var(--paper-deep);text-align:center}.meta{margin-top:var(--space-3);font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);letter-spacing:.02em}.thinking{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--cacao-mute);font-family:var(--font-display);font-style:italic;font-size:var(--text-sm)}.thinking__dots{display:inline-flex;gap:5px}.thinking__dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand);animation:thinking-pulse 1.3s ease-in-out infinite}.thinking__dots span:nth-child(2){animation-delay:.18s;background:var(--olive)}.thinking__dots span:nth-child(3){animation-delay:.36s;background:var(--honey)}@keyframes thinking-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.composer{border-top:var(--border-soft);padding:var(--space-4) var(--space-5);background:var(--paper);z-index:2}.composer__inner{max-width:var(--max-content);margin:0 auto;background:var(--paper-soft);border:var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:flex-end;gap:var(--space-3);transition:border-color .15s var(--ease),box-shadow .2s var(--ease);box-shadow:var(--shadow-sm)}.composer__inner:focus-within{border-color:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-glow),var(--shadow-sm)}.composer__input{flex:1;background:transparent;border:0;outline:none;resize:none;padding:var(--space-2) var(--space-2);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--cacao);min-height:1.6rem;max-height:12rem}.composer__input::placeholder{color:var(--cacao-mute);font-family:var(--font-display);font-style:italic}.composer__send{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:var(--brand);color:var(--paper);border:0;transition:background .15s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease);flex-shrink:0}.composer__send:hover:not(:disabled){background:var(--brand-deep);transform:translateY(-1px);box-shadow:var(--shadow-warm)}.composer__send:active:not(:disabled){transform:translateY(0)}.composer__send:disabled{background:var(--shell);color:var(--paper-deep);cursor:not-allowed}.composer__hint{max-width:var(--max-content);margin:var(--space-2) auto 0;font-size:var(--text-xs);font-family:var(--font-display);font-style:italic;color:var(--cacao-mute);text-align:center}.composer__hint kbd{display:inline-block;padding:1px 5px;background:var(--paper-deep);border:var(--border-soft);border-radius:3px;font-family:var(--font-mono);font-size:.7rem;font-style:normal;margin:0 2px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6) translateY(20px)}60%{opacity:1;transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6) var(--space-4);position:relative;z-index:1}.login__card{width:100%;max-width:24rem;background:var(--paper-soft);border:var(--border-soft);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);box-shadow:var(--shadow-md);text-align:center;animation:fade-up .5s var(--ease-out)}.login__heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;color:var(--cacao);margin:var(--space-4) 0 var(--space-2);line-height:var(--leading-tight);letter-spacing:-.01em}.login__heading em{font-style:italic;color:var(--brand)}.login__sub{font-family:var(--font-display);font-style:italic;font-size:var(--text-sm);color:var(--cacao-mute);margin:0 0 var(--space-6)}.login__form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.login__field{display:flex;flex-direction:column;gap:var(--space-2)}.login__label{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);letter-spacing:.04em;padding-left:var(--space-1)}.login__field input{background:var(--paper);border:var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-md);color:var(--cacao);outline:none;transition:border-color .15s var(--ease),box-shadow .2s var(--ease)}.login__field input:focus{border-color:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-glow)}.login__field input:disabled{opacity:.6;cursor:not-allowed}.login__error{font-size:var(--text-sm);color:var(--rose);background:#b85a7a14;border:1px solid rgba(184,90,122,.3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-family:var(--font-display);font-style:italic}.login__submit{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--brand);color:var(--paper);border:0;border-radius:var(--radius);font-family:var(--font-body);font-weight:700;font-size:var(--text-md);letter-spacing:.01em;cursor:pointer;transition:background .15s var(--ease),transform .1s var(--ease),box-shadow .2s var(--ease)}.login__submit:hover:not(:disabled){background:var(--brand-deep);transform:translateY(-1px);box-shadow:var(--shadow-warm)}.login__submit:active:not(:disabled){transform:translateY(0)}.login__submit:disabled{background:var(--shell);color:var(--paper-deep);cursor:not-allowed}.login__footer{margin-top:var(--space-6);font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--cacao-mute);letter-spacing:.05em}.sidebar__logout{margin-left:auto;background:transparent;border:0;color:var(--cacao-mute);font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color .15s var(--ease),background .15s var(--ease)}.sidebar__logout:hover{color:var(--rose);background:#b85a7a14}