:root{--bg:#0d1117;--surface:#161b22;--surface2:#21262d;--border:#30363d;--primary:#6366f1;--primary-dark:#4f46e5;--accent:#a78bfa;--latent:#22d3ee;--text-mode:#f0883e;--success:#3fb950;--warning:#d29922;--error:#f85149;--text:#e6edf3;--muted:#7d8590}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}header{text-align:center;border-bottom:1px solid var(--border);background:var(--surface);padding:2rem 1rem 1.5rem}.logo{background:linear-gradient(135deg,#6366f1,#a78bfa,#22d3ee);-webkit-text-fill-color:transparent;letter-spacing:-.5px;background-clip:text;font-size:1.9rem;font-weight:700}.subtitle{color:var(--muted);margin-top:.35rem;font-size:.92rem}main{flex-direction:column;gap:1.25rem;max-width:860px;margin:2rem auto;padding:0 1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.intro p{color:var(--text);font-size:.95rem}.intro p+p{margin-top:.85rem}.intro .honest{color:var(--muted);background:var(--surface2);border-left:3px solid var(--warning);border-radius:6px;padding:.75rem .9rem;font-size:.88rem}.intro a{color:var(--accent)}.muted{color:var(--muted);margin-bottom:.9rem;font-size:.88rem}.muted:last-child{margin-bottom:0}.step-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;font-size:.72rem;font-weight:700}code{background:var(--surface2);color:var(--latent);border-radius:4px;padding:.1rem .35rem;font-family:Consolas,Monaco,monospace;font-size:.85em}.pattern-cards{grid-template-columns:repeat(5,1fr);gap:.7rem;display:grid}.pattern-card{cursor:pointer}.pattern-card-link{text-decoration:none}.pattern-card-link .pattern-card-inner{background:linear-gradient(160deg,#2dd4bf1a,#6366f10f);border-style:dashed}.pattern-card-link:hover .pattern-card-inner{border-color:var(--accent);border-style:solid}.pattern-card input{display:none}.pattern-card-inner{background:var(--surface2);border:1.5px solid var(--border);text-align:center;border-radius:10px;height:100%;padding:.9rem .6rem;transition:all .15s}.pattern-card:hover .pattern-card-inner{border-color:var(--primary)}.pattern-card input:checked+.pattern-card-inner{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:linear-gradient(160deg,#6366f12e,#a78bfa14)}.pattern-emoji{font-size:1.5rem}.pattern-name{margin-top:.25rem;font-size:.95rem;font-weight:600}.pattern-flow{color:var(--muted);margin-top:.25rem;font-size:.72rem;line-height:1.3}.pattern-desc{color:var(--text);background:var(--surface2);border-left:3px solid var(--primary);border-radius:8px;margin-top:1rem;padding:.8rem .95rem;font-size:.9rem}.setup-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.setup-col{min-width:0}.model-cards{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.model-card{cursor:pointer}.model-card input{display:none}.model-card-inner{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;padding:.55rem .7rem;transition:all .15s}.model-card:hover .model-card-inner{border-color:var(--primary)}.model-card input:checked+.model-card-inner{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.model-name{font-size:.85rem;font-weight:600}.model-meta{color:var(--muted);font-size:.72rem}.rounds-val{background:var(--primary);color:#fff;border-radius:6px;padding:0 .5rem;font-size:.8rem;display:inline-block}.rounds-slider{width:100%;accent-color:var(--primary);margin-top:.3rem}.rounds-scale{color:var(--muted);justify-content:space-between;padding:0 2px;font-size:.72rem;display:flex}.task-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.task-chip{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--muted);border-radius:20px;padding:.25rem .7rem;font-size:.76rem;transition:all .15s}.task-chip:hover{border-color:var(--primary);color:var(--text)}.task-input,.guidance-input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.task-input:focus{border-color:var(--primary);outline:none}.run-row{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.btn-primary,.btn-secondary,.btn-ghost{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary)}.btn-ghost{color:var(--error);border:1px solid var(--error);background:0 0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.tag-latent{color:var(--latent);background:#22d3ee33}.tag-text{color:var(--text-mode);background:#f0883e33}.bus-opt{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--latent);color:var(--muted);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.6rem;margin-top:1.2rem;padding:.75rem .9rem;font-size:.82rem;display:flex}.bus-opt input{accent-color:var(--latent);flex:none;width:16px;height:16px;margin-top:.2rem}.bus-opt strong{color:var(--latent)}.bus-opt code{font-size:.78em}.bus-list{flex-direction:column;gap:.4rem;max-height:260px;display:flex;overflow-y:auto}.bus-entry{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--latent);border-radius:6px;align-items:baseline;gap:.6rem;padding:.45rem .7rem;display:flex}.bus-entry-tag{color:var(--latent);white-space:nowrap;flex:none;font-size:.74rem;font-weight:700}.bus-entry-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,Monaco,monospace;font-size:.78rem;overflow:hidden}@keyframes busIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.retrieval-note{color:var(--latent);background:#22d3ee0f;border:1px dashed #22d3ee66;border-radius:6px;padding:.3rem .6rem;font-size:.74rem}.retrieval-note b{color:var(--text)}.model-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}#model-status-text{font-size:.9rem}.status-badge{white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.status-idle{background:var(--surface2);color:var(--muted)}.status-loading{color:var(--warning);background:#d299222e}.status-ready{color:var(--success);background:#3fb9502e}.status-error{color:var(--error);background:#f851492e}.status-running{color:var(--accent);background:#6366f133}.progress-bar-wrap{background:var(--surface2);border-radius:20px;height:8px;margin:.8rem 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .3s}.viz-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.viz-round{color:var(--accent);background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:.2rem .8rem;font-size:.78rem;font-weight:700}.loop-viz{flex-wrap:wrap;align-items:stretch;gap:0;min-height:90px;padding:.5rem 0;display:flex}.agent-node{background:var(--surface2);border:1.5px solid var(--border);text-align:center;border-radius:10px;flex:1 1 0;min-width:110px;padding:.7rem .6rem;transition:all .25s;position:relative}.agent-node .node-emoji{font-size:1.4rem}.agent-node .node-role{margin-top:.15rem;font-size:.85rem;font-weight:600}.agent-node .node-model{color:var(--muted);margin-top:.2rem;font-size:.66rem;line-height:1.2}.agent-node .node-inner-badge{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:0 .3rem;font-size:.6rem;position:absolute;top:-8px;right:-8px}.agent-node.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), 0 0 22px #6366f173;transform:translateY(-3px)}.agent-node.active .node-inner-badge{color:var(--latent);border-color:var(--latent);animation:1s infinite pulse}.agent-node.done{border-color:var(--success)}.agent-node.decoding{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 26px #a78bfa99}.agent-edge{color:var(--muted);flex:0 0 28px;justify-content:center;align-items:center;font-size:1.3rem;transition:color .25s;display:flex}.agent-edge.active{color:var(--latent);animation:.8s infinite pulse}.agent-node.decoding .node-state{color:var(--accent)}.node-state{color:var(--muted);min-height:.9rem;margin-top:.35rem;font-size:.66rem}.feedback-arrow{text-align:center;color:var(--muted);flex-basis:100%;margin-top:.6rem;font-size:.74rem;font-style:italic}.feedback-arrow.active{color:var(--latent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.viz-legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.74rem;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:.3rem;display:inline-block}.legend-dot.inner{background:var(--latent)}.legend-dot.outer{background:var(--primary)}.legend-dot.decode{background:var(--accent)}.metrics-grid{border:1px solid var(--border);border-radius:10px;grid-template-columns:1.2fr 1fr 1fr;gap:0;display:grid;overflow:hidden}.metrics-grid .mcell{border-bottom:1px solid var(--border);padding:.7rem .9rem;font-size:.88rem}.metrics-grid .mhead{background:var(--surface2);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.74rem;font-weight:700}.metrics-grid .mlabel{color:var(--muted)}.metrics-grid .mval{font-variant-numeric:tabular-nums;font-weight:700}.metrics-grid .mval.latent{color:var(--latent)}.metrics-grid .mval.text{color:var(--text-mode)}.metrics-delta{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.delta-pill{background:var(--surface2);border:1px solid var(--border);text-align:center;border-radius:8px;flex:140px;padding:.6rem .9rem}.delta-pill .dval{color:var(--success);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.delta-pill .dlabel{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.transcript-tabs{gap:.4rem;margin-bottom:1rem;display:flex}.ttab{background:var(--surface2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px 8px 0 0;padding:.4rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600}.ttab.active{color:var(--text);border-bottom-color:var(--primary);background:var(--surface);box-shadow:inset 0 -2px 0 var(--primary)}.transcript{flex-direction:column;gap:.7rem;display:flex}.round-divider{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-top:1px dashed var(--border);margin-top:.3rem;padding-top:.7rem;font-size:.74rem;font-weight:700}.round-divider:first-child{border-top:none;margin-top:0;padding-top:0}.msg{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;padding:.6rem .85rem}.msg .msg-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.msg .msg-role{font-size:.85rem;font-weight:600}.msg .msg-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.msg .msg-body{white-space:pre-wrap;word-break:break-word;font-size:.88rem}.msg.latent-msg{border-left-color:var(--latent)}.msg.latent-msg .msg-body{color:var(--latent);opacity:.92;font-family:Consolas,Monaco,monospace;font-size:.8rem}.msg.decode-msg{border-left-color:var(--accent);background:linear-gradient(160deg,#a78bfa1a,#0000)}.msg.tool-msg{border-left-color:var(--warning)}.msg.tool-msg .msg-body{color:var(--warning);font-size:.82rem}.badge-mini{text-transform:uppercase;border-radius:4px;margin-left:.4rem;padding:.05rem .3rem;font-size:.6rem;font-weight:700}.badge-latent{color:var(--latent);background:#22d3ee2e}.badge-decode{color:var(--accent);background:#a78bfa33}.badge-text{color:var(--text-mode);background:#f0883e2e}.explainer h3{color:var(--text);margin:1.2rem 0 .4rem;font-size:.98rem}.explainer h3:first-of-type{margin-top:.5rem}.explainer ul{margin:0 0 0 1.1rem}.explainer ul li{margin-bottom:.3rem}.formula-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.formula-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.9rem}.formula-title{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.formula{background:var(--bg);border:1px solid var(--border);color:var(--latent);text-align:center;border-radius:6px;margin-bottom:.5rem;padding:.55rem .7rem;font-family:Consolas,Monaco,monospace;font-size:.86rem}.formula-card .muted{margin-bottom:0}.site-footer{text-align:center;padding:1rem 0 2rem}.site-footer a{color:var(--accent)}.latent-proof{color:var(--muted);border-left:2px solid var(--accent);word-break:break-word;background:#6366f114;border-radius:4px;margin-top:.4rem;padding:.3rem .55rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.35}.latent-proof .lp-ok{color:var(--accent);font-weight:600}.latent-proof .lp-warn{color:var(--error,#f87171);font-weight:600}@media (width<=720px){.pattern-cards{grid-template-columns:1fr 1fr}.setup-grid,.formula-row,.metrics-grid{grid-template-columns:1fr}.loop-viz{flex-direction:column}.agent-edge{flex-basis:24px;transform:rotate(90deg)}}