:root{--bg: #000;--card: #0a0a0a;--border: #1a1a1a;--text: #e5e5e5;--dim: #666;--white: #fff}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,JetBrains Mono,Cascadia Code,monospace;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:3rem}#app{width:100%;max-width:800px}header{text-align:center;margin-bottom:3rem}header h1{font-size:2.4rem;font-weight:600;color:var(--white);letter-spacing:.05em}header .badge{display:inline-block;margin-top:.6rem;font-size:1rem;color:var(--dim);border:1px solid var(--border);border-radius:100px;padding:.25rem 1rem}.status-line{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:3rem;font-size:1.4rem}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--dim)}.status-dot.live{background:var(--white);box-shadow:0 0 8px #fff6;animation:pulse 2s infinite}.status-dot.syncing{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.endpoints{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.endpoint-row{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.4rem}.endpoint-row .ep-label{font-size:1rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;min-width:100px}.endpoint-row .ep-url{font-size:1.1rem;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-row .ep-copy{background:none;border:1px solid var(--border);color:var(--dim);font-family:inherit;font-size:.95rem;padding:.4rem .8rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.endpoint-row .ep-copy:hover{color:var(--white);border-color:var(--dim)}.endpoint-row .ep-copy.copied{color:var(--white);border-color:var(--white)}.section-label{font-size:1rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem;margin-top:.8rem}.block-info{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.4rem;margin-bottom:2.5rem}.block-row{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0}.block-row .bl-label{font-size:1.1rem;color:var(--dim)}.block-row .bl-value{font-size:1.5rem;font-weight:600;color:var(--white);font-variant-numeric:tabular-nums}.block-row .bl-hex{font-size:1rem;color:var(--dim);margin-left:.6rem}.block-row.diff .bl-value{color:var(--dim)}.block-row.diff .bl-value.zero{color:var(--white)}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2.5rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step .dot{width:12px;height:12px;border-radius:50%;background:var(--border);border:2px solid var(--border)}.step.done .dot{background:var(--white);border-color:var(--white)}.step.active .dot{background:var(--white);border-color:var(--white);animation:pulse 2s infinite}.step .label{font-size:.85rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.step.done .label{color:var(--text)}.step.active .label{color:var(--white)}.step-line{width:40px;height:2px;background:var(--border);margin:0 .4rem 1.6rem}.step-line.done{background:var(--white)}.phase-content{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:3rem;margin-bottom:2rem;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.phase-title{font-size:1.2rem;font-weight:500;color:var(--white);margin-bottom:1rem}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.phase-message{font-size:1rem;color:var(--dim)}.progress-bar-wrapper{width:100%;max-width:500px;margin-bottom:1rem}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--white);border-radius:3px;transition:width .1s linear}.progress-info{display:flex;justify-content:space-between;font-size:.95rem;color:var(--dim);margin-top:.5rem}.scan-explain{max-width:500px;line-height:1.5;margin-bottom:1.2rem;font-size:1rem;color:var(--dim)}.scan-blocks{font-size:1rem;color:var(--dim);margin-top:1rem}.dl-eta{font-size:1rem;color:var(--dim);margin-top:.8rem;text-align:center}.read-more{display:inline-block;margin-top:1.2rem;font-size:.9rem;color:var(--dim);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:1px;transition:color .2s,border-color .2s}.read-more:hover{color:var(--white);border-color:var(--dim)}.footer{text-align:center;font-size:.95rem;color:var(--dim)}@media(max-width:600px){body{padding:1.5rem}header h1{font-size:1.6rem}.endpoint-row{flex-wrap:wrap;gap:.5rem;padding:.8rem}.endpoint-row .ep-label{min-width:auto}.endpoint-row .ep-url{font-size:.8rem;width:100%}.block-row .bl-value{font-size:1.2rem}.status-line{font-size:1.1rem}}