:root{--bg-color: #0d0d0d;--panel-bg: #1a1a1a;--text-main: #f0f0f0;--text-dim: #888888;--accent-color: #00ff88;--accent-hover: #00cc6a;--error-color: #ff3366;--border-color: #333333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}h1.logo{font-size:2rem;font-weight:700;text-align:center;padding:2rem 0;letter-spacing:2px;color:#fff}button{font-family:Inter,sans-serif;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}