*{margin:0;padding:0;box-sizing:border-box}body{font-family:Signika Negative,sans-serif;background:#2b2e33;color:#e0e0e0;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;width:100%}h1{font-size:2.5rem;font-weight:400;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}h2{font-size:1.2rem;font-weight:300;margin-bottom:2rem;opacity:.8;max-width:600px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}svg{width:100%;max-width:600px;height:auto;margin:2rem 0}#hippo,#elephant,#star{visibility:hidden}.controls{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:300;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0)}.status{margin-top:1rem;font-size:1rem;opacity:.7;font-weight:300}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1rem}.wrapper{padding:1rem}}