:root{color-scheme:dark;--bg:#0b1017;--panel:#101a22;--panel2:#12201f;--line:#24343c;--muted:#8ba09f;--text:#e9f1ef;--green:#5de3bf;--font:'Space Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 18px 20px;background:#0d151d;border-right:1px solid #20313a;display:flex;flex-direction:column;z-index:3}.brand{height:32px;display:flex;align-items:center;gap:10px;color:#edf6f3;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.7px}.brand svg{width:28px;height:28px;fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round}.brand-tail{color:#8fa5a4;font-weight:500}.network{margin-top:35px;padding:12px;border:1px solid #2a4648;border-radius:8px;background:#122522;display:flex;align-items:center;gap:10px}.network>i,.eyebrow>i,.live-tag i,.asset-chain i,.tiny-dot,.network-pill i{width:7px;height:7px;border-radius:100%;background:var(--green);box-shadow:0 0 11px #5de3bf55;display:inline-block;flex:none}.network span:nth-child(2){display:grid;gap:3px;flex:1}.network small{font:9px var(--mono);color:#91aaa5;letter-spacing:1px}.network b{font-size:12px}.chain{font:10px var(--mono);color:#90aaa5}.sidebar nav{display:grid;gap:6px;margin-top:27px}.nav{height:42px;padding:0 12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#91a4a6;border-radius:7px;font-size:13px}.nav span{font-size:17px;color:#93aaa5}.nav.active{background:#19312f;color:#dffff6;box-shadow:inset 2px 0 var(--green)}.nav.active span{color:var(--green)}.side-bottom{margin-top:auto;display:grid;gap:18px}.rpc-state{border-top:1px solid #25363c;padding-top:17px;display:flex;align-items:center;gap:10px}.rpc-state>i{width:8px;height:8px;border-radius:50%;background:#d4a66b;box-shadow:0 0 8px #d4a66b55}.rpc-state>i.on{background:var(--green);box-shadow:0 0 9px #5de3bf66}.rpc-state>i.off{background:#df777b;box-shadow:0 0 9px #df777b66}.rpc-state span{display:grid;gap:3px}.rpc-state b{font-size:12px}.rpc-state small{font:10px var(--mono);color:#7e9495}.side-bottom>a{color:#9fb4b2;text-decoration:none;font-size:12px}.side-bottom>a span{float:right;color:var(--green)}.version{font:9px var(--mono);color:#6e8486;letter-spacing:.8px}main{margin-left:248px;min-height:100vh}header{height:72px;border-bottom:1px solid #1e2b32;padding:0 42px;display:flex;align-items:center;gap:20px}.crumb{font-size:12px;color:#8ba09f}.crumb span{color:#435458;padding:0 9px}.crumb b{color:#e4efeb;font-weight:500}.head-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.network-pill{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.5px;color:#8ba09f}.network-pill i{width:6px;height:6px;background:#d4a66b}.network-pill i.on{background:var(--green)}.button-connect{height:37px;border:1px solid #3c7467;background:#16352f;color:#e6fff7;padding:0 14px;border-radius:6px;font:600 12px var(--font);cursor:pointer}.button-connect:hover,.primary-action:hover,.submit:hover{background:#205548}.button-connect span{color:var(--green);margin-left:12px}.content{max-width:1370px;padding:36px 42px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow,.kicker{font:9px var(--mono);letter-spacing:1.1px;color:#8ba5a1}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>i{width:6px;height:6px}.eyebrow>span{color:#425358}h1{font-size:32px;line-height:1.1;letter-spacing:-1.5px;margin:13px 0 7px}h1 em{font-style:normal;color:var(--green)}.heading p{margin:0;color:#8ba09f;font-size:12px}.address-chip{border:1px solid #2b4444;background:#11201f;color:#cfe7df;border-radius:6px;padding:9px 11px;font:11px var(--mono);cursor:pointer;align-items:center;gap:9px}.address-chip:not([hidden]){display:flex}.address-chip i{width:6px;height:6px;background:var(--green);border-radius:50%}.address-chip b{color:#83aaa1}.hero{min-height:270px;border:1px solid #29453f;border-radius:9px;background:linear-gradient(115deg,#132723 0%,#11201f 48%,#101a22 100%);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #5de3bf0a;border-radius:50%;left:34%;top:-210px;box-shadow:0 0 0 35px #5de3bf08,0 0 0 70px #5de3bf05;pointer-events:none}.hero-left{padding:29px 32px;position:relative}.balance-label{font:9px var(--mono);letter-spacing:1px;color:#9bb2ac;display:flex;align-items:center;gap:11px}.live-tag{border:1px solid #386c60;border-radius:3px;padding:4px 6px;color:#a2e6d0;font-size:8px;letter-spacing:.6px}.live-tag i{width:5px;height:5px;margin-right:4px}.balance{display:flex;align-items:baseline;gap:11px;margin-top:20px}.balance strong{font-size:47px;letter-spacing:-2.8px;line-height:1;font-weight:600}.balance span{font:12px var(--mono);color:#b3d0c8}.balance-usd{margin-top:11px;color:#91a8a3;font-size:11px}.balance-usd span{padding:0 5px;color:#52706b}.balance-usd b{font-weight:400;color:#c9d9d4}.hero-actions{display:flex;gap:9px;margin-top:29px}.primary-action,.secondary-action{height:38px;padding:0 17px;border-radius:5px;font:600 12px var(--font);cursor:pointer}.primary-action{background:#1e5949;border:1px solid #357360;color:#e9fff7}.primary-action span{font-size:15px;margin-right:8px}.secondary-action{background:#10201f;border:1px solid #38524e;color:#b5d2ca}.secondary-action span{font-size:15px;margin-right:8px;color:var(--green)}.hero-right{align-self:stretch;border-left:1px solid #263c38;background:#0e191e80;padding:24px 26px;position:relative}.hero-card-top{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px;color:#829997}.shield{color:#9ddfc9}.wallet-address{font:11px var(--mono);color:#a8c2bd;margin-top:18px;overflow-wrap:anywhere}.hero-divider{height:1px;background:#2a3a3c;margin:17px 0 11px}.hero-row{display:flex;justify-content:space-between;padding:6px 0;color:#84999a;font-size:10px}.hero-row b{font:10px var(--mono);color:#d9e7e2}.tiny-dot{width:5px;height:5px;margin:0 5px 1px 0}.text-button{border:0;background:none;padding:7px 0 0;color:#89c8b4;font:10px var(--font);cursor:pointer}.text-button span{margin-left:6px}.assets-section,.activity-section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.section-head h2{font-size:19px;letter-spacing:-.5px;margin:5px 0 0}.subtle{font-size:10px;color:#819697}.asset-row{min-height:76px;padding:12px 16px;border:1px solid #25353c;border-radius:7px;background:#101920;display:grid;grid-template-columns:1fr 160px 180px 18px;align-items:center}.asset-ident{display:flex;align-items:center;gap:11px}.coin{width:36px;height:36px;border:1px solid #3e7167;border-radius:50%;background:#183830;color:#7bedcb;display:grid;place-items:center;font-weight:700;font-size:18px}.asset-ident>span:last-child,.asset-balance{display:grid;gap:5px}.asset-ident b{font-size:12px}.asset-ident small,.asset-balance small{font-size:10px;color:#83999a}.asset-chain{font-size:10px;color:#9dafad}.asset-chain i{width:5px;height:5px;margin-right:6px}.asset-balance{text-align:right}.asset-balance b{font:11px var(--mono);color:#e2eeeb}.asset-more{color:#829596;font-size:19px;text-align:right}.asset-note{margin-top:9px;color:#809394;font-size:10px;padding:6px 3px}.asset-note span{color:#6fc5ac;font-size:14px;margin-right:5px}.explorer-link{color:#93cdbb;text-decoration:none;font-size:10px}.explorer-link span{margin-left:7px}.activity-card{border:1px solid #25353c;border-radius:7px;background:#101920;overflow:hidden}.activity-header{height:37px;padding:0 16px;display:grid;grid-template-columns:1fr 170px 100px;align-items:center;border-bottom:1px solid #25333a;color:#72888a;font:8px var(--mono);letter-spacing:.8px}.activity-list{min-height:119px}.empty{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#84999a}.empty>span{font-size:20px;color:#55726d;margin-bottom:5px}.empty b{font-size:11px;color:#c3d3ce;font-weight:500}.empty small{font-size:10px;margin-top:5px}.activity-item{min-height:54px;padding:0 16px;display:grid;grid-template-columns:1fr 170px 100px;align-items:center;border-bottom:1px solid #1f2b31}.activity-item:last-child{border:0}.tx-id,.tx-block{font:10px var(--mono);color:#a7beb7}.tx-id a,.tx-block a{color:inherit;text-decoration:none}.tx-type{display:flex;align-items:center;gap:9px;font-size:10px}.tx-icon{width:25px;height:25px;border:1px solid #314541;border-radius:50%;display:grid;place-items:center;color:var(--green)}.tx-status{font:9px var(--mono);color:#75d5b8}.tx-status.fail{color:#ed888b}footer{margin-top:31px;padding-top:14px;border-top:1px solid #1e2c32;display:flex;justify-content:space-between;color:#718487;font-size:9px}footer b{padding:0 5px;color:#465a5d}footer code{color:#8da5a2;font:9px var(--mono)}dialog{width:min(440px,calc(100% - 30px));padding:0;border:1px solid #2f4947;border-radius:9px;background:#101b21;color:var(--text);box-shadow:0 24px 80px #000a}dialog::backdrop{background:#060b0ddd;backdrop-filter:blur(5px)}dialog form,.receive-content{padding:27px}.dialog-close{float:right;border:0;background:none;color:#91a7a5;font-size:23px;cursor:pointer}.dialog-sub{margin:8px 0 22px;color:#8da19f;font-size:11px;line-height:1.6}dialog label{display:grid;gap:8px;margin:15px 0;font:9px var(--mono);letter-spacing:.8px;color:#8da19f}dialog input{width:100%;height:43px;border:1px solid #304148;border-radius:5px;background:#0b1319;padding:0 12px;color:#e8f1ef;font:12px var(--mono);outline:0}dialog input:focus{border-color:#5aa894}dialog input::placeholder{color:#52676b}.available{display:flex;justify-content:space-between;padding:10px 0;margin:5px 0 10px;color:#8da19f;font-size:10px}.available b{font:10px var(--mono);color:#d6e5df}.submit{width:100%;height:43px;border:1px solid #387664;border-radius:5px;background:#1a503f;color:#ebfff8;font:600 12px var(--font);cursor:pointer}.submit span{float:right;color:var(--green)}.form-error{padding:9px 10px;margin-bottom:10px;border:1px solid #754246;border-radius:4px;background:#291719;color:#f1a4a6;font-size:10px}.receive-address{margin:20px 0;padding:14px;border:1px solid #2e4447;border-radius:5px;background:#0b1319;overflow-wrap:anywhere;font:10px/1.6 var(--mono);color:#b9d3cb}#toast{position:fixed;right:24px;bottom:24px;z-index:5;max-width:min(420px,calc(100vw - 32px));padding:12px 15px;border:1px solid #386557;border-radius:6px;background:#132823;color:#dff8ee;font-size:11px;box-shadow:0 9px 28px #0006}#toast.error{border-color:#754246;background:#291719;color:#ffdadd}.menu{display:none}
/* Dual-runtime capability cards */
.engines-section{margin-top:34px}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.engine-card{border:1px solid #25353c;border-radius:7px;background:linear-gradient(145deg,#111b22,#0e171d);padding:17px 18px 15px}.evm-card{border-top:2px solid #5caa92}.wasm-card{border-top:2px solid #7892ce}.engine-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.engine-icon{width:32px;height:32px;border-radius:8px;background:#17342e;color:#82e4c4;display:grid;place-items:center;font-size:20px;font-weight:600}.wasm-icon{background:#1c2740;color:#a9bdf0;font:600 14px var(--mono)}.engine-live{font:8px var(--mono);letter-spacing:.6px;color:#9ab0aa}.engine-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.wasm-card .engine-live i{background:#a9bdf0}.engine-card h3{font-size:16px;margin:6px 0}.engine-card p{min-height:48px;color:#92a4a4;font-size:10px;line-height:1.6;margin:0 0 14px;max-width:420px}.engine-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #25343a;padding-top:11px}.engine-foot span{font:8px var(--mono);letter-spacing:.5px;color:#788f90}.engine-foot b{font:9px var(--mono);color:#c0d3cc}.wasm-note{margin-top:12px;padding:9px 10px;border:1px solid #343f58;border-radius:4px;background:#171f31;color:#aab8dd;font-size:9px;line-height:1.5}
@media(max-width:980px){.sidebar{width:215px}main{margin-left:215px}header{padding:0 26px}.content{padding:30px 26px 22px}.hero{grid-template-columns:1fr .9fr}.balance strong{font-size:39px}.asset-row{grid-template-columns:1fr 110px 150px 16px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;width:250px;box-shadow:10px 0 30px #0007}.sidebar.open{transform:translateX(0)}main{margin:0}header{height:60px;padding:0 17px}.menu{display:block;border:0;background:none;color:#aec0bd;font-size:19px;padding:3px}.crumb{font-size:11px}.head-actions{gap:11px}.network-pill{font-size:8px}.button-connect{height:34px;padding:0 10px;font-size:10px}.content{padding:25px 16px 20px}.heading{align-items:flex-start;gap:10px}.heading h1{font-size:28px}.heading p{font-size:11px;max-width:300px;line-height:1.5}.address-chip{font-size:0;padding:9px}.address-chip span{font-size:0}.address-chip b{font-size:13px}.hero{grid-template-columns:1fr}.hero-left{padding:24px 22px}.balance strong{font-size:43px}.hero-right{border-left:0;border-top:1px solid #263c38;padding:18px 22px}.assets-section,.activity-section,.engines-section{margin-top:28px}.section-head h2{font-size:18px}.subtle{font-size:9px}.asset-row{grid-template-columns:1fr auto;gap:13px;padding:13px}.asset-chain{display:none}.asset-balance{grid-column:1;text-align:left;margin-left:47px;margin-top:-11px}.asset-more{grid-column:2;grid-row:1}.engine-grid{grid-template-columns:1fr}.engine-card p{min-height:0}.activity-header,.activity-item{grid-template-columns:1fr 80px 65px;padding:0 11px}.activity-header{font-size:7px}.tx-id{font-size:9px}.activity-item{min-height:59px}.empty{padding:18px;text-align:center}footer{font-size:8px;gap:14px;line-height:1.5}footer span:last-child{text-align:right}.eyebrow{font-size:8px;letter-spacing:.6px}}
