*{box-sizing:border-box}:root{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);background-attachment:fixed}.header{text-align:center;margin-bottom:50px}.header-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(0,212,170,.3)}.header-subtitle{font-size:14px;color:#888;margin:0;text-transform:uppercase;letter-spacing:3px}.block{position:absolute;display:flex;align-items:center;justify-content:center;min-width:70px;height:36px;padding:4px 8px;background:#0a0a0fe6;border:1px solid var(--chain-color);border-radius:4px;cursor:pointer;top:50%;transform:translateY(-50%);animation:flyAcross var(--fly-duration, 3s) linear forwards;z-index:var(--block-z, 1);box-shadow:0 0 10px rgba(var(--chain-color-rgb, 0, 212, 170),.3),inset 0 0 20px rgba(var(--chain-color-rgb, 0, 212, 170),.1)}.block:hover{box-shadow:0 0 20px rgba(var(--chain-color-rgb, 0, 212, 170),.6),inset 0 0 30px rgba(var(--chain-color-rgb, 0, 212, 170),.2);z-index:1000;border-color:#fff}.block-slot{font-size:10px;font-weight:600;color:var(--chain-color);font-family:SF Mono,Monaco,Inconsolata,monospace;white-space:nowrap;text-shadow:0 0 8px currentColor}@keyframes flyAcross{0%{left:0;opacity:0}5%{opacity:1}90%{opacity:1}to{left:calc(100% - 70px);opacity:0}}.blockchain-lane{background:#14141ecc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.blockchain-lane:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lane-color, #00D4AA),transparent);opacity:.5}.lane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lane-title{display:flex;align-items:baseline;gap:16px}.chain-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:1px;text-shadow:0 0 20px currentColor}.chain-logo{height:24px;width:auto;filter:drop-shadow(0 0 8px currentColor)}.block-time{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.lane-stats{display:flex;align-items:center;gap:20px}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 10px currentColor}50%{opacity:.6;box-shadow:0 0 20px currentColor}}.status-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}.block-count{font-size:12px;color:#00d4aa;font-family:SF Mono,Monaco,Inconsolata,monospace;text-shadow:0 0 10px rgba(0,212,170,.5)}.lane-content{display:flex;align-items:center;position:relative}.blocks-container{position:relative;width:100%;height:60px;overflow:hidden;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.blocks-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,#ffffff1a,#ffffff0d,#ffffff1a);transform:translateY(-50%)}.waiting-message{color:#666;font-size:12px;padding:16px;position:absolute;left:0;top:50%;transform:translateY(-50%);text-transform:uppercase;letter-spacing:2px}.waiting-message.error{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.lane-arrow{font-size:20px;color:#444;flex-shrink:0;margin-left:16px}.speed-comparison{text-align:center;padding:40px 20px;margin-bottom:20px}.speed-hero{display:flex;align-items:baseline;justify-content:center;gap:16px;flex-wrap:wrap}.speed-label-prefix{font-size:16px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.speed-number{font-size:64px;font-weight:800;background:linear-gradient(135deg,#00d4aa,#00ffc8,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px rgba(0,212,170,.5));line-height:1;animation:pulse-glow 2s ease-in-out infinite}.speed-label{font-size:20px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:3px}.live-badge{background:#00d4aa;color:#000;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:1px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 30px rgba(0,212,170,.5))}50%{filter:drop-shadow(0 0 50px rgba(0,212,170,.8))}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 600px){.speed-number{font-size:64px}.speed-label{font-size:24px}}.app{min-height:100vh;background:transparent;padding:40px 20px}.container{max-width:1100px;margin:0 auto}.main{margin-bottom:40px}.footer{text-align:center;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:2px}.footer p{margin:0}