:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#343541;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}.app{display:flex;flex-direction:column;height:100vh;background:#343541;position:relative}.header{padding:1rem 2rem;background:#202123;border-bottom:1px solid #4d4d4f;color:#fff}.header h1{font-size:1.5rem;font-weight:600}.behavior-controls{position:relative}.behavior-toggle{border:1px solid #565869;background:#202123;color:#ececf1;border-radius:8px;padding:1rem;cursor:pointer;font-weight:600;height:100%}.behavior-toggle:hover{background:#2d2d3a}.behavior-popover{position:fixed;right:2rem;bottom:6.5rem;width:min(460px,calc(100vw - 2rem));background:#111827;color:#f3f4f6;border:1px solid #374151;border-radius:12px;padding:.9rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 28px #00000073}.behavior-label{font-size:.9rem;color:#9ca3af}.behavior-input{width:100%;resize:vertical;min-height:160px;background:#1f2937;color:#f9fafb;border:1px solid #4b5563;border-radius:8px;padding:.75rem;font:inherit}.behavior-clear{background:#7f1d1d;color:#fff;border:none;border-radius:8px;padding:.5rem .8rem;cursor:pointer}.behavior-actions{display:flex;justify-content:flex-end;gap:.5rem}.behavior-save{background:#10a37f;color:#fff;border:none;border-radius:8px;padding:.5rem .8rem;cursor:pointer}.messages-container{flex:1;overflow-y:auto;padding:2rem 1rem}.message{max-width:800px;margin:0 auto 2rem;padding:1.5rem;border-radius:8px;line-height:1.6}.message.user{background:#343541;color:#fff;border:1px solid #565869}.message.assistant{background:#444654;color:#ececf1}.message.error{background:#8b0000;color:#fff}.message-content{white-space:pre-wrap;word-wrap:break-word}.json-section{margin-top:1rem;border-top:1px solid #565869;padding-top:1rem}.toggle-json{background:#202123;border:1px solid #565869;color:#ececf1;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.toggle-json:hover{background:#2d2d3a}.json-content{background:#202123;border:1px solid #565869;border-radius:4px;padding:1rem;margin-top:.5rem;overflow-x:auto;font-size:.85rem;color:#d4d4d4;max-height:500px;overflow-y:auto}.input-form{padding:1rem 2rem 2rem;background:#343541;display:flex;gap:1rem;max-width:800px;margin:0 auto;width:100%}.store-controls{position:relative}.store-select{height:100%;border:1px solid #565869;border-radius:8px;background:#202123;color:#ececf1;padding:0 .8rem;min-width:140px}.question-input{flex:1;padding:1rem;border:1px solid #565869;border-radius:8px;background:#40414f;color:#fff;font-size:1rem;outline:none}.question-input:focus{border-color:#8e8ea0}.question-input::placeholder{color:#8e8ea0}.send-button{padding:1rem 2rem;background:#10a37f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.send-button:hover:not(:disabled){background:#1a7f64}.send-button:disabled{background:#2d2d3a;cursor:not-allowed;opacity:.5}@media(max-width:768px){.input-form{flex-wrap:wrap}.behavior-controls,.store-controls{width:100%}.store-select{width:100%;height:42px}.behavior-toggle{width:100%;padding:.8rem 1rem}.behavior-popover{right:1rem;left:1rem;width:auto;bottom:7.5rem}}