:root{--bg:#070b0b;--card:#111a19;--line:#25433d;--text:#edf5f1;--muted:#8ca39c;--green:#55f3a4;--red:#ff7182}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#123c31,transparent 32%),var(--bg);color:var(--text);font:15px system-ui,sans-serif}main{max-width:620px;margin:auto;padding:18px 16px 94px}header{display:flex;align-items:center;gap:10px}header img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px #30df91);animation:float 4s ease-in-out infinite}header p{margin:0;color:var(--green);font-weight:800;font-size:11px;letter-spacing:1.6px}h1{margin:3px 0 18px;font-size:25px}header b{margin-left:auto;font-size:12px;color:var(--green)}.page{display:none}.page.active{display:block;animation:in .2s ease}.card,.row{background:linear-gradient(135deg,#152523,#0d1515);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:10px}.hero h2{font-size:36px;margin:4px 0}.muted,small{color:var(--muted)}button{font:inherit;cursor:pointer}.primary,.btn{border:0;border-radius:13px;padding:14px;color:#07150f;font-weight:800;background:var(--green)}.primary{width:100%;margin-top:14px}.btn.alt{background:#20302d;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{text-align:center;min-height:108px}.slot button{margin-top:8px;padding:7px;border-radius:8px;border:0;background:#213733;color:var(--green)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle{min-height:58px;border:1px solid var(--line);border-radius:14px;background:#14201e;color:var(--text);font-weight:700}.toggle.on{border-color:#3de69a;color:var(--green)}.row{display:grid;grid-template-columns:1fr auto;gap:4px}.pnl{color:var(--green)}.loss{color:var(--red)}input,select{width:100%;padding:13px;margin:6px 0 10px;border-radius:10px;border:1px solid var(--line);background:#0a1110;color:var(--text)}nav{position:fixed;bottom:0;left:0;right:0;background:#0b1211ee;border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px;gap:4px}nav button{background:transparent;border:0;color:var(--muted);min-width:73px;font-size:19px}nav small{display:block;font-size:10px}nav button.active{color:var(--green)}@keyframes float{50%{transform:translateY(-3px)}}@keyframes in{from{opacity:0;transform:translateY(5px)}to{opacity:1}}