:root{--bg:#0f1724;--card:#0b1220;--accent:#60a5fa;--muted:#ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#071022,#0b1220);color:#e6eef8}.viewport{height:100vh;display:flex;align-items:center;justify-content:center}.row{display:flex;flex-direction:row;gap:24px;align-items:stretch}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 22px;gap:1rem;min-width:140px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.04);box-shadow:0 6px 18px #02061799}.symbol{font-size:3vh;font-weight:700;color:var(--accent);margin-bottom:8px}.value{font-size:3vh;color:var(--muted)}.amt{margin-top:10px;width:100%;padding:8px 10px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:var(--muted);text-align:center;outline:none;font-size:1.5vh}.amt:focus{box-shadow:0 0 0 3px #60a5fa14;border-color:var(--accent)}button{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted);padding:8px 10px;border-radius:6px}.footer{position:fixed;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.footer .right{display:flex;gap:10px;align-items:center}.footer .updated{color:var(--muted);font-size:13px}.footer .err{color:#ff8b8b;font-size:13px;margin-right:8px}