*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;background:#0a0a0f;color:#e0e0e0;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #222}header h1{font-size:1.5rem;color:#fff;font-weight:600;margin-bottom:10px}.env-switcher{display:flex;align-items:center;justify-content:center;gap:8px}.env-btn{padding:5px 14px;font-size:.8rem;font-weight:500;border:1px solid #333;border-radius:4px;background:#151520;color:#888;cursor:pointer;transition:all .15s}.env-btn:hover{border-color:#555;color:#ccc}.env-active{background:#1a1a3a;border-color:#56f;color:#9af}.env-detail{font-size:.7rem;color:#555;margin-left:4px}.columns{display:flex;gap:24px}.benchmark-column{flex:1;min-width:0}.benchmark-column h2{font-size:1.1rem;margin-bottom:12px;color:#aaa;font-weight:500}.controls{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.controls label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.controls input{background:#151520;border:1px solid #333;border-radius:4px;padding:8px 10px;color:#e0e0e0;font-size:.85rem;font-family:monospace}.controls input:focus{outline:none;border-color:#56f}.controls input:disabled{opacity:.5}.control-row{display:flex;gap:12px}.control-row label{flex:1}button{padding:10px 20px;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-start{background:#2c6;color:#000}.btn-start:hover{background:#3d7}.btn-stop{background:#e44;color:#fff}.btn-stop:hover{background:#f55}.key-hint{font-size:.7rem;color:#555;text-transform:none;letter-spacing:0}.key-hint a{color:#78c;text-decoration:none;border-bottom:1px dotted #7788cc;cursor:pointer}.key-hint a:hover{color:#9af;border-bottom-color:#9af}.status{font-size:.8rem;color:#888;padding:6px 0}.derived-address{font-size:.75rem;color:#78f;padding:2px 0}.derived-address code{font-size:.75rem}.stats-panel{margin-bottom:12px}.stats-panel h4{font-size:.8rem;color:#888;margin-bottom:6px;font-weight:500}.stats-hero-row{display:flex;gap:8px;margin-bottom:6px}.stats-hero{flex:1;background:#151520;border:1px solid #222;border-radius:4px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.stats-hero-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.stats-hero-value{font-size:1.4rem;font-weight:700;color:#fff;font-family:monospace}.stats-hero-unit{font-size:.7rem;font-weight:400;color:#666;margin-left:1px}.stats-secondary{display:flex;flex-wrap:wrap;gap:10px;font-size:.7rem;color:#666;font-family:monospace}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{background:#151520;border:1px solid #222;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.95rem;font-weight:600;color:#fff;font-family:monospace}.stats-breakdown{display:flex;gap:12px;margin-bottom:12px}.stats-breakdown .stats-panel{flex:1;min-width:0;background:#0d0d14;border:1px solid #222;border-radius:4px;padding:8px;margin-bottom:0}.stats-breakdown .stats-panel h4{text-align:center}.stats-breakdown .stats-hero-value{font-size:.95rem}.stats-breakdown .stats-hero{padding:6px}.request-log{height:300px;overflow-y:auto;background:#0d0d14;border:1px solid #222;border-radius:4px;padding:6px;font-size:.75rem;font-family:monospace}.log-entry{display:flex;gap:8px;padding:3px 4px;border-bottom:1px solid #1a1a24;align-items:center}.log-time{color:#555;flex-shrink:0}.log-badge{padding:1px 5px;border-radius:3px;font-size:.65rem;font-weight:700;flex-shrink:0}.badge-success{background:#1a3a1a;color:#4c6}.badge-error{background:#3a1a1a;color:#e55}.log-duration{color:#aaa;flex-shrink:0;min-width:55px;text-align:right}.log-message{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-log::-webkit-scrollbar{width:6px}.request-log::-webkit-scrollbar-track{background:transparent}.request-log::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.wallet-info{background:#151520;border:1px solid #222;border-radius:4px;padding:8px 10px}.wallet-header{display:flex;justify-content:space-between;align-items:center}.wallet-header code{font-size:.75rem;color:#78f}.wallet-balance{font-size:.75rem;color:#ccc;font-family:monospace}.hero-stats{display:flex;gap:12px;margin-bottom:12px}.hero-stat{flex:1;background:#151520;border:1px solid #222;border-radius:6px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:2px}.hero-value{font-size:1.8rem;font-weight:700;font-family:monospace;color:#fff}.hero-label{font-size:.75rem;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hero-unit{font-size:.9rem;font-weight:400;color:#666;margin-left:1px}.hero-detail{font-size:.65rem;color:#555}.hero-sub{font-size:.85rem;color:#aaa;font-family:monospace;font-weight:600;margin-top:2px}.latency-breakdowns{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.latency-section{display:flex;gap:12px;font-size:.7rem;font-family:monospace;color:#666;padding:3px 0}.latency-title{color:#888;font-weight:600;min-width:55px}.secondary-counters{display:flex;gap:16px;font-size:.7rem;color:#666;padding:4px 0 8px;font-family:monospace}.auction-row{display:flex;gap:6px;padding:4px 6px;border-bottom:1px solid #1a1a24;align-items:center;font-size:.75rem;font-family:monospace}.auction-id{color:#555;flex-shrink:0;min-width:58px}.auction-picks{color:#666;font-size:.65rem;flex-shrink:0;min-width:18px}.condition-count{font-size:.7rem;color:#666;font-family:monospace;text-align:center}.auction-amount{color:#89b;flex-shrink:0;min-width:40px;font-size:.65rem}.auction-chance{color:#ca4;font-weight:400}.auction-arrow{color:#444;flex-shrink:0}.auction-phase{padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:600;flex-shrink:0}.phase-sent{background:#1a1a3a;color:#68c}.phase-ack{background:#1a2a2a;color:#4aa}.phase-bid{background:#1a3a1a;color:#4c6}.phase-pending{color:#666;font-weight:400;font-style:italic}.phase-valid{background:#1a3a2a;color:#4e8;font-weight:700}.phase-estimator{background:#1a1a3a;color:#a8f;font-weight:700}.phase-error{background:#3a1a1a;color:#e55}.log-query-btn{margin-left:auto;padding:0 5px;font-size:.6rem;font-weight:700;background:#1a1a2a;border:1px solid #333;border-radius:3px;color:#78c;cursor:pointer;flex-shrink:0;letter-spacing:.03em}.log-query-btn:hover{background:#224;border-color:#56f;color:#9af}.log-clickable{cursor:pointer}.log-clickable:hover{background:#1a1a2a}.query-dialog{background:transparent;border:none;padding:0;max-width:640px;width:90vw;margin:auto;position:fixed;top:0;right:0;bottom:0;left:0;height:fit-content}.query-dialog::backdrop{background:#000000b3}.query-dialog-content{background:#12121c;border:1px solid #333;border-radius:8px;padding:16px;color:#e0e0e0}.query-dialog-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-family:monospace;font-size:.85rem}.query-dialog-msg{color:#888}.query-dialog-close{margin-left:auto;background:none;border:1px solid #444;color:#888;padding:2px 8px;border-radius:3px;cursor:pointer;font-size:.8rem}.query-dialog-close:hover{color:#fff;border-color:#666}.query-dialog-section{margin-bottom:12px}.query-dialog-section h5{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.query-dialog-section pre{background:#0a0a12;border:1px solid #222;border-radius:4px;padding:10px;font-size:.75rem;font-family:monospace;color:#aaa;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre-wrap}.badge-pending{background:#1a1a3a;color:#68c}.auction-dialog-fields{margin-bottom:12px}.auction-dialog-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #1a1a24;font-size:.8rem}.auction-dialog-label{color:#666}.auction-dialog-value{color:#ccc;font-family:monospace}.picks-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.pick-card{background:#0d0d14;border:1px solid #222;border-radius:4px;padding:8px 10px}.pick-question{font-size:.8rem;color:#ccc;margin-bottom:4px;line-height:1.3}.pick-details{display:flex;align-items:center;gap:10px;font-size:.75rem;font-family:monospace}.pick-outcome{padding:1px 6px;border-radius:3px;font-weight:700;font-size:.7rem}.pick-yes{background:#1a3a1a;color:#4c6}.pick-no{background:#3a1a1a;color:#e55}.pick-price{color:#ca4;font-weight:600}.pick-link{color:#ca4;text-decoration:none;border-bottom:1px dotted #ccaa44}.pick-link:hover{color:#ed6;border-bottom-color:#ed6}.expected-vs-actual{background:#0d0d14;border:1px solid #222;border-radius:4px;padding:8px 10px}.expected-row{display:flex;justify-content:space-between;padding:3px 0;font-size:.75rem;border-bottom:1px solid #1a1a24}.expected-row:last-child{border-bottom:none}.expected-label{color:#666}.expected-value{color:#ccc;font-family:monospace;font-weight:600}.diff-positive{color:#4c6}.diff-negative{color:#e55}@media (max-width: 800px){.columns{flex-direction:column}}