.app{min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#141b2e);position:relative}.header{padding:1.5rem 3rem;background:#0a0e1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;text-decoration:none;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-image{width:48px;height:48px;object-fit:contain}.logo-main{font-weight:700;background:linear-gradient(135deg,#0ff,#00d4d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.3)}.logo-divider{color:#ffffff4d;font-weight:300}.logo-sub{color:#ffffffb3;font-weight:400;font-size:1.25rem}.back-link{color:#00d4ff;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border:1px solid rgba(0,255,255,.2);border-radius:0;transition:all .3s ease}.back-link:hover{color:#0ff;border-color:#00ffff80;background:#00ffff0d;transform:translate(-3px)}.nav-bar{display:flex;padding:2rem 3rem;gap:1rem;background:#0f142199;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.nav-segment{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#1a233280;border:1px solid rgba(255,255,255,.1);border-radius:0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-segment:hover{background:#1a2332cc;border-color:#00ffff4d;transform:translateY(-2px)}.nav-segment.active{background:#00ffff1a;border-color:#00ffff80;box-shadow:0 0 20px #0ff3,inset 0 0 20px #00ffff1a}.nav-segment.completed{border-color:#00ffff4d}.nav-segment-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00ffff1a;border:2px solid rgba(0,255,255,.3);border-radius:50%;font-weight:600;color:#0ff;font-size:.9rem;flex-shrink:0}.nav-segment.active .nav-segment-number{background:#0ff3;border-color:#0ff;box-shadow:0 0 15px #00ffff80}.nav-segment-title{flex:1;font-size:.95rem;font-weight:500;color:#fffc;text-align:left}.nav-segment.active .nav-segment-title{color:#0ff;font-weight:600}.nav-segment-arrow{color:#ffffff4d;font-size:1.5rem;position:absolute;right:-.5rem;z-index:1}.stage-container{padding:3rem;min-height:calc(100vh - 200px)}.three-column-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;height:100%;min-height:600px}.column{background:#1a23324d;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:2rem;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.column-title{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.column-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.prompt-box{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);width:90%;max-width:800px;background:#0f1421f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.3);border-radius:0;padding:1.5rem;box-shadow:0 8px 32px #0006,0 0 40px #00ffff1a;z-index:50}.prompt-label{font-size:.85rem;color:#fff9;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.prompt-text{font-family:JetBrains Mono,monospace;font-size:.95rem;color:#0ff;margin-bottom:1rem;line-height:1.5}.prompt-button{padding:.75rem 2rem;background:linear-gradient(135deg,#0ff,#00d4d4);color:#0a0e1a;border:none;border-radius:0;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}.prompt-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ffff80}.prompt-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:0;font-weight:600;font-size:.9rem;margin-top:1rem}.badge.success{background:#00ffff1a;border:2px solid #00ffff;color:#0ff;box-shadow:0 0 20px #00ffff4d}.badge.error{background:#ff44441a;border:2px solid #ff4444;color:#f44;box-shadow:0 0 20px #ff44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stage-2{--llm-primary: #ff9a56;--llm-secondary: #b84fff;--error-color: #ff4444}.data-silo-simple{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f142180;border:1px solid rgba(255,255,255,.1);border-radius:0;position:relative;overflow:visible}.silo-icon-simple{font-size:1.5rem}.silo-label-simple{font-size:.85rem;color:#ffffffb3}.data-packet-stage2{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);font-size:1.5rem;z-index:100;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,154,86,.6))}.llm-column{background:#ff9a5605;border-color:#ff9a5633}.generic-llm{width:180px;height:180px;position:relative}.llm-svg{width:100%;height:100%;color:var(--llm-primary);filter:drop-shadow(0 0 15px rgba(255,154,86,.4))}.llm-head{fill:#ff9a561a;stroke:var(--llm-primary);stroke-width:2}.llm-eye{fill:var(--llm-primary);animation:blink 3s infinite}.llm-mouth{color:var(--llm-primary)}.llm-antenna{fill:var(--llm-secondary);animation:antenna-glow 1.5s infinite}@keyframes blink{0%,45%,55%,to{opacity:1}50%{opacity:.2}}@keyframes antenna-glow{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 10px var(--llm-secondary))}}.thought-bubble{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:50px;height:50px;background:#ff9a561a;border:2px solid var(--llm-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--llm-primary);font-weight:700}.thought-bubble:before{content:"";position:absolute;bottom:-15px;left:20px;width:15px;height:15px;background:#ff9a561a;border:2px solid var(--llm-primary);border-radius:50%}.processing-errors{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.error-item{padding:.5rem .75rem;background:#ff44440d;border:1px solid rgba(255,68,68,.3);border-radius:0;font-size:.8rem;color:var(--error-color);display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.results-column-stage2{background:#ff9a5605;border-color:#ff9a5633}.hallucination-result{display:flex;flex-direction:column;gap:1.5rem}.result-text-stage2{padding:1.5rem;background:#ff9a560d;border:1px solid rgba(255,154,86,.3);border-radius:0;font-size:.95rem;line-height:1.8;color:#ffffffd9}.error-highlight{position:relative;color:var(--error-color);text-decoration:underline wavy var(--error-color);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;transition:all .3s ease}.error-highlight:hover{background:#ff44441a;padding:0 4px;border-radius:0}.error-highlight.critical{color:red;text-decoration-color:red;font-weight:600}.error-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:1rem;background:#0a0e1afa;border:2px solid var(--error-color);border-radius:0;min-width:250px;box-shadow:0 8px 24px #ff44444d;z-index:1000}.error-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--error-color)}.tooltip-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--error-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.error-x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--error-color);color:#fff;border-radius:50%;font-size:.9rem;font-weight:700}.tooltip-detail{font-size:.85rem;color:#ffffffe6;line-height:1.5}.hover-instruction{text-align:center;font-size:.85rem;color:#ffffff80;font-style:italic;animation:fade-pulse 2s infinite}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}.search-box{position:fixed;bottom:2rem;left:3rem;right:3rem;z-index:50;max-width:650px;margin:0 auto}.search-container{display:flex;align-items:flex-start;gap:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:0;padding:.75rem .75rem .75rem 1rem;box-shadow:0 8px 32px #00000026,0 0 0 1px #00ffff1a;transition:all .3s ease;width:100%}.search-container:focus-within{box-shadow:0 8px 40px #00ffff4d,0 0 0 2px #0ff6}.search-icon{font-size:1.1rem;opacity:.5;flex-shrink:0;display:flex;align-items:center;padding-right:.5rem;padding-top:.35rem}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:.85rem;color:#1a1a1a;padding:.25rem .5rem;font-family:Inter,sans-serif;min-width:0;line-height:1.5;resize:none}.search-input::placeholder{color:#0006}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-button{padding:.65rem 1.5rem;background:linear-gradient(135deg,#0ff,#00d4d4);color:#0a0e1a;border:none;border-radius:0;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d;flex-shrink:0;white-space:nowrap;margin-left:.5rem;align-self:flex-end}.search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00ffff80}.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0e1a;color:#e0e6ed;overflow-x:hidden;min-height:100vh}#root{min-height:100vh}code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f1421}::-webkit-scrollbar-thumb{background:#1a2332;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a3342}