body { margin: 0; background: #faf9f6; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; font-family: 'Outfit', sans-serif; color: #2c3e50; overflow: hidden; }
h1 { font-size: 3rem; font-weight: 300; letter-spacing: 1.5rem; text-transform: uppercase; margin-bottom: 20px; opacity: 0.5; }
.bonsai-container { position: relative; width: 400px; height: 400px; background: #3d2516; border-radius: 50% 50% 10px 10px; box-shadow: 0 40px 80px rgba(0,0,0,0.1); border: 5px solid #2c1a0f; }
.leaf { position: absolute; width: 35px; height: 35px; background: #27ae60; border-radius: 50% 0 50% 0; cursor: crosshair; transition: transform 0.2s; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); }
.leaf:hover { background: #e74c3c; transform: scale(1.2) rotate(10deg); }
.ui { position: fixed; bottom: 40px; color: #2c3e50; font-weight: 700; opacity: 0.3; text-transform: uppercase; letter-spacing: 0.5rem; }