:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}#root{max-width:900px;margin:0 auto;padding:3rem;width:100%}.container{display:flex;flex-direction:column;gap:1.5rem;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:2.25rem;box-shadow:0 6px 36px #0000004d;min-height:600px;width:100%;box-sizing:border-box}h1{font-size:2rem;margin:0 0 .75rem;color:#fff;text-align:center}.subtitle{font-size:1.1rem;color:#888;text-align:center;margin-bottom:.375rem}.subtitle-note{font-size:1rem;color:#666;text-align:center;margin-bottom:1.5rem;font-style:italic}.instructions{background:#242424;border:1px solid #333;border-radius:12px;padding:1.5rem;margin-bottom:.75rem}.instructions p{margin:0 0 .75rem;color:#ccc;font-size:1.1rem}.instructions ol{margin:0;padding-left:1.875rem;color:#999;font-size:1rem}.instructions li{margin-bottom:.375rem;word-break:break-word}.instructions a{color:#646cff;text-decoration:none}.instructions a:hover{text-decoration:underline}.input-row{display:flex;flex-wrap:wrap;gap:.75rem}.input-row input{flex:1;min-width:250px;padding:1rem 1.5rem;border:1px solid #444;border-radius:12px;background:#242424;color:#fff;font-size:1.1rem;transition:border-color .2s}.input-row input:focus{outline:none;border-color:#646cff;background:#2a2a2a}.input-row button{padding:1rem 2.25rem;border:none;border-radius:12px;background:#646cff;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s}.input-row button:hover{background:#535bf2}.loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4.5rem}.spinner{width:66px;height:66px;border:4px solid #333;border-top-color:#646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin:0;color:#ccc}.loading-note{font-size:1rem;color:#666}.loading-steps{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:675px}.loading-step{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:12px;transition:all .3s ease}.loading-step.active{background:#242424;border:1px solid #646cff}.loading-step.completed{opacity:.6}.loading-step.pending{opacity:.4}.step-indicator{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0;background:#333;color:#888;border:3px solid #444}.loading-step.active .step-indicator{background:#646cff;color:#fff;border-color:#646cff}.loading-step.completed .step-indicator{background:#22c55e;color:#fff;border-color:#22c55e}.step-content{flex:1;min-width:150px}.step-title{margin:0;font-size:1.2rem;font-weight:500;color:#ccc}.loading-step.active .step-title{color:#fff}.step-detail{margin:.375rem 0 0;font-size:1rem;color:#888;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;word-break:break-word}.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #333;margin-bottom:.75rem}.chat-title{font-size:1.1rem;color:#888;margin:0}.new-btn{padding:.6rem 1rem;border:1px solid #444;border-radius:8px;background:transparent;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s}.new-btn:hover{border-color:#646cff;color:#fff}.chat-messages{display:flex;flex-direction:column;gap:1rem;min-height:420px;max-height:570px;overflow-y:auto;padding:.75rem 0}.message{padding:1rem 1.5rem;border-radius:16px;line-height:1.6}.message.user{background:#646cff;color:#fff;align-self:flex-end;max-width:80%;border-bottom-right-radius:6px}.message.assistant{background:#2a2a2a;border:1px solid #333;color:#e0e0e0;align-self:flex-start;max-width:90%;border-bottom-left-radius:6px}.message p{margin:0}.follow-ups{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #444}.follow-ups button{padding:.6rem 1rem;border:1px solid #555;border-radius:20px;background:#333;color:#ccc;font-size:1rem;cursor:pointer;transition:all .2s}.follow-ups button:hover{border-color:#646cff;background:#444;color:#fff}.metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #333;font-size:.85rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.metric{color:#888}.metric-label{color:#666}.metric.validation.valid{color:#22c55e}.metric.validation.invalid{color:#ef4444}.thinking{color:#888;font-style:italic}button:disabled{opacity:.5;cursor:not-allowed}input:disabled{opacity:.5}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#1a1a1a}.chat-messages::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.rag-tooltip{position:relative;cursor:help;border-bottom:1px dashed #646cff;color:#646cff}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:130%;left:50%;transform:translate(-50%);width:420px;background:#242424;border:1px solid #444;border-radius:12px;padding:1rem;font-size:1rem;font-weight:400;color:#ccc;line-height:1.5;text-align:left;box-shadow:0 6px 18px #0006;z-index:100;transition:opacity .2s,visibility .2s}.tooltip-text strong{color:#fff;display:block;margin-bottom:.375rem}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:9px;border-style:solid;border-color:#444 transparent transparent transparent}.rag-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-link{display:block;margin-top:.75rem;color:#646cff;font-size:.9rem;text-decoration:none}.tooltip-link:hover{text-decoration:underline}@media(max-width:600px){.loading{padding:1.5rem .5rem}.loading-step{padding:.5rem;gap:.5rem}.step-indicator{width:32px;height:32px;font-size:.85rem}}