:root{--bg:#020811;--card:#061423;--card2:#071b2e;--line:#123653;--cyan:#16c8ff;--blue:#0879ff;--silver:#eaf6ff;--muted:#7895aa;--green:#27e58a;--amber:#ffb536;--red:#ff414f}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--silver);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100dvh}.shell{min-height:100dvh;max-width:480px;margin:auto;background:radial-gradient(circle at 50% 20%,#07365a55,transparent 34%),linear-gradient(#020914,#01050b);position:relative;padding:env(safe-area-inset-top) 16px calc(88px + env(safe-area-inset-bottom))}
.top{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{height:42px;max-width:205px;object-fit:contain;filter:drop-shadow(0 0 9px #0bbcff66)}.icon{border:0;background:transparent;color:#dff8ff;font-size:22px}
.owner{text-align:center;color:#69d8ff;font-size:10px;letter-spacing:1.5px}.title{text-align:center;font-size:22px;margin:4px 0 6px}.sub{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}
.core{width:205px;height:205px;border:1px solid #0dbdff88;border-radius:50%;margin:22px auto;display:grid;place-items:center;position:relative;box-shadow:0 0 60px #008cff22,inset 0 0 35px #00baff18}
.core:before,.core:after{content:"";position:absolute;border:1px solid #1bd7ff55;border-radius:50%;inset:18px}.core:after{inset:42px}.shield{font-size:58px;color:#61e9ff;text-shadow:0 0 24px #00aaff}.secure{display:inline-block;background:#0b3c2c;border:1px solid #1a8e65;color:#5dffb5;padding:6px 11px;border-radius:20px;font-size:10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:linear-gradient(145deg,#071a2c,#04101d);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:inset 0 1px #ffffff08}.card h3{margin:7px 0;font-size:14px}.card p,.small{color:var(--muted);font-size:11px}
.btn{width:100%;border:1px solid #168dd7;background:linear-gradient(180deg,#149cf5,#0669d8);color:white;border-radius:11px;padding:15px;font-weight:700;letter-spacing:.3px;margin-top:12px}.btn.secondary{background:#061522;border-color:#1c4968}.btn.danger{background:linear-gradient(#bd2631,#7b121c);border-color:#e13c48}.btn.green{background:linear-gradient(#13ae62,#087942);border-color:#1ad77b}
.list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.row{background:#061522;border:1px solid #102f48;border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#063b61;border:1px solid #19c8ff}.grow{flex:1}.name{font-size:13px}.meta{font-size:10px;color:var(--muted);margin-top:3px}.on{color:#4cffad}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:76px;background:#020a12f5;border-top:1px solid #12314a;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav button{background:none;border:0;color:#7895aa;font-size:10px}.nav button b{display:block;font-size:20px;margin-bottom:4px}.nav .active{color:#19cfff}
.field{width:100%;background:#03101c;border:1px solid #123b58;border-radius:10px;color:white;padding:13px;margin:7px 0}.section{margin-top:18px}.section-title{font-size:11px;letter-spacing:1px;color:#b9d9e9;margin-bottom:8px}.toggle{margin-left:auto;width:38px;height:22px;border-radius:20px;background:#126dcc;position:relative}.toggle:after{content:"";width:18px;height:18px;background:white;border-radius:50%;position:absolute;right:2px;top:2px}.toggle.off{background:#263746}.toggle.off:after{left:2px;right:auto}
.progress{height:5px;background:#0b2234;border-radius:9px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:#17c8ff}.big-state{text-align:center;margin:42px 0}.big-state .glyph{font-size:80px;color:#17d5ff;text-shadow:0 0 35px #00aaff}.alert .glyph{color:var(--amber)}.lock .glyph,.burn .glyph{color:var(--red)}.success .glyph{color:var(--green)}
.notice{border:1px solid #5b2530;background:#230b12;border-radius:14px;padding:15px;margin-top:15px;color:#ffb5bc}.timeline .row{border-left:3px solid #1bd6ff}
.tabs{display:flex;gap:7px}.pill{padding:9px 12px;border-radius:9px;border:1px solid #174462;background:#061522;color:#b8d3e2}.pill.active{background:#087cff;color:white}
button.card{color:inherit;text-align:left;width:100%;font:inherit}.action-card{cursor:pointer}.rowbtn{width:100%;color:inherit;text-align:left;font:inherit}.rowbtn,.action-card{appearance:none;-webkit-appearance:none}