*{box-sizing:border-box}html{background:#03070b}body{margin:0;background:#03070b;color:#e5edf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{width:100%;max-width:540px;min-height:100vh;margin:auto;background:#03070b;padding-bottom:82px}.top{height:74px;padding:0 18px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:50;background:rgba(3,7,11,.94);border-bottom:1px solid #14212a;backdrop-filter:blur(16px)}.brand{font-size:21px;line-height:1;font-weight:950;letter-spacing:1.5px;color:#f3f7fa;text-decoration:none}.brand span{color:#00d8ff}.net{margin-left:auto;padding:8px 11px;border:1px solid #16e0a044;border-radius:13px;color:#16e0a0;font-size:10px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.avatar{width:36px;height:36px;border:1px solid #00d8ff55;border-radius:11px;display:grid;place-items:center;color:#00d8ff;font-size:11px;font-weight:900}.page{padding:18px}.terminalHero{height:188px;position:relative;overflow:hidden;border:1px solid #18323d;border-radius:22px;background:radial-gradient(circle at 50% 20%,#0d252e 0,#071116 42%,#03070b 78%);box-shadow:inset 0 0 35px #00d8ff08}.terminalMeta{position:absolute;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1.2px;color:#728994}.terminalMeta b{color:#16e0a0;font-size:9px;letter-spacing:.5px}.blockLine{position:absolute;left:16px;bottom:57px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#91a4ae;letter-spacing:.4px}.blockLine strong{font-size:17px;color:#f1f6f9;letter-spacing:.2px}.blockLine span:first-of-type{color:#16e0a0}.chainName{position:absolute;left:16px;right:16px;bottom:21px;font-size:12px;font-weight:850;letter-spacing:1px;color:#d8e4ea}.chainName em{float:right;font-style:normal;color:#ffc52b}.chainName em span{color:#00d8ff}.terminalMesh{position:absolute;inset:36px 25px 60px;opacity:.55}.terminalMesh:before,.terminalMesh:after{content:"";position:absolute;inset:10% 4%;border:1px solid #00d8ff2e;clip-path:polygon(10% 15%,50% 0,92% 18%,73% 78%,29% 82%)}.terminalMesh:after{transform:rotate(180deg);opacity:.7}.meshDot{position:absolute;width:7px;height:7px;border-radius:50%;background:#00d8ff;box-shadow:0 0 18px #00d8ff;animation:pulse 2.2s ease-in-out infinite}.md1{left:13%;top:39%}.md2{left:49%;top:12%;background:#ffc52b}.md3{right:18%;top:46%;background:#ff4c79}.md4{left:55%;bottom:0;background:#16e0a0}@keyframes pulse{50%{transform:scale(1.7);opacity:.55}}.scan{position:absolute;left:0;right:0;top:-10%;height:1px;background:#00d8ff55;box-shadow:0 0 12px #00d8ff;animation:scan 4s linear infinite}@keyframes scan{to{top:110%}}.welcomeCard,.accountCard,.limitCard,.refCard{background:linear-gradient(145deg,#081016,#050a0e);border:1px solid #172c36;border-radius:18px}.welcomeCard{margin-top:14px;padding:18px}.eyebrow,.section{font-size:9px;color:#6e838d;font-weight:900;letter-spacing:1.7px}.welcomeCard h1{font-size:25px;line-height:1.12;margin:9px 0 17px;letter-spacing:-.5px}.welcomeCard h1 span{color:#00d8ff}.identityGrid{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.identityItem small,.walletBox small,.accountCard small,.limitCard small{display:block;color:#718690;font-size:8px;font-weight:800;letter-spacing:1.1px;margin-bottom:5px}.identityItem strong{font-size:17px;letter-spacing:.4px}.statusItem{text-align:right}.walletBox{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#04090d;border:1px solid #18323d;border-radius:13px}.walletBox strong{display:block;color:#dcebf2;font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px}.copyBtn{flex:0 0 auto;border:1px solid #00d8ff55;background:#00d8ff12;color:#00d8ff;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:950}.roleRow{display:flex;gap:7px;margin-top:12px}.chip{padding:7px 10px;border-radius:9px;font-size:9px;font-weight:950;letter-spacing:.5px}.roleChip{color:#00d8ff;background:#00d8ff10;border:1px solid #00d8ff33}.activeChip{color:#16e0a0;background:#16e0a010;border:1px solid #16e0a033}.inactiveChip{color:#ff587d;background:#ff587d10;border:1px solid #ff587d33}.section{margin:18px 2px 8px}.accountCard{padding:3px 15px}.accountRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #12222a}.accountRow:last-child{border-bottom:0}.accountRow strong{font-size:17px;display:block}.cyan{color:#00d8ff}.green{color:#16e0a0}.gold{color:#ffc52b}.red{color:#ff587d}.limitCard{padding:15px}.limitTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.limitTop strong{display:block;font-size:15px}.limitStatus{padding:7px 9px;border-radius:9px;font-size:8px;font-weight:950}.greenBg{color:#16e0a0;background:#16e0a010;border:1px solid #16e0a033}.redBg{color:#ff587d;background:#ff587d10;border:1px solid #ff587d33}.limitNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.limitNumbers b{font-size:12px}.limitNumbers i{font-style:normal;color:#718690;font-size:8px}.progressTrack{height:6px;margin-top:16px;border-radius:10px;background:#102029;overflow:hidden}.progressTrack i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#00d8ff,#16e0a0);box-shadow:0 0 10px #00d8ff44}.progressCaption{display:flex;justify-content:space-between;margin-top:7px;font-size:8px;color:#657b85}.progressCaption b{color:#dbe8ee}.refCard{padding:12px}.refLink{padding:11px;border-radius:10px;background:#04090d;border:1px solid #16313d;color:#00d8ff;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.refBtn{width:100%;margin-top:9px;padding:11px;border:1px solid #00d8ff55;border-radius:10px;background:#00d8ff12;color:#00d8ff;font-size:9px;font-weight:950}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(540px,100%);height:70px;background:rgba(5,10,14,.97);border-top:1px solid #14242c;display:grid;grid-template-columns:repeat(5,1fr);z-index:100;backdrop-filter:blur(14px)}.bottom a{text-align:center;text-decoration:none;color:#62747d;font-size:8px;font-weight:900;padding-top:8px;letter-spacing:.3px}.bottom b{display:block;font-size:22px;line-height:24px;margin-bottom:2px}.bottom a.active{color:#00d8ff}@media(max-width:390px){.page{padding:14px}.top{height:68px;padding:0 14px}.brand{font-size:19px}.net{font-size:9px;padding:7px 9px}.terminalHero{height:180px}.blockLine{bottom:56px}.blockLine strong{font-size:15px}.chainName{font-size:10px}.welcomeCard h1{font-size:22px}.walletBox strong{font-size:11px}.accountRow strong{font-size:15px}.limitNumbers b{font-size:11px}}
