:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#050711;--panel:#ffffff13;--panel-strong:#ffffff1d;--border:#ffffff1f;--text:#f4f7fb;--muted:#8c96ad;--blue:#35a8ff;--green:#51ffa8;--red:#ff5b7c;--yellow:#ffd166;--violet:#ab78ff;--radius:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#35a8ff38,#0000 34rem),radial-gradient(circle at 80% 10%,#ab78ff33,#0000 28rem),linear-gradient(#050711 0%,#080b17 48%,#04050a 100%);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{width:min(100%,520px);min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(94px + env(safe-area-inset-bottom));margin:0 auto}.hero{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 0 14px;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;letter-spacing:-.06em;border-radius:16px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 12px 36px #35a8ff47}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:22px}h2{letter-spacing:-.03em;font-size:18px}h3{font-size:15px}.pill{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#ffffff12;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel-strong), #ffffff0b);padding:16px;overflow:hidden;box-shadow:0 22px 70px #00000047}.metric{flex-direction:column;justify-content:space-between;min-height:82px;display:flex}.metric .label{color:var(--muted);font-size:12px;font-weight:700}.metric .value{letter-spacing:-.03em;margin-top:10px;font-size:18px;font-weight:900}.metric .sub{color:var(--muted);margin-top:2px;font-size:11px}.token-card{position:relative}.token-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.avatar{background:linear-gradient(135deg,#51ffa8e6,#35a8ffe6);border-radius:22px;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.badges{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.badge{color:var(--muted);background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.badge.green{color:var(--green);border-color:#51ffa840}.badge.blue{color:var(--blue);border-color:#35a8ff40}.badge.yellow{color:var(--yellow);border-color:#ffd16640}.progress-wrap{margin-top:16px}.progress-row{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.progress{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;height:12px;overflow:hidden}.progress>div{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--green));height:100%;box-shadow:0 0 24px #51ffa873}.form{gap:10px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:800}.input,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#00000038;border-radius:16px;outline:none;padding:12px 13px}textarea{resize:vertical;min-height:82px}.input:focus,textarea:focus{border-color:#35a8ffb3;box-shadow:0 0 0 4px #35a8ff1f}.actions{flex-wrap:wrap;gap:9px;display:flex}.btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:16px;flex:1;min-height:48px;padding:0 14px;font-weight:900}.btn.primary{background:linear-gradient(135deg, var(--blue), var(--violet))}.btn.green{color:#03130b;background:linear-gradient(135deg,#13cf7b,#51ffa8)}.btn.red{background:linear-gradient(135deg,#ff4771,#ff7a90)}.btn.ghost{color:var(--text);background:#ffffff0f}.btn:active{transform:translateY(1px)scale(.99)}.nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#090c19db;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:6px;width:min(100% - 22px,500px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.nav button{height:48px;color:var(--muted);background:0 0;border-radius:17px;font-size:11px;font-weight:900}.nav button.active{color:#fff;background:#ffffff1c}.notice{color:var(--muted);font-size:13px;line-height:1.45}.notice strong{color:#fff}.toast{left:50%;top:calc(16px + env(safe-area-inset-top));z-index:99;color:#fff;background:#0a0f1cf5;border:1px solid #ffffff24;border-radius:18px;width:min(100% - 26px,480px);padding:13px 14px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 20px 60px #0000006b}.hidden{display:none!important}.section{gap:12px;margin-top:12px;display:grid}.small{color:var(--muted);font-size:12px;line-height:1.45}ul.clean{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.55}@media (max-width:380px){.grid.two,.grid.three{grid-template-columns:1fr}h1{font-size:20px}}