:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #999999;--accent: #00ff88;--accent-dim: #00cc66;--danger: #ff4444;--warning: #ffaa00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input{font-family:inherit;border:none;background:none;outline:none}.container{max-width:600px;margin:0 auto;padding:1rem;height:100vh;display:flex;flex-direction:column}.btn{padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .2s;text-align:center}.btn-primary{background:var(--accent);color:#000}.btn-primary:active{background:var(--accent-dim);transform:scale(.98)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:active{background:#333;transform:scale(.98)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{background:#c00;transform:scale(.98)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out}