:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-card-hover: #1f2235;--border: #2a2d3e;--accent: #6c63ff;--accent-light: #8b84ff;--text: #e8eaf6;--text-muted: #8b8fa8;--success: #4caf82;--error: #f0506e;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}html{overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}@media (max-width: 600px){.header-inner{padding:0 16px;height:56px}.header-logo-text{display:none}.header-nav-links{gap:4px}.header-nav-links a,.header-nav-links button{font-size:12px;padding:6px 10px}.header-username{display:none}.home-main{padding:0 16px 48px}.home-hero{padding:32px 0 24px}.home-hero h1{font-size:26px}.home-hero p{font-size:14px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gesture-card-grid{grid-template-columns:1fr!important}.gesture-info{padding:24px 20px!important}.gesture-title{font-size:24px!important}.gesture-meta{flex-wrap:wrap;gap:16px!important}.auth-card{margin:16px;padding:28px 20px}}