@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-page:#f9f8f4;--bg-card:#fff;--border-card:#e8e6e1;--text-main:#2b2927;--text-secondary:#74706c;--text-muted:#9e9a95;--accent-red:#bd5338;--accent-red-hover:#a34127;--bg-badge-olive:#e5ecd8;--text-badge-olive:#485c3c;--bg-badge-amber:#fef3c7;--text-badge-amber:#b45309;--bg-badge-red:#fee2e2;--text-badge-red:#b91c1c;--bg-badge-gray:#eeeae3;--text-badge-gray:#625d57;--success:#10b981;--bg-highlight:#f3733c8c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(#e4e1db 1.2px,#0000 1.2px);background-size:24px 24px;min-height:100vh;padding:2.5rem 1.5rem;line-height:1.5}.app-container{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex;position:relative}header{text-align:center;justify-content:center;width:100%;margin-bottom:2rem;display:flex}.app-header-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.app-header-title{color:var(--text-main);letter-spacing:-.04em;text-shadow:0 4px 16px #f3733c59,0 1px 3px #0000000d;margin-top:.15rem;font-size:3.4rem;font-weight:800;line-height:1.15;animation:4.2s ease-in-out infinite headerFloat}.input-section{z-index:5;margin-top:1rem;margin-bottom:1.5rem;position:relative}.chat-form{gap:.75rem;width:100%;display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-main);font-family:var(--font-sans);transform-origin:50%;border-radius:8px;outline:none;flex:1;padding:1rem 1.2rem;font-size:1.05rem;transition:border-color .2s,box-shadow .2s;animation:1.8s cubic-bezier(.19,1,.22,1) forwards expandInput;box-shadow:0 12px 30px #2b29270a,0 1px 3px #00000005}.chat-input::placeholder{color:var(--text-muted);opacity:0;animation:1.2s ease-out 1.5s forwards fadeInPlaceholder}.chat-input:focus{border-color:var(--text-secondary);box-shadow:0 2px 4px #0000000a}.chat-submit-btn{background-color:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:0 1.75rem;font-size:1.05rem;font-weight:600;transition:background-color .2s;display:flex}.chat-submit-btn:hover{background-color:var(--accent-red-hover)}.chat-submit-btn:disabled{background-color:var(--text-muted);cursor:not-allowed}.answer-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 20px 50px #2b29270f,0 2px 6px #00000005}.grade-row{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.grade-badge{text-transform:capitalize;border-radius:6px;padding:.25rem .6rem;font-size:.85rem;font-weight:600}.grade-badge.correct{background-color:var(--bg-badge-olive);color:var(--text-badge-olive)}.grade-badge.ambiguous{background-color:var(--bg-badge-amber);color:var(--text-badge-amber)}.grade-badge.incorrect{background-color:var(--bg-badge-red);color:var(--text-badge-red)}.answer-text{color:var(--text-main);font-size:1.1rem;font-weight:400;line-height:1.6}.sources-section{border-top:1px solid #f1efe9;padding-top:1rem}.sources-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.sources-list{flex-direction:column;gap:.5rem;display:flex}.source-item{color:var(--accent-red);align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.source-item:hover{text-decoration:underline}.source-icon{flex-shrink:0;font-size:.9rem}.trace-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 15px 40px #2b29270d,0 2px 4px #00000005}.trace-toggle-header{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.trace-toggle-header span{color:var(--text-main);font-size:.8rem}.trace-content{flex-direction:column;gap:1rem;display:flex}.trace-nodes-list{border-bottom:1px solid #f1efe9;flex-direction:column;gap:.75rem;padding-bottom:1rem;display:flex}.trace-node-item{align-items:flex-start;gap:.75rem;font-size:.95rem;display:flex}.node-badge{background-color:var(--bg-badge-gray);color:var(--text-badge-gray);text-align:center;text-transform:capitalize;border-radius:6px;min-width:55px;padding:.15rem .6rem;font-size:.8rem;font-weight:500;display:inline-block}.node-text{color:var(--text-main);line-height:1.4}.trace-status-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.status-icon{font-size:1rem}.status-icon.success{color:#485c3c}.status-icon.warning{color:var(--accent-red)}.loading-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;justify-content:center;align-items:center;padding:2rem;display:flex}.loading-dots{align-items:center;gap:6px;display:inline-flex}.loading-dots span{background-color:var(--accent-red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite dot-pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.qa-block{flex-direction:column;gap:.75rem;margin-bottom:2rem;animation:.4s forwards fadeIn;display:flex}.qa-query-title{color:var(--text-main);margin-top:.5rem;padding-left:.25rem;font-size:1.15rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.suggestions-row{z-index:1;opacity:0;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:0 .2rem;animation:.8s cubic-bezier(.19,1,.22,1) 1.7s forwards slideDownSuggestions;display:flex;position:relative;transform:translateY(-20px)}@keyframes expandInput{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes fadeInPlaceholder{to{opacity:1}}@keyframes slideDownSuggestions{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feature-grid{opacity:0;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;animation:.8s 2.2s forwards fadeIn;display:grid}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #2b29270a,0 1px 3px #00000003}.feature-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #2b292712,0 2px 6px #00000005}.feature-card-title{color:var(--text-main);align-items:center;gap:.4rem;font-size:1rem;font-weight:700;display:flex}.feature-card-title span{color:var(--accent-red);font-size:.8rem}.feature-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.creamy-highlight{color:var(--text-main);background:linear-gradient(120deg, var(--bg-highlight) 0%, var(--bg-highlight) 100%);background-repeat:no-repeat;background-size:0% 100%;border-radius:4px;margin:0 .1rem;padding:.15rem .3rem;font-weight:600;animation:3.2s ease-in-out .1s forwards liveHighlight;display:inline}@keyframes liveHighlight{to{background-size:100% 100%}}.settings-wrapper{z-index:9999;position:fixed;top:1.5rem;right:1.5rem}.settings-toggle-btn{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000008}.settings-toggle-btn:hover{border-color:var(--text-secondary);color:var(--text-main);box-shadow:0 4px 12px #0000000f}.settings-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;flex-direction:column;gap:.75rem;width:320px;padding:1.2rem;animation:.2s ease-out fadeInPanel;display:flex;position:absolute;top:2.75rem;right:0;box-shadow:0 10px 25px #00000014}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.settings-label{color:var(--text-main);font-size:.85rem;font-weight:600}.settings-input-row{gap:.5rem;display:flex}.settings-input{background:var(--bg-page);border:1px solid var(--border-card);font-size:.85rem;font-family:var(--font-mono);color:var(--text-main);border-radius:6px;outline:none;flex:1;padding:.5rem .75rem}.settings-input:focus{border-color:var(--text-secondary)}.settings-save-btn{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.settings-save-btn:hover{background-color:var(--accent-red-hover)}.settings-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.eval-questions-container{background:var(--bg-card);border:1px solid var(--border-card);opacity:0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;animation:.8s 1.7s forwards fadeIn;display:flex;box-shadow:0 10px 30px #2b29270a,0 1px 3px #00000003}.eval-questions-title{font-family:var(--font-display);color:var(--text-main);font-size:1.15rem;font-weight:700}.eval-questions-subtitle{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.eval-category-section{flex-direction:column;gap:.5rem;display:flex}.eval-category-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:700}.eval-questions-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (max-width:600px){.eval-questions-grid{grid-template-columns:1fr}}.eval-questions-grid button{background:var(--bg-page);border:1px solid var(--border-card);color:var(--text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;line-height:1.3;transition:all .2s}.eval-questions-grid button strong{color:var(--accent-red);margin-right:.25rem}.eval-questions-grid button:hover{border-color:var(--text-secondary);color:var(--text-main);background:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}