:root{--bg-color:var(--tg-theme-bg-color,#f4f6fa);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#fff);--text-color:var(--tg-theme-text-color,#1e293b);--hint-color:var(--tg-theme-hint-color,#64748b);--link-color:var(--tg-theme-link-color,#2563eb);--button-color:var(--tg-theme-button-color,#1d4ed8);--button-text-color:var(--tg-theme-button-text-color,#fff);--color-primary:#1d4ed8;--color-primary-light:#1d4ed814;--color-orange:#f97316;--color-orange-light:#f9731614;--color-green:#10b981;--color-green-light:#10b98114;--color-red:#ef4444;--color-red-light:#ef444414;--color-yellow:#f59e0b;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000a;--shadow-lg:0 10px 25px -5px #0000000f, 0 8px 10px -6px #0000000f;--shadow-premium:0 20px 40px -10px #1d4ed812;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Manrope", -apple-system, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg-color:var(--tg-theme-bg-color,#0f172a);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#1e293b);--text-color:var(--tg-theme-text-color,#f8fafc);--hint-color:var(--tg-theme-hint-color,#94a3b8);--link-color:var(--tg-theme-link-color,#3b82f6);--button-color:var(--tg-theme-button-color,#3b82f6);--button-text-color:var(--tg-theme-button-text-color,#0f172a);--color-primary-light:#3b82f626;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 25px -5px #0006;--shadow-premium:0 20px 40px -10px #00000080}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);width:100vw;height:100svh;font-size:15px;line-height:1.5;overflow:hidden}#root{background-color:var(--bg-color);border-left:1px solid #00000008;border-right:1px solid #00000008;flex-direction:column;width:100%;max-width:500px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000014}.glass{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff6}.dark .glass{background:#1e293bcc;border:1px solid #ffffff0d}.scroll-container{padding:16px;padding-bottom:calc(85px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:0 0}.scroll-container::-webkit-scrollbar-thumb{background:var(--hint-color);opacity:.3;border-radius:var(--border-radius-full)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-light{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes confettis{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.clickable{cursor:pointer;transition:var(--transition-smooth)}.clickable:active{opacity:.9;transform:scale(.96)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
