*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--s1: #0d0d0d;--s2: #141414;--s3: #1a1a1a;--border: #222222;--bhi: #333333;--text: #ffffff;--t2: #999999;--t3: #555555;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", system-ui, sans-serif;--r: 10px;--max-w: 800px}html,body,#root{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.052) 1px,transparent 1px);background-size:28px 28px;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.shell:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1000px;height:560px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.043) 0%,transparent 60%);pointer-events:none;z-index:0}.nav{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:10px;background:#000000d1;position:sticky;top:0;z-index:50;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;letter-spacing:-.2px;color:var(--text)}.nav-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0}.nav-spacer{flex:1}.nav-badge{font-size:11px;font-family:var(--mono);color:var(--t3);border:1px solid var(--border);border-radius:999px;padding:3px 11px;letter-spacing:.02em}.nav-badge.live{color:#fff;border-color:var(--bhi);animation:livepulse 2s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardGlow{0%,to{box-shadow:0 0 0 1px #ffffff0d inset,0 2px 20px #ffffff05}50%{box-shadow:0 0 0 1px #ffffff1a inset,0 4px 32px #ffffff0d}}@keyframes shimmerLine{0%{background-position:-400px 0}to{background-position:400px 0}}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:76px 24px 120px;position:relative;z-index:1}.hero{text-align:center;margin-bottom:36px;max-width:620px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-family:var(--mono);color:var(--t3);letter-spacing:.05em;margin-bottom:24px;padding:5px 14px;border:1px solid var(--border);border-radius:999px;background:#ffffff06;opacity:0;animation:fadeUp .55s 0s cubic-bezier(.16,1,.3,1) forwards}.hero-live-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:livepulse 2.5s ease-in-out infinite;flex-shrink:0}.hero h1{font-size:50px;font-weight:760;letter-spacing:-2.2px;line-height:1.03;margin-bottom:18px;color:#fff;opacity:0;animation:fadeUp .6s .08s cubic-bezier(.16,1,.3,1) forwards}.hero h1 span{color:var(--t2);font-weight:360}.hero p{font-size:15px;color:var(--t2);line-height:1.68;max-width:460px;margin:0 auto;opacity:0;animation:fadeUp .6s .16s cubic-bezier(.16,1,.3,1) forwards}.input-card{width:100%;max-width:var(--max-w);background:var(--s1);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .18s;margin-bottom:14px}.input-card:focus-within{border-color:#444;box-shadow:0 0 0 3px #ffffff08}.input-textarea{width:100%;background:none;border:none;outline:none;padding:20px 22px 10px;color:#fff;font-family:var(--sans);font-size:15px;resize:none;min-height:80px;caret-color:#fff}.input-textarea::placeholder{color:var(--t3)}.input-bar{display:flex;align-items:center;padding:10px 12px;border-top:1px solid var(--border);gap:8px}.input-hint{font-size:11px;color:var(--t3);font-family:var(--mono);flex:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;border:none;line-height:1;transition:opacity .12s,transform .1s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-run{background:#fff;color:#000;font-weight:600;letter-spacing:-.1px}.btn-run:hover:not(:disabled){opacity:.88}.btn-ghost{background:none;color:var(--t2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:#fff;border-color:var(--bhi)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:7px}.examples{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:var(--max-w)}.chip{background:none;border:1px solid var(--border);border-radius:999px;padding:5px 15px;font-size:12px;color:var(--t2);cursor:pointer;font-family:var(--sans);transition:border-color .15s,color .15s,transform .15s}.chip:hover{border-color:var(--bhi);color:#fff;transform:translateY(-1px)}.err{width:100%;max-width:var(--max-w);background:#0f0505;border:1px solid #3a1010;border-radius:var(--r);padding:14px 18px;color:#ff6b6b;font-size:13px;line-height:1.5}.pipeline{width:100%;max-width:var(--max-w);animation:fadeUp .45s cubic-bezier(.16,1,.3,1) both}.pipeline-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 580px){.agents{grid-template-columns:repeat(2,1fr)}}.agent{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:14px 13px;transition:border-color .2s,transform .22s ease,box-shadow .22s ease;transform:perspective(500px) rotateX(0) translateY(0);cursor:default}.agent:hover:not(.running):not(.error){transform:perspective(500px) rotateX(3deg) translateY(-3px);box-shadow:0 10px 28px #00000080,0 1px #ffffff0d inset;border-color:var(--bhi)}.agent.running{border-color:#383838;background:var(--s2);animation:cardGlow 2.5s ease-in-out infinite}.agent.done{border-color:var(--bhi)}.agent.error{border-color:#4a1212}.agent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.agent-name{font-size:12px;font-weight:600;color:#fff}.dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0}.dot.pulse{background:#fff;animation:dotpulse 1s ease-in-out infinite}.dot.done{background:#fff}.dot.error{background:#f44}@keyframes dotpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}.agent-detail{font-size:11px;color:var(--t3);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-time{font-size:10px;color:var(--t3);font-family:var(--mono);margin-top:8px}.report-wrap{width:100%;max-width:var(--max-w);animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.report-top{display:flex;align-items:center;margin-bottom:10px;gap:8px}.report-top-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);flex:1}.report-box{background:var(--s1);border:1px solid var(--border);border-radius:12px;padding:30px 32px}.md h1{font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px;line-height:1.2;color:#fff}.md h2{font-size:16px;font-weight:600;margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border);color:#fff}.md h3{font-size:13px;font-weight:600;margin:20px 0 8px;color:var(--t2);text-transform:uppercase;letter-spacing:.06em}.md p{margin:0 0 14px;color:#ccc;line-height:1.78}.md ul,.md ol{padding-left:18px;margin:0 0 14px}.md li{margin-bottom:5px;color:#ccc;line-height:1.72}.md strong{color:#fff;font-weight:600}.md em{color:var(--t2);font-style:italic}.md a{color:#aaa;text-decoration:underline;text-decoration-color:var(--bhi)}.md a:hover{color:#fff}.md blockquote{border-left:2px solid var(--bhi);padding-left:16px;margin:16px 0;color:var(--t2)}.md hr{border:none;border-top:1px solid var(--border);margin:24px 0}.md code{font-family:var(--mono);font-size:12px;background:var(--s3);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:#e0e0e0}.md pre{background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:0 0 16px}.md pre code{background:none;border:none;padding:0;font-size:12.5px;line-height:1.65}.md table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px}.md th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--bhi);font-weight:600;color:var(--t2);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.md td{padding:8px 12px;border-bottom:1px solid var(--border);color:#ccc}.idle{text-align:center;color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px}.agent-retry-text{color:#888;font-style:italic}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.drawer{position:fixed;top:0;right:0;height:100vh;width:340px;background:var(--s1);border-left:1px solid var(--border);z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.drawer-open{transform:translate(0)}.drawer-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:13px;font-weight:600;color:#fff;flex:1}.drawer-close{background:none;border:none;color:var(--t3);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:4px;line-height:1}.drawer-close:hover{color:#fff;background:var(--s3)}.drawer-empty{padding:24px 18px;font-size:13px;color:var(--t3);line-height:1.6}.history-row{display:flex;flex-direction:column;gap:5px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:14px 18px;cursor:pointer;text-align:left;transition:background .12s}.history-row:hover{background:var(--s2)}.history-topic{font-size:12.5px;color:#fff;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{display:flex;gap:12px;font-size:11px;color:var(--t3);font-family:var(--mono)}.mode-wrap{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;opacity:0;animation:fadeUp .55s .24s cubic-bezier(.16,1,.3,1) forwards}.mode-desc{font-size:11px;color:var(--t3);font-family:var(--mono);letter-spacing:.03em}.mode-toggle{display:flex;gap:2px;background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:3px;margin-bottom:0}.mode-btn{background:none;border:none;padding:6px 18px;font-size:12px;font-weight:500;font-family:var(--sans);color:var(--t3);border-radius:8px;cursor:pointer;transition:all .15s}.mode-btn:hover:not(:disabled){color:var(--t2)}.mode-btn.mode-active{background:#fff;color:#000;font-weight:600}.mode-btn:disabled{opacity:.3;cursor:not-allowed}.pipeline-mode{color:var(--t2);font-weight:400;font-size:10px;letter-spacing:.08em}.agents-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 700px){.agents-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.agents-5{grid-template-columns:repeat(2,1fr)}}.rag-banner{width:100%;max-width:var(--max-w);background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t2);margin-top:12px}.rag-icon{font-size:14px}.rag-banner strong{color:#fff;font-weight:600}.hitl-panel{width:100%;max-width:var(--max-w);background:var(--s1);border:1px solid var(--bhi);border-radius:12px;margin-top:24px;overflow:hidden}.hitl-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border)}.hitl-badge{font-size:10px;font-weight:700;letter-spacing:.12em;color:#fff;background:var(--bhi);padding:3px 10px;border-radius:4px}.hitl-session{font-size:11px;font-family:var(--mono);color:var(--t3)}.hitl-body{padding:18px;display:flex;flex-direction:column;gap:12px}.hitl-msg{font-size:13px;color:var(--t2);line-height:1.6}.hitl-preview{font-size:12px;color:var(--t3)}.hitl-preview summary{cursor:pointer;color:var(--t2);font-size:12px;margin-bottom:8px}.hitl-preview pre{background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:var(--mono);font-size:11px;color:var(--t2);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.hitl-feedback{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:12px;color:#fff;font-family:var(--sans);font-size:13px;resize:vertical;outline:none;min-height:60px;caret-color:#fff}.hitl-feedback::placeholder{color:var(--t3)}.hitl-feedback:focus{border-color:var(--bhi)}.hitl-resume-btn{align-self:flex-end}.debate-cards{width:100%;max-width:var(--max-w);display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}@media (max-width: 600px){.debate-cards{grid-template-columns:1fr}}.debate-card{background:var(--s1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.debate-card-head{padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}.debate-optimist .debate-card-head{color:#fff;background:var(--s2)}.debate-skeptic .debate-card-head{color:var(--t2);background:var(--s2)}.debate-card-body{padding:16px;max-height:400px;overflow-y:auto;font-size:12px}.lang-select{background:var(--s1);color:var(--t1);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;outline:none}.lang-select:hover{border-color:var(--t2)}.lang-select:disabled{opacity:.5;cursor:not-allowed}.writer-stream{width:100%;max-width:var(--max-w);margin-top:24px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--s1)}.writer-stream-label{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);border-bottom:1px solid var(--border)}.writer-stream-text{padding:16px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0;color:var(--t1)}.memory-panel{width:100%;max-width:var(--max-w);margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--s1)}.memory-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);margin-bottom:10px}.memory-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--t2);font-size:13px;padding:6px 0;cursor:pointer;border-bottom:1px solid var(--border);transition:color .15s}.memory-item:last-child{border-bottom:none}.memory-item:hover{color:var(--t1)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:var(--max-w);margin-top:32px}@media (max-width: 640px){.features{grid-template-columns:repeat(2,1fr)}}.feature-card{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:16px;cursor:default;transition:border-color .22s,background .22s,transform .25s ease,box-shadow .25s ease;transform:perspective(600px) rotateX(0) translateY(0)}.feature-card:hover{border-color:var(--bhi);background:var(--s2);transform:perspective(600px) rotateX(4deg) translateY(-4px);box-shadow:0 14px 36px #0000008c,0 1px #ffffff0a inset}.feature-num{font-size:10px;font-family:var(--mono);color:var(--t3);font-weight:700;letter-spacing:.1em;margin-bottom:10px}.feature-title{font-size:13px;font-weight:640;color:#fff;margin-bottom:5px;letter-spacing:-.25px}.feature-desc{font-size:11px;color:var(--t3);font-family:var(--mono);line-height:1.5}.idle{text-align:center;color:var(--t3);font-size:11px;font-family:var(--mono);letter-spacing:.04em;margin-top:40px;display:flex;align-items:center;gap:8px}.idle-sep{color:var(--border)}.nav-dot-live{background:#4ade80!important;animation:livepulse 2s ease-in-out infinite}.report-score{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:var(--mono);color:var(--t3);border:1px solid var(--border);border-radius:6px;padding:2px 8px}@media print{.nav,.mode-toggle,.input-card,.examples,.memory-panel,.pipeline,.rag-banner,.hitl-panel,.debate-cards,.writer-stream,.err,.idle,.drawer,.drawer-overlay,.report-top{display:none!important}.report-wrap{margin:0!important}.report-box{border:none!important;box-shadow:none!important;padding:0!important;max-height:none!important;overflow:visible!important}.shell,.page,body{background:#fff!important;color:#000!important}.md *{color:#000!important}}