body { font-family: 'Arial', sans-serif; background: #0a0a0a; color: #fff; margin: 0; padding: 0; }
#app { max-width: 400px; margin: 0 auto; padding: 20px; }
header { text-align: center; margin-bottom: 20px; }
#balance { font-size: 1.5em; color: #00ff00; }
canvas { width: 100%; height: 200px; background: #111; border-radius: 10px; }
#controls { display: flex; justify-content: space-around; margin: 20px 0; }
button { background: #333; color: #fff; border: none; padding: 10px; border-radius: 5px; transition: 0.3s; }
button:hover { background: #555; }
#openTrades, #history { margin-top: 20px; }
ul { list-style: none; padding: 0; }
li { background: #222; margin: 5px 0; padding: 10px; border-radius: 5px; animation: fadeIn 0.5s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }