:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--secondary: #10b981;--secondary-hover: #059669;--accent: #f59e0b;--bg-app: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-mobile: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}html,body{background-color:#0b0f19!important;color:var(--text-main);min-height:100vh;margin:0;padding:0}#root{width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.mobile-container{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-app);position:relative;box-shadow:var(--shadow-mobile);display:flex;flex-direction:column;padding-bottom:90px}@media(min-width:481px){.mobile-container{min-height:92vh;margin:20px 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #1e293b}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}.animate-pop{animation:pulse .25s ease-in-out}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
