.app{min-height:60vh;background:transparent;position:relative}.header{padding:12px var(--gutter);background:var(--k-bg-2);border-bottom:1px solid var(--k-line);display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap}.logo{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:14px;text-decoration:none;color:var(--k-text-2);transition:color var(--t-fast)}.logo:hover{text-decoration:none;color:var(--k-text)}.logo-image{display:none}.logo-main{font-weight:500;color:var(--k-text)}.logo-divider{color:var(--k-text-3);font-weight:300}.logo-sub{color:var(--k-text-2);font-weight:300;font-size:13px}.back-link{color:var(--k-accent-text);text-decoration:none;font:400 12.5px var(--font-mono);padding:8px 14px;border:1px solid var(--k-line-2);border-radius:var(--r-pill);transition:border-color var(--t-base);display:inline-flex;align-items:center;min-height:36px}.back-link:hover{border-color:var(--k-accent-edge);text-decoration:none}.nav-bar{display:flex;padding:var(--s-4) var(--gutter);gap:var(--s-2);border-bottom:1px solid var(--k-line)}.nav-segment{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--k-line);border-radius:var(--r-2);cursor:pointer;transition:border-color var(--t-base),background-color var(--t-base);position:relative;overflow:hidden;color:var(--k-text-2)}.nav-segment:hover{border-color:var(--k-line-2);background:var(--k-bg-2)}.nav-segment.active{background:var(--k-accent-wash);border-color:var(--k-accent-edge)}.nav-segment.completed{border-color:var(--k-line-2)}.nav-segment-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--k-line-2);border-radius:50%;font:400 12px var(--font-mono);color:var(--k-text-2);flex-shrink:0}.nav-segment.active .nav-segment-number{background:var(--k-accent);border-color:var(--k-accent);color:var(--k-on-accent)}.nav-segment.completed .nav-segment-number{color:var(--k-accent-text);border-color:var(--k-accent-edge)}.nav-segment-title{flex:1;min-width:0;font-size:.9rem;font-weight:400;color:var(--k-text-2);text-align:left}.nav-segment.active .nav-segment-title{color:var(--k-text);font-weight:500}.nav-segment-arrow{color:var(--k-text-3);font-size:1.1rem;position:absolute;right:.5rem;z-index:1}.stage-container{padding:var(--s-6) var(--gutter) var(--s-9);min-height:calc(100vh - 200px)}.three-column-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);height:100%;min-height:600px}.three-column-layout.two-col{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto}.column{background:var(--k-bg-2);border:1px solid var(--k-line);border-radius:var(--r-3);padding:var(--s-5);display:flex;flex-direction:column;overflow:visible;min-width:0}.column-title{font:400 11.5px/1.7 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k-text-3);margin-bottom:var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--k-line)}.column-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.prompt-box{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:800px;background:var(--k-bg-2);border:1px solid var(--k-line-2);border-radius:var(--r-3);padding:var(--s-4) var(--s-5);z-index:50}.prompt-label{font:400 11.5px var(--font-mono);letter-spacing:.08em;color:var(--k-text-3);margin-bottom:.75rem;text-transform:uppercase}.prompt-text{font-family:var(--font-mono);font-size:.95rem;color:var(--k-accent-text);margin-bottom:1rem;line-height:1.5}.prompt-button{padding:.75rem 2rem;background:var(--k-accent);color:var(--k-on-accent);border:none;border-radius:var(--r-pill);font-weight:500;font-size:.95rem;cursor:pointer;transition:transform var(--t-fast),background-color var(--t-fast)}.prompt-button:hover{transform:translateY(-1px)}.prompt-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--r-2);font:400 12.5px var(--font-mono);margin-top:1rem}.badge.success{background:var(--k-accent-wash);border:1px solid var(--k-accent-edge);color:var(--k-accent-text)}.badge.error{background:color-mix(in srgb,var(--k-err) 10%,transparent);border:1px solid var(--k-err);color:var(--k-err)}.nj-sub{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding:12px var(--gutter);border-bottom:1px solid var(--k-line);background:var(--k-bg-2)}.nj-sub .id{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--k-text-2)}.nj-sub .preview-badge{font:400 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k-text-3);border:1px solid var(--k-line-2);padding:3px 8px;border-radius:var(--r-2)}.nj-sub .back-link{border:0;padding:6px 0;min-height:0}.nav-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:20px var(--gutter);border-top:1px solid var(--k-line)}.nav-btn{background:transparent;border:1px solid var(--k-line-2);color:var(--k-text-2);padding:10px 24px;border-radius:var(--r-pill);font:400 13px var(--font-mono);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;transition:border-color var(--t-base),color var(--t-base);text-decoration:none}.nav-btn:hover{border-color:var(--k-accent-edge);color:var(--k-text);text-decoration:none}.nav-btn:disabled{color:var(--k-text-3);border-color:var(--k-line);cursor:not-allowed}.nav-btn.primary{background:var(--k-accent);color:var(--k-on-accent);border-color:var(--k-accent)}.nav-btn.primary:hover{background:var(--k-accent-text);color:var(--k-on-accent)}.nav-counter{font:300 12px var(--font-mono);color:var(--k-text-3)}.demo-disclaimer{padding:20px var(--gutter) 0;font:300 12px/1.7 var(--font-mono);color:var(--k-text-3);text-align:center;max-width:900px;margin:0 auto}@media (max-width: 900px){.three-column-layout,.three-column-layout.two-col,.three-column-layout-extended{grid-template-columns:1fr;min-height:0}.nav-bar{flex-wrap:wrap}.nav-segment{flex-basis:100%}.nav-segment-arrow{display:none}.header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.nav-controls{flex-wrap:wrap}.nav-counter{order:3;flex-basis:100%;text-align:center}.nav-btn{padding:10px 14px}}.nj-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.nj-versus{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.nj-cards,.nj-versus{grid-template-columns:1fr}}.app{--k-accent:var(--k-sol-cornflower);--k-accent-text:var(--k-sol-cornflower);--k-accent-wash:rgba(241,123,174,.1);--k-accent-edge:var(--k-sol-cornflower-edge);--cyan:var(--k-sol-cornflower)}@media (max-width: 480px){#root{overflow-x:hidden;max-width:100%}#root *{min-width:0}}.stage-2{--llm-primary: var(--k-text-2);--llm-secondary: var(--k-text-2);--error-color: var(--k-err)}.data-silo-simple{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--r-2);position:relative;overflow:visible}.silo-icon-simple{font-size:1.5rem}.silo-label-simple{font-size:.85rem;color:var(--k-text-2)}.data-packet-stage2{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);font-size:1.5rem;z-index:100;pointer-events:none}.llm-column{background:var(--k-bg-2);border-color:var(--k-line-2)}.generic-llm{width:180px;height:180px;position:relative}.llm-svg{width:100%;height:100%;color:var(--k-text-2)}.llm-head{fill:var(--k-line-2);stroke:var(--k-text-2);stroke-width:2}.llm-eye{fill:var(--k-text-2);animation:blink 3s infinite}.llm-mouth{color:var(--k-text-2)}.llm-antenna{fill:var(--k-text-2);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}}.thought-bubble{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--k-line-2);border:1px solid var(--k-text-2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--k-text-2);font-weight:500}.thought-bubble:before{content:"";position:absolute;bottom:-15px;left:20px;width:15px;height:15px;background:var(--k-line-2);border:1px solid var(--k-text-2);border-radius:50%}.processing-errors{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.error-item{padding:.5rem .75rem;background:color-mix(in srgb,var(--k-err) 10%,transparent);border:1px solid color-mix(in srgb,var(--k-err) 40%,transparent);border-radius:var(--r-2);font:300 .78rem var(--font-mono);color:var(--k-err);display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.results-column-stage2{background:var(--k-bg-2);border-color:var(--k-line-2)}.hallucination-result{display:flex;flex-direction:column;gap:1.5rem}.result-text-stage2{padding:1.5rem;background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--r-2);font-size:.95rem;line-height:1.8;color:var(--k-text)}.error-highlight{position:relative;color:var(--k-err);text-decoration:underline wavy var(--k-err);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;transition:all .3s ease}.error-highlight:hover{background:color-mix(in srgb,var(--k-err) 10%,transparent);padding:0 4px;border-radius:0}.error-highlight.critical{color:var(--k-err);text-decoration-color:var(--k-err);font-weight:400}.error-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:1rem;background:var(--k-bg-2);border:1px solid var(--k-err);border-radius:var(--r-2);min-width:min(250px,calc(100vw - 32px));max-width:min(320px,calc(100vw - 32px));z-index:1000}.error-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--k-err)}.tooltip-header{display:flex;align-items:center;gap:.5rem;font:400 11.5px var(--font-mono);color:var(--k-err);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(--k-err);color:var(--k-on-accent);border-radius:50%;font-size:.9rem;font-weight:500}.tooltip-detail{font-size:.85rem;color:var(--k-text);line-height:1.5}.hover-instruction{text-align:center;font:300 12px var(--font-mono);color:var(--k-text-3)}@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:var(--k-bg-2);border:1px solid var(--k-line-2);border-radius:var(--r-3);padding:.75rem .75rem .75rem 1rem;transition:all .3s ease;width:100%}.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:var(--k-text);padding:.25rem .5rem;font-family:var(--font-body);min-width:0;line-height:1.5;resize:none}.search-input::placeholder{color:var(--k-text-3)}.search-input{font-family:var(--font-mono);color:var(--k-text)}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-button{padding:.65rem 1.5rem;background:var(--k-accent);color:var(--k-on-accent);border:none;border-radius:var(--r-pill);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;margin-left:.5rem;align-self:flex-end}.search-button:hover:not(:disabled){transform:translateY(-1px)}.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.results-column-stage2 .error-tooltip{left:auto;right:0;transform:none}.results-column-stage2 .error-tooltip:after{left:auto;right:24px;transform:none}*,*:before,*:after{box-sizing:border-box}#root{min-height:60vh}code,pre{font-family:var(--font-mono)}.app button,.app select,.app textarea,.app input{font-family:var(--font-body)}