@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c1220;--sidebar:#0e1423;--surface:#151d30;--surface-light:#1a2338;--line:#29334b;--line-soft:#222c40;--text:#eef2ff;--muted:#91a0bd;--accent:#adacff;--accent2:#8ddcff;--green:#84e1bf;--orange:#ffc68e;--shadow:0 10px 35px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}
body:before{content:'';position:fixed;pointer-events:none;top:-380px;right:-190px;width:760px;height:760px;background:radial-gradient(circle,rgba(111,91,208,.095),transparent 65%);z-index:0}a{text-decoration:none;color:var(--accent2)}a:hover{color:#d3f2ff}button,input{font:inherit}button{cursor:pointer}small{font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.4vw,47px);line-height:1.18;letter-spacing:-1.7px;margin-bottom:10px;font-weight:800}h2{font-size:18px;letter-spacing:-.4px;font-weight:750;margin:0}.muted{color:var(--muted)}.mono,.hash,.wrap-any{overflow-wrap:anywhere}.mono,.hash{font-family:'DM Mono',ui-monospace,Consolas,monospace;font-size:12px}.accent{color:var(--accent2)}.text-gradient{background:linear-gradient(98deg,#c2aaff 6%,#9acbff 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.shell{display:flex;min-height:100vh;position:relative}.sidebar{width:240px;min-width:240px;background:var(--sidebar);border-right:1px solid #222b42;padding:25px 13px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:9}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 34px;color:var(--text);white-space:nowrap}.brand:hover{color:var(--text)}.brand-mark{display:grid;place-items:center;border-radius:12px;width:40px;height:40px;background:linear-gradient(135deg,#aaa7ff,#81d7ed);color:#182036;box-shadow:0 5px 25px rgba(152,150,255,.26);font-size:30px;font-weight:700}.brand strong{display:block;letter-spacing:.15px;font-size:16px;line-height:1.2;font-weight:800}.brand small{display:block;letter-spacing:2.1px;color:#8c9cba;font-weight:600;font-size:9px;margin-top:3px}.side-label{font-weight:800;font-size:10px;letter-spacing:1.7px;color:#64738f;margin:14px 13px 12px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;gap:15px;align-items:center;padding:11px 14px;border:1px solid transparent;border-radius:9px;color:#95a5c0;font-size:17px;font-weight:500;transition:all .18s}.nav a span{font-size:13px}.nav a.active{color:#d8d9ff;background:linear-gradient(90deg,rgba(145,139,252,.18),rgba(133,199,255,.03));border-color:rgba(152,152,255,.11)}.nav a:hover{background:#202b43;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line-soft);padding:22px 10px 0;display:flex;flex-wrap:wrap;column-gap:8px;align-items:center;font-size:11px;color:#8194b2}.sidebar-bottom a{width:100%;margin-top:8px;font-size:12px}.online-pulse,.live-dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:#8beac8;box-shadow:0 0 0 4px rgba(112,231,190,.09);flex:none}.main-column{min-width:0;flex:1;position:relative;display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.6vw,55px);border-bottom:1px solid var(--line-soft);gap:20px}.breadcrumb{font-size:10px;font-weight:750;letter-spacing:1.45px;color:#7687a3}.breadcrumb span{margin:0 8px;color:#48546e}.breadcrumb strong{color:#d0d8f2}.top-actions{display:flex;align-items:center;gap:18px}.pill-docs{color:#9babca;font-size:12px;font-weight:700}.network-pill{display:flex;align-items:center;gap:10px;color:#abeed8;font-size:10px;font-weight:750;letter-spacing:1.3px;background:#172e35;border:1px solid #275047;border-radius:20px;padding:6px 12px}.content{padding:33px clamp(18px,3.6vw,55px) 55px;max-width:1660px;width:100%;margin:0 auto;flex:1}.menu-toggle{display:none;border:0;background:none;color:var(--text);font-size:20px}.hero{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:155px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero p,.page-head p{color:var(--muted);font-size:14px;margin-bottom:0}.eyebrow,.panel-eyebrow{color:var(--accent);letter-spacing:1.9px;font-size:10px;font-weight:800;margin-bottom:12px}.panel-eyebrow{color:#758cab;letter-spacing:1.45px;margin-bottom:5px}.hero-orb{width:140px;height:140px;display:grid;place-items:center;position:absolute;right:40px;top:-8px;opacity:.92}.orb-inner{font-size:56px;width:93px;height:93px;border-radius:50%;display:grid;place-items:center;color:#e8e4ff;background:radial-gradient(circle at 30% 25%,#aabaff,#776bc8 46%,#3b316c 75%);box-shadow:0 0 45px rgba(129,123,249,.24),inset -10px -10px 24px rgba(20,13,60,.45)}.orbit{position:absolute;border:1px solid #484b85;border-radius:50%;transform:rotate(-29deg)}.orbit-a{width:154px;height:73px}.orbit-b{width:158px;height:73px;transform:rotate(42deg);border-color:#396078}.searchbar{display:flex;align-items:center;height:60px;border:1px solid #3a4765;border-radius:11px;background:linear-gradient(115deg,#202944,#182239);padding:7px 7px 7px 19px;box-shadow:0 6px 30px rgba(0,0,0,.08);margin:24px 0}.searchbar:focus-within{border-color:var(--accent)}.search-icon{color:#a3aaff;font-size:30px;line-height:20px;margin-right:17px}.searchbar input{min-width:0;flex:1;background:none;border:0;outline:none;color:#eef2ff;font-size:14px}.searchbar input::placeholder{color:#8c9db9}.searchbar button{border:0;border-radius:7px;background:linear-gradient(115deg,#aba5fb,#8eb9ec);color:#131a33;font-size:12px;font-weight:800;height:44px;padding:0 21px}.searchbar button span{margin-left:12px}.searchbar.smaller{max-width:850px}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:23px 0 26px}.stat-card{min-height:147px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#91a2bd;font-weight:800;font-size:10px;letter-spacing:1.35px}.stat-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:18px}.stat-icon.lilac{color:#c9bbff;background:#383153}.stat-icon.blue{color:#9fd9ff;background:#234054}.stat-icon.orange{color:#ffd2aa;background:#4b3a35}.stat-icon.green{color:#b2f4d3;background:#254940}.stat-value{margin:12px 0 9px;font-size:clamp(22px,2.1vw,31px);font-weight:800;line-height:1.3;white-space:nowrap;letter-spacing:-1px}.stat-value small{font-size:12px;color:#95abc8;letter-spacing:0;font-weight:600}.stat-foot{display:flex;align-items:center;gap:9px;font-size:10px;color:#8ea0ba}.stat-foot .live-dot{width:6px;height:6px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr .82fr;gap:18px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:0;box-shadow:var(--shadow);overflow:hidden}.span-2{grid-column:span 2}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:79px;padding:20px 23px}.panel-header .view-all,.view-all{font-size:11px;white-space:nowrap;font-weight:750;color:#b6b9ff}.heading-dot{display:inline-block;width:7px;height:7px;background:#8de6cb;border-radius:50%;margin-bottom:2px;margin-left:4px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;min-width:550px}th{padding:13px 22px;background:#1b253b;border-block:1px solid #2a3650;color:#7e91b1;font-size:9px;letter-spacing:1.2px;font-weight:800;white-space:nowrap}td{padding:13px 22px;border-bottom:1px solid #243048;color:#c6d0e6;font-size:12px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#1c2840}td .empty{min-width:300px}.height{color:#b8b6ff;font-weight:800}.hash{color:#a6c8e7}.date{color:#879cb9;font-size:11px}.miner{max-width:250px;overflow:hidden;text-overflow:ellipsis;color:#adb8d5}.amount{font-weight:700;color:#b5e7d4}.type-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;border-radius:5px;padding:5px 9px;background:#303a50;color:#bec9e6;white-space:nowrap}.type-badge i{width:6px;height:6px;border-radius:2px;background:currentColor}.type-badge.pow{background:#2b3b5a;color:#a8c6ff}.type-badge.aux{background:#363154;color:#d0b8ff}.mining-panel{padding-bottom:16px}.donut{margin:11px auto 17px;width:min(184px,70%);aspect-ratio:1;border-radius:100%;background:conic-gradient(#b8a9ff 0 calc(var(--aux)*1%),#7bacec calc(var(--aux)*1%) 100%);display:grid;place-items:center;position:relative}.donut:before{content:'';position:absolute;inset:23px;border-radius:50%;background:var(--surface)}.donut-label{position:relative;text-align:center;display:flex;flex-direction:column}.donut-label strong{font-size:34px;line-height:1.1;letter-spacing:-1px}.donut-label small{color:#91a0bc;font-size:11px}.mining-key{padding:0 25px}.mining-key div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding:11px 0;font-size:12px}.mining-key div:last-child{border:0}.mining-key span{display:flex;align-items:center;gap:10px;color:#a9b7ce}.mining-key strong{color:#e2e9fd}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pow-dot{background:#7bacec}.aux-dot{background:#b8a9ff}.mini-note{color:#7e90ad;font-size:10px;line-height:1.7;padding:5px 25px}.fire{color:#ffac84}.burn-list{padding:0 20px 13px}.burn-item{padding:12px 0;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:13px}.burn-item:hover .burn-arrow{transform:translate(2px,-2px)}.burn-symbol{border-radius:9px;background:#452d40;color:#ffb49a;font-size:19px;min-width:35px;height:35px;display:grid;place-items:center}.burn-detail{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.burn-detail strong{color:#f2e3ed;font-size:12px}.burn-detail small{color:#bd9da4;font-size:10px}.burn-detail span{color:#8597b2;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burn-arrow{color:#8e9cb4;transition:transform .2s}.mempool-big{font-size:48px;font-weight:800;letter-spacing:-1.6px;padding:20px 23px}.mempool-big small{display:block;color:#91a4c0;letter-spacing:0;font-size:12px;font-weight:600}.mini-metrics{padding:0 23px 20px}.mini-metrics div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid var(--line-soft);font-size:11px}.mini-metrics span{color:#8e9fba}.mini-metrics strong{color:#c7d8f4;font-size:11px}.mini-metrics+.mini-note{padding:0 23px 20px}.notice{border-radius:9px;padding:14px 16px;margin:14px 0;background:#23304b;border:1px solid #3b4870;color:#c2d1ee;font-size:12px}.notice small{display:block;color:#8096b7;margin-top:3px}.notice a{font-weight:800}.page-head{margin:12px 0 25px}.page-head .eyebrow{margin-bottom:14px}.page-head p{max-width:820px}.detail-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.highlight{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:11px;min-width:0}.highlight>span{display:block;color:#90a3c0;letter-spacing:1.1px;font-weight:750;font-size:9px;margin-bottom:11px}.highlight strong{font-size:20px;letter-spacing:-.4px;overflow-wrap:anywhere}.highlight small{font-size:11px;color:#9bb2d0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 23px 23px;gap:0 22px}.detail-row{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line-soft);padding:15px 3px;gap:4px;min-width:0}.detail-row span{color:#91a4c2;font-size:11px}.detail-row strong{font-weight:600;color:#ebedff;font-size:12px;font-family:'DM Mono',ui-monospace,monospace}.inline-links{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;font-weight:700}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.io-row{display:flex;gap:15px;align-items:flex-start;padding:13px 22px;border-top:1px solid var(--line-soft);font-size:11px}.io-row>span{color:#7f92af;min-width:25px}.io-row div{min-width:0}.io-row strong{color:#d4e5f9}.io-row small{display:block;color:#8498b4;margin-top:5px}.top-gap{margin-top:20px}.json-details{margin-top:20px;background:#111a2c;border:1px solid var(--line);border-radius:10px;overflow:hidden}.json-details summary{padding:17px 21px;cursor:pointer;color:#afbdf2;font-size:12px;font-weight:800}.json-details pre{padding:20px;max-height:650px;overflow:auto;background:#0d1524;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:#a7d4fa;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px;color:#90a0be;font-size:12px}.outline-button{border:1px solid #4c5780;border-radius:8px;background:#252f4b;color:#d7d4ff;padding:10px 15px;display:inline-flex;font-size:12px;font-weight:750;white-space:nowrap}.outline-button:hover{background:#343f60;color:white}.empty{text-align:center;padding:24px 12px;color:#8b9cba;font-size:12px}.empty-icon{display:block;color:#6d7f9e;font-size:28px}.empty p{margin:5px 0}.distribution-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.dist-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.dist-card>span{display:block;font-size:11px;color:#99a8c3}.dist-card strong{display:block;font-size:24px;margin:8px 0;color:#eeeaff}.share-track{height:7px;border-radius:10px;background:#2f3c5a;overflow:hidden}.share-track span{height:100%;display:block;background:linear-gradient(90deg,#829cf8,#b7a5fc);border-radius:10px}.share-cell{display:flex;align-items:center;gap:12px;min-width:120px}.share-cell .share-track{width:100px}.rank{color:#aab4fa;font-weight:800}.filter-form{display:flex;align-items:end;gap:13px;margin-bottom:25px}.filter-form label{display:flex;flex-direction:column;gap:5px;color:#95a9c4;font-size:12px}.filter-form input{border:1px solid var(--line);border-radius:7px;background:#1f2942;color:var(--text);padding:10px;max-width:180px}footer{padding:20px clamp(18px,3.6vw,55px);color:#667996;font-size:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line-soft)}footer a{color:#8b9ec1}
@media(max-width:1500px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1350px){.sidebar{width:210px;min-width:210px}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.mining-panel{grid-column:span 1}.stat-value{font-size:24px}.hero-orb{right:15px}}
@media(max-width:1080px){.stat-grid,.detail-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:195px;min-width:195px}.brand{padding-left:0}.brand strong{font-size:14px}.hero-orb{opacity:.4}}
@media(max-width:760px){.sidebar{position:fixed;top:0;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 40px rgba(0,0,0,.25);width:235px}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.topbar{height:62px;padding:0 16px;gap:13px}.breadcrumb{margin-right:auto;letter-spacing:.4px}.pill-docs{display:none}.network-pill{font-size:9px;padding:5px 8px}.content{padding:24px 14px 44px}.hero{min-height:135px}.hero-orb{display:none}.hero h1{font-size:34px}.hero p{font-size:12px}.searchbar{height:56px;margin:14px 0 20px;padding-left:12px}.search-icon{margin-right:9px;font-size:24px}.searchbar input{font-size:12px}.searchbar button{padding:0 11px;height:40px}.searchbar button span{display:none}.stat-grid{gap:10px;margin-bottom:16px}.stat-card{padding:14px;min-height:128px}.stat-top{font-size:8px}.stat-value{font-size:23px;margin:11px 0}.stat-foot{font-size:9px}.stat-icon{width:25px;height:25px;font-size:14px}.dashboard-grid,.two-columns{grid-template-columns:1fr;gap:14px}.dashboard-grid .span-2{grid-column:span 1}.mining-panel{grid-column:span 1}.panel-header{padding:17px 16px;min-height:67px}h2{font-size:17px}th,td{padding:12px 15px}.page-head{margin:10px 0 19px}.detail-highlights{gap:10px}.highlight{padding:13px}.highlight strong{font-size:16px}.detail-grid{grid-template-columns:1fr;padding:0 17px 17px}.distribution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dist-card{padding:13px}.dist-card strong{font-size:19px}footer{padding:15px}.pagination{padding:14px 12px;font-size:10px}.outline-button{padding:8px 10px;font-size:11px}}
@media(max-width:420px){.stat-grid{gap:8px}.stat-value{font-size:20px}.hero h1{font-size:30px}.searchbar input::placeholder{font-size:11px}.network-pill{padding:5px}.top-actions{gap:6px}.distribution-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Chain analytics / confirmed transaction tracing */
.analytics-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px;background:var(--surface);border:1px solid var(--line);padding:14px 18px;border-radius:12px}
.analytics-controls label{font-weight:700;font-size:12px;color:var(--muted)}
.analytics-controls select{min-height:37px;background:#1c2942;border:1px solid #40516c;border-radius:8px;color:var(--text);padding:7px 12px;font:inherit}
.analytics-controls .view-all{margin-left:auto}
.analytics-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}
.extra-highlights{margin-bottom:11px}
.context-note{font-size:11px;color:var(--muted);margin:4px 0 22px;line-height:1.6}
.mining-details{padding:4px 22px 19px}
.mining-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.mining-details span{color:#a0afca;font-size:11px}
.mining-details strong{font-size:12px;overflow-wrap:anywhere;text-align:right;color:#e1e7ff}
.chart-legend{display:flex;gap:20px;padding:0 22px 15px;align-items:center;color:var(--muted);font-size:11px}
.chart-legend span{display:flex;gap:7px;align-items:center}
.stack-chart{display:grid;gap:9px;padding:3px 23px 17px}
.stack-row{display:grid;grid-template-columns:145px minmax(0,1fr) 67px;gap:12px;align-items:center}
.chart-range,.chart-count{font:10px 'DM Mono',monospace;color:#a5b5ce;white-space:nowrap}
.chart-count{text-align:right}
.stack-track{height:19px;border-radius:6px;overflow:hidden;display:flex;background:#283148}
.stack-track span{display:block;height:100%}
.stack-pow{background:#7bacec}.stack-aux{background:#b8a9ff}.stack-other{background:#70819e}
.analytics-teaser{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 22px;background:linear-gradient(100deg,#242b4c,#1a3251);border:1px solid #415579;padding:19px 24px;border-radius:13px;color:#ecf0ff}
.analytics-teaser:hover{background:linear-gradient(100deg,#2b355c,#203d60);color:#fff}
.analytics-teaser h2{font-size:17px;margin:5px 0 5px}.analytics-teaser p{font-size:11px;color:#afc0db;margin:0}
.teaser-chip{font-size:11px;color:#c8d9ff;white-space:nowrap}
.spent-status{color:#ffc68e!important}.unspent-status{color:#84e1bf!important}
@media(max-width:980px){.analytics-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.stack-chart{padding:3px 12px 17px}.stack-row{grid-template-columns:94px minmax(0,1fr) 50px;gap:6px}.chart-range,.chart-count{font-size:9px}.analytics-teaser{flex-direction:column;align-items:flex-start}.analytics-highlights .highlight strong{font-size:17px}}
/* Live accepted-block chain + next block waiting illustration */
.live-chain-panel{margin:0 0 23px;overflow:hidden}
.live-chain-heading .heading-dot{margin-left:7px}
.live-status-line{padding:0 22px 12px;display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;font-size:11px;color:#9aafca}
.live-network-state{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:#a4d8ff}
.live-network-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#7daaff;box-shadow:0 0 12px #7daaff66}
.live-network-state.is-offline{color:#ffc89a}.live-network-state.is-offline:before{background:#f7ae80}
.live-network-state.is-live{color:#91ecd1}.live-network-state.is-live:before{background:#75ddba}
.live-refresh-label{margin-left:auto;color:#8298b9}
.live-chain-scroll{padding:7px 22px 19px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#63779f #1b263a}
.live-chain-track{display:flex;gap:27px;align-items:stretch;min-height:176px;min-width:max-content}
.live-chain-card{width:208px;min-width:208px;position:relative;padding:15px;border:1px solid #405577;background:linear-gradient(155deg,#1e304b,#19233a);border-radius:12px;display:flex;flex-direction:column;gap:11px;color:#e3ecff;transition:transform .2s,border-color .2s,box-shadow .2s;text-decoration:none}
.live-chain-card:not(:last-child):after{content:"";position:absolute;top:50%;right:-24px;width:19px;border-top:2px dashed #728bb5;opacity:.85}
.live-chain-card:first-child:not(.live-waiting){border-color:#87ade6;background:linear-gradient(155deg,#243c64,#1b2942)}
.live-chain-card:hover{transform:translateY(-2px);border-color:#8fb9fa;box-shadow:0 9px 30px #080c1933}
.live-chain-card.live-new{animation:block-join .85s ease-out}
.live-chain-card.live-replaced{border-color:#ffb979}
.live-chain-card.live-waiting{border-style:dashed;border-color:#6a7da0;background:repeating-linear-gradient(145deg,#1d2940,#1d2940 12px,#202e46 12px,#202e46 24px);cursor:default}
.live-chain-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800}
.live-chain-type{font-size:10px;letter-spacing:.5px;padding:5px 7px;border-radius:6px;background:#35506f;color:#acd8ff}
.live-chain-type.aux{background:#463b69;color:#d3c5ff}.live-chain-type.wait{background:#334157;color:#a9b9d0}
.live-chain-hash{font:11px 'DM Mono',ui-monospace,monospace;color:#a8bcdd;overflow-wrap:anywhere;line-height:1.6}
.live-chain-card .live-chain-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#93a6c3;font-size:10px;margin-top:auto}
.live-chain-card .live-chain-meta b{color:#d2e0fa;font-weight:700}
.live-chain-small{font-size:10px;color:#89a2c4}
.live-chain-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 22px;border-top:1px solid var(--line-soft)}
.live-chain-foot>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.live-summary-caption{color:#889dbb;font-size:9px;letter-spacing:1px;font-weight:750}
.live-chain-foot strong{font-size:17px;color:#e8edff;overflow-wrap:anywhere}
.live-chain-notice{padding:1px 22px 17px;color:#8198b6;font-size:10px;line-height:1.55}
.live-chain-placeholder{color:#9db0cd;font-size:12px;padding:25px}
.live-pending-list{padding:12px 22px 0;border-top:1px solid var(--line-soft);font-size:10px;color:#8fa5c4}
.live-pending-list>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.live-pending-list a{font:10px 'DM Mono',monospace;color:#bad3fc;border-radius:6px;background:#25314b;padding:5px 8px}
.live-explainer{padding:0 22px 22px;display:grid;gap:8px;line-height:1.7;color:#a8b9d5;font-size:12px}
.live-explainer strong{color:#e6edff}
@keyframes block-join{from{opacity:.1;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.live-chain-scroll{padding:7px 13px 17px}.live-status-line{padding:0 14px 12px}.live-chain-foot{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.live-chain-card{width:185px;min-width:185px;padding:13px}.live-refresh-label{margin-left:0}.live-chain-notice{padding:0 14px 15px}}
/* v0.3.1: prevent partially empty dashboard rows and unreadable narrow tables */
@media(min-width:761px) and (max-width:1350px){
  .dashboard-grid > .mempool-panel{grid-column:span 2}
  .mempool-panel .mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .mempool-panel .mini-metrics > div{min-width:0}
}
@media(max-width:760px){
  .dashboard-grid > .mempool-panel{grid-column:span 1}
  .latest-blocks table{min-width:0;width:100%}
  .latest-blocks th,.latest-blocks td{padding:11px 8px;font-size:10px}
  .latest-blocks th:nth-child(4),.latest-blocks td:nth-child(4),
  .latest-blocks th:nth-child(5),.latest-blocks td:nth-child(5),
  .latest-blocks th:nth-child(6),.latest-blocks td:nth-child(6){display:none}
  .latest-blocks .hash{font-size:10px}
  .latest-blocks .type-badge{font-size:9px;padding:4px}
}
/* Always provide a visible loading/error state even if the live JS is blocked. */
.live-chain-panel{min-height:250px}
.live-chain-panel .live-chain-track{min-height:150px}
.live-chain-card:focus-visible{outline:2px solid #b3b1ff;outline-offset:2px}


.claim-body{display:flex;flex-direction:column;gap:12px;padding:0 22px 24px;max-width:800px}
.claim-body label{color:#bccded;font-size:12px;font-weight:700}
.claim-body input,.claim-body textarea{font:13px ui-monospace,Consolas,monospace;border:1px solid #405577;background:#121e34;color:#ecf3ff;padding:13px;border-radius:7px;width:100%;box-sizing:border-box}
.claim-body textarea{resize:vertical;overflow-wrap:anywhere}
.claim-body button{align-self:flex-start}
.claim-body #claim-sign{display:flex;flex-direction:column;gap:12px}
.claim-body #claim-sign[hidden]{display:none}
.claim-body #claim-status{color:#b1d4f9;font-size:12px}