*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF6B6B;--primary-dark: #E55555;--secondary: #4ECDC4;--background: #1A1A2E;--surface: #16213E;--surface-light: #0F3460;--text: #EAEAEA;--text-muted: #B0B0B0;--success: #4ECDC4;--warning: #FFD93D;--error: #FF6B6B;--gold: #FFD700;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;transition:all .3s ease;border:none;outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:16px;box-shadow:0 4px 15px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-secondary{background:var(--surface-light);color:var(--text);padding:12px 24px;border-radius:12px;font-weight:500;border:2px solid var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary);transform:translateY(-2px)}.container{width:100%;max-width:480px;margin:0 auto;padding:20px}.card{background:var(--surface);border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000004d;margin-bottom:20px}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge-unlock{animation:badgeUnlock .6s ease-out}@keyframes badgeUnlock{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}@media (max-width: 480px){.container{padding:16px}.card{padding:16px;border-radius:12px}.btn-primary,.btn-secondary{width:100%;padding:14px}}.spinner{width:40px;height:40px;border:4px solid var(--surface-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background:var(--surface-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-success);border-radius:4px;transition:width .5s ease}.station-card{position:relative;overflow:hidden}.station-card:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.station-card:hover:before{opacity:1}