:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--border-light: #e5e5e5;--border-medium: #d4d4d4;--input-bg: #ffffff;--button-primary: #2f2f2f;--button-hover: #1a1a1a;--max-content-width: 48rem}.dark{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--text-primary: #ececec;--text-secondary: #a3a3a3;--border-light: #2f2f2f;--border-medium: #404040;--input-bg: #1a1a1a;--button-primary: #f5f5f5;--button-hover: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.view{display:flex;flex-direction:column;height:100vh;height:100dvh}.hidden{display:none}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.logo{font-size:1.125rem;font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}.app-header nav{display:flex;align-items:center;gap:.75rem}.header-text{display:none;font-size:.875rem;color:var(--text-secondary)}@media (min-width: 768px){.header-text{display:block}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.25rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-toggle svg{width:1.25rem;height:1.25rem}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,.dark .theme-toggle .sun-icon{display:block}.dark .theme-toggle .moon-icon{display:none}.initial-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 4rem}.initial-content-wrapper{width:100%;max-width:42rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.brand-container{text-align:center}.brand-name{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:500;letter-spacing:-.03em;margin-bottom:.75rem;color:var(--text-primary)}.brand-tagline{font-size:1rem;color:var(--text-secondary);font-weight:400}.initial-chat-form{width:100%;max-width:42rem}.action-buttons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.625rem;width:100%;max-width:42rem;margin-top:1.5rem}.launch-pricepilot-btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:.5rem;text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap}.launch-pricepilot-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.app-footer-text{margin-top:3rem;text-align:center;font-size:.75rem;color:var(--text-secondary)}#chat-container{flex:1;overflow-y:auto;overflow-x:hidden}.message{width:100%;padding:1.75rem 1rem;transition:background-color .15s}.user-message{background:var(--bg-secondary)}.model-message{background:transparent}.message:hover,.user-message:hover{background:var(--bg-secondary)}.message-content{max-width:var(--max-content-width);margin:0 auto;font-size:1rem;line-height:1.65;color:var(--text-primary)}.message-content>*:first-child{margin-top:0}.message-content>*:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-weight:600;line-height:1.3;margin-top:1.5em;margin-bottom:.5em;color:var(--text-primary)}.message-content h1{font-size:1.875rem}.message-content h2{font-size:1.5rem}.message-content h3{font-size:1.25rem}.message-content h4{font-size:1.125rem}.message-content p{margin-bottom:1em;color:var(--text-primary)}.message-content ul,.message-content ol{margin:1em 0;padding-left:2em}.message-content li{margin-bottom:.5em}.message-content a{color:var(--text-primary);text-decoration:underline}.message-content a:hover{color:var(--text-secondary)}.message-content strong{font-weight:600}.message-content code{padding:.125rem .375rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.25rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em}.message-content pre{margin:1.25em 0;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.5rem;overflow-x:auto}.message-content pre code{padding:0;background:none;border:none;font-size:.875rem;line-height:1.6}.table-wrapper{margin:1.25em 0;overflow-x:auto;border:1px solid var(--border-light);border-radius:.5rem}.message-content table{width:100%;border-collapse:collapse;font-size:.9375rem}.message-content th,.message-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-light)}.message-content thead th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.message-content tbody tr:last-child td{border-bottom:none}.message-content tbody tr:hover{background:var(--bg-secondary)}.message-content th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:2rem}.message-content th.sortable:hover{background:var(--border-light)}.message-content th.sortable:after{content:"⇅";position:absolute;right:.5rem;opacity:.3;font-size:.75rem}.message-content th.sortable.sort-asc:after{content:"▲";opacity:.7}.message-content th.sortable.sort-desc:after{content:"▼";opacity:.7}.error-message{background:#fef2f2;border-left:3px solid #ef4444}.dark .error-message{background:#2d1414;border-left:3px solid #dc2626}.loading{padding:2rem 1rem}.loading .message-content{display:flex;align-items:center;gap:.5rem}.dot{width:.5rem;height:.5rem;background:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-footer{position:relative;flex-shrink:0;padding:1rem;background:var(--bg-primary);border-top:1px solid var(--border-light)}#chat-form{max-width:var(--max-content-width);margin:0 auto}.textarea-wrapper{position:relative;display:flex;align-items:flex-end;min-height:3.25rem;padding:.625rem 3rem .625rem .75rem;background:var(--input-bg);border:1px solid var(--border-medium);border-radius:1.5rem;transition:border-color .2s,box-shadow .2s}.textarea-wrapper:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 2px #0000000d}.dark .textarea-wrapper:focus-within{box-shadow:0 0 0 2px #ffffff1a}textarea{flex:1;width:100%;min-height:1.5rem;max-height:12rem;padding:.375rem .25rem;background:transparent;border:none;outline:none;resize:none;font-family:inherit;font-size:1rem;line-height:1.5;color:var(--text-primary)}textarea::placeholder{color:var(--text-secondary)}.textarea-wrapper button{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:var(--button-primary);border:none;border-radius:.5rem;color:var(--bg-primary);cursor:pointer;transition:background-color .15s,transform .1s}.dark .textarea-wrapper button{color:var(--text-primary)}.textarea-wrapper button:hover:not(:disabled){background:var(--button-hover);transform:scale(1.05)}.textarea-wrapper button:disabled{opacity:.4;cursor:not-allowed}.textarea-wrapper button svg{width:1rem;height:1rem}.footer-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.875rem;flex-wrap:wrap}.footer-action-btn,.footer-action-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:.375rem;text-decoration:none;cursor:pointer;transition:color .15s,background-color .15s}.footer-action-btn:hover,.footer-action-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.footer-action-btn svg{width:1rem;height:1rem}.chat-footer .app-footer-text{margin-top:.875rem;text-align:center;font-size:.75rem;color:var(--text-secondary)}@media (min-width: 768px){.app-header{padding:0 2rem}.chat-footer{padding:1.5rem 1rem}.message{padding:2.25rem 1.5rem}}@media (max-width: 640px){.brand-name{font-size:2rem}.message{padding:1.5rem 1rem}.action-buttons-container{grid-template-columns:1fr 1fr}}#chat-container{scroll-behavior:smooth}#chat-container::-webkit-scrollbar{width:.5rem}#chat-container::-webkit-scrollbar-track{background:transparent}#chat-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:.25rem}#chat-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}