:root{color-scheme:dark;--bg:#0a0809;--fg:#f7f4f5;--muted:#a2979c;--accent:#ed444f;--accent-rgb:237,68,79;--surface:rgba(255,255,255,.045);--border:rgba(255,255,255,.105);--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--font)}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff7c86;outline-offset:4px}.hidden{display:none!important}.muted,.note{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:650;letter-spacing:.02em}.brand-mark{color:var(--accent);font-size:20px}.beta{font-size:12px;letter-spacing:.1em;color:#ff8790;background:#3c181e;border:1px solid #773139;padding:2px 6px;border-radius:4px}.topbar-status{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.topbar-status strong{color:var(--fg);font-weight:500}.live{color:#f08c95}#clock{font-family:var(--mono)}.main{max-width:960px;margin:auto;padding:28px 20px 32px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:22px;line-height:1.4;font-weight:600;margin:0}h2{font-size:17px;font-weight:600;margin:0}h3{margin:0;font-size:18px;font-weight:600}.fee-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 11px;font-size:13px;border:1px solid #79333c;border-radius:8px;background:rgba(var(--accent-rgb),.12)}.fee-badge strong{color:#ff8390;font-size:17px}.pools-strip{display:flex;align-items:center;gap:8px;margin:20px 0;font-size:14px}.chip{padding:3px 11px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.mode-summary{margin-left:auto}.endpoint{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:20px}.endpoint-label{font-size:12px;letter-spacing:.08em;color:#ff8790}.endpoint code{flex:1;overflow-wrap:anywhere}.btn-ghost{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:14px}.btn-ghost:hover{color:var(--fg);border-color:#9e4c56}.wallet-form{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.wallet-form label{display:block;color:var(--muted);font-size:14px;margin-bottom:10px}.input-row{display:flex;gap:10px}.input-row input{width:100%;min-width:0;padding:12px 14px;background:#0c090b;border:1px solid var(--border);border-radius:9px;color:var(--fg);font:14px var(--mono)}.btn-primary{padding:12px 18px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.btn-primary:hover{background:#fa535e}.recent{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.recent:empty{display:none}.recent button{background:none;border:0;color:var(--muted);font:13px var(--mono);padding:4px}.wallet-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.wallet-header>div{min-width:0}.wallet-header code{display:block;overflow-wrap:anywhere;font-size:14px}.section-label{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 14px}.section-head>span{font-size:13px}.chart-wrap{height:210px;position:relative}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted);font-size:14px;pointer-events:none;text-align:center;padding:18px}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono);margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.metric{display:flex;flex-direction:column;gap:9px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0}.metric>span{font-size:13px;color:var(--muted)}.metric strong{font:600 23px/1.3 var(--mono);overflow-wrap:anywhere}.metric small{font-size:12px;color:var(--muted)}.metric a{font-size:14px}.pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pool-card{padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.pool-card.active{border-color:#aa3f49;background:linear-gradient(135deg,rgba(var(--accent-rgb),.105),var(--surface))}.pool-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.pool-label{font-size:12px;padding:3px 9px;border-radius:12px;border:1px solid var(--border);color:var(--muted)}.active .pool-label{color:#ff8b95;border-color:#79333c}.effort-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:16px 0 10px}.effort-value{font:600 32px var(--mono)}.effort-caption{color:var(--muted);font-size:13px}.progress{width:100%;height:4px;border:0;display:block;appearance:none;accent-color:var(--accent)}.progress::-webkit-progress-bar{background:#322129;border-radius:3px}.progress::-webkit-progress-value{background:var(--accent);border-radius:3px}.progress::-moz-progress-bar{background:var(--accent)}.pool-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.pool-details span{display:block;color:var(--muted);font-size:12px}.pool-details strong{font:500 14px var(--mono)}.pool-error{color:#ffac7c;font-size:13px;margin-bottom:0}.note{font-size:13px;line-height:1.6}.strategy-panel{margin-top:24px;padding:18px;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.strategy-panel p{font-size:13px;margin:6px 0 0;max-width:460px}.segmented{display:flex;background:#090708;border:1px solid var(--border);border-radius:8px;padding:4px;flex-shrink:0}.segmented button{padding:8px 12px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:14px}.segmented button[aria-pressed=true]{background:#782c36;color:#fff}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{font-weight:500;font-size:12px;color:var(--muted);background:var(--surface)}td,th{padding:12px 16px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}td:first-child{white-space:nowrap}td .muted{font-size:12px}.income-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.connect{border-top:1px solid var(--border);margin-top:30px;padding:18px 0}.connect summary{cursor:pointer;font-size:15px;font-weight:600}.connect p{font-size:14px;color:var(--muted)}.command-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.command-row code{flex:1;overflow-wrap:anywhere;font-size:13px}.error{color:#ff9da6;font-size:14px}.error:not(.hidden){padding:10px 14px;border-left:2px solid var(--accent);background:#35161c}footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#68232e;border:1px solid #be5765;color:#fff;border-radius:9px;z-index:3}
@media(max-width:740px){.pool-grid{grid-template-columns:1fr}.pools-strip{flex-wrap:wrap}.topbar{padding:14px 16px}.topbar-status>span:first-child{display:none}.main{padding:22px 16px}.title-row{align-items:flex-start}h1{font-size:20px}.fee-badge{flex-direction:column;gap:0;font-size:11px}.mode-summary{display:none}.metric-grid{grid-template-columns:1fr 1fr}.strategy-panel{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.input-row{flex-direction:column}.pool-card{padding:16px}.section-head{align-items:flex-start}.section-head>span{max-width:48%;text-align:right}.income-grid{grid-template-columns:1fr 1fr}.income-grid .metric:last-child{grid-column:1/-1}footer{flex-direction:column}.command-row{flex-direction:column;align-items:flex-start}}
@media(max-width:460px){.topbar-status{gap:8px}.topbar-status time{display:none}.endpoint{gap:8px}.endpoint-label{display:none}.pool-grid{grid-template-columns:1fr}.metric{padding:14px}.metric strong{font-size:20px}.title-row{gap:8px}.brand{gap:7px;font-size:15px}.section-head{gap:10px}h2{font-size:16px}.chart-wrap{height:180px}}