:root{--bg-color:#121214;--surface-color:#1b1b1f;--surface-2:#232327;--surface-3:#2a2a2f;--text-primary:#ededf0;--text-secondary:#9a9aa2;--line:#ffffff0f;--radius-card:22px;--radius-inner:16px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.3, 1.35, .5, 1);--primary-color:#ff4d9d;--primary-light:#ff9ccb;--primary-dark:#c2185b;--accent-color:#3dd6f5;--accent-light:#a5eefb;--grad:linear-gradient(135deg, #ff4d9d 0%, #3dd6f5 100%);--danger-color:#ef4444;--tg-bg:var(--bg-color);--tg-header:var(--surface-color);--tg-bubble:var(--surface-2);--tg-link:var(--primary-light);--tg-muted:var(--text-secondary);--tg-pill:#1b1b1fd9;--tg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' stroke='rgba(255,255,255,0.045)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 44c-9-6-14-11-14-17a7 7 0 0 1 14-2 7 7 0 0 1 14 2c0 6-5 11-14 17z'/%3E%3Cpath d='M140 22l5 13h14l-11 8 4 14-12-8-12 8 4-14-11-8h14z'/%3E%3Ccircle cx='60' cy='130' r='12'/%3E%3Cpath d='M56 123v14l11-7z'/%3E%3Crect x='136' y='132' width='28' height='20' rx='4'/%3E%3Ccircle cx='150' cy='142' r='6'/%3E%3Cpath d='M105 82c6 7 9 12 9 17a9 9 0 0 1-18 0c0-4 2-7 4-9 0 3 2 5 4 5-1-5 0-9 1-13z'/%3E%3Cpath d='M20 180l8-8m0 8l-8-8M180 90l6-6m0 6l-6-6'/%3E%3C/svg%3E");--like-color:#fe2c55;--save-color:#facc15;--gold:#f5c542;--gold-light:#ffe8a3;--gold-dark:#b8860b;--gold-grad:linear-gradient(135deg, #b8860b 0%, #f5c542 35%, #ffe8a3 50%, #f5c542 65%, #b8860b 100%);--rank-comun:#c3cad5;--rank-comun-grad:linear-gradient(135deg, #8e97a6 0%, #e3e8ef 50%, #8e97a6 100%);--rank-comun-glow:#c3cad566;--rank-comun-light:#e5e9f0;--rank-exotico:#2ee59d;--rank-exotico-grad:linear-gradient(135deg, #0f8a5f 0%, #2ee59d 55%, #a7f3d0 100%);--rank-exotico-glow:#2ee59d6b;--rank-exotico-light:#a7f3d0;--rank-premium:#4f7dff;--rank-premium-grad:linear-gradient(135deg, #1e3fbf 0%, #4f7dff 55%, #a9c0ff 100%);--rank-premium-glow:#4f7dff7a;--rank-premium-light:#c7d5ff;--rank-elite:#b67cff;--rank-elite-grad:linear-gradient(135deg, #6d28d9 0%, #b67cff 55%, #e9d5ff 100%);--rank-elite-glow:#b67cff80;--rank-elite-light:#e9d5ff;--rank-luxury:var(--gold);--rank-luxury-grad:var(--gold-grad);--rank-luxury-glow:#f5c542b3;--rank-luxury-light:var(--gold-light);--rank-ultra:#ff2d46;--rank-ultra-grad:linear-gradient(135deg, #9f0718 0%, #ff2d46 35%, #ffb199 50%, #ff2d46 65%, #9f0718 100%);--rank-ultra-glow:#ff2d46b3;--rank-ultra-light:#ffc2c9;--rank-fans:#8fdcff;--rank-fans-grad:linear-gradient(135deg, #0ea5e9 0%, #8fdcff 35%, #e0f7ff 50%, #8fdcff 65%, #0ea5e9 100%);--rank-fans-glow:#8fdcffb3;--rank-fans-light:#d6f3ff}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{-webkit-font-smoothing:antialiased}img,video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}*{-webkit-overflow-scrolling:touch}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;min-height:100vh;display:flex}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button{transition:transform .2s var(--ease-out)}button:active:not(:disabled){transition-duration:60ms;transform:scale(.96)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade-in{0%{opacity:0}}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes grow-x{0%{transform:scaleX(0)}}.tab-page{animation:.24s ease-out fade-in}.reels-hide{transition:opacity .18s}.reels-clean .reels-hide{opacity:0}.reels-clean .reels-hide,.reels-clean .reels-hide *{pointer-events:none!important}.rise{animation:rise .45s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}.grow-x{transform-origin:0;animation:grow-x .9s var(--ease-out) both .15s}@media(prefers-reduced-motion:reduce){.tab-page,.rise,.grow-x{animation:none}}.hscroll{scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.skeleton{background:linear-gradient(100deg,var(--surface-color) 30%,var(--surface-3) 50%,var(--surface-color) 70%);background-size:200% 100%;animation:1.3s ease-in-out infinite skeleton-shine}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.splash-logo{animation:1.4s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.skeleton,.splash-logo{animation:none}}#root{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex}.header{text-align:center;margin-bottom:2rem;padding-top:1rem}.logo{color:var(--text-primary);margin-bottom:.5rem;font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;letter-spacing:.22em!important}.welcome-card{border-radius:var(--radius-card);margin-bottom:2rem;padding:1.5rem;background:var(--surface-color)!important;border:none!important}.welcome-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.user-id{color:var(--text-secondary);background:#0003;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;font-family:monospace;font-size:.875rem;display:inline-block}.section-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.menu-grid{grid-template-columns:1fr;gap:.6rem;display:grid}.menu-button{background:var(--surface-color);color:var(--text-primary);cursor:pointer;transition:background .2s,transform .2s var(--ease-out);border:none;border-radius:18px;justify-content:space-between;align-items:center;padding:1rem;font-size:.98rem;font-weight:600;display:flex}.menu-button:active{background:var(--surface-2)}.menu-button.primary{background:var(--grad);color:#000}.menu-button.admin{background:var(--surface-color)}.loading{height:50vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.vip-card{animation:2.8s ease-in-out infinite vip-glow;border:1.5px solid var(--gold)!important;background:linear-gradient(180deg,#2a2312 0%,var(--surface-color) 70%)!important}@keyframes vip-glow{0%,to{box-shadow:0 0 8px #f5c54259,0 4px 15px #00000080}50%{box-shadow:0 0 18px #f5c542b3,0 4px 15px #00000080}}.vip-shine{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.vip-shine:after{content:"";background:linear-gradient(100deg,#0000,#ffe8a347,#0000);width:35%;animation:4.5s ease-in-out infinite vip-shine;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-18deg)}@keyframes vip-shine{0%,60%{left:-60%}to{left:130%}}.vip-badge{background:var(--gold-grad);background-size:200% 100%;animation:3s linear infinite vip-badge}@keyframes vip-badge{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.vip-card,.vip-shine:after,.vip-badge{animation:none}}.rank-card{box-shadow:inset 0 0 0 1.5px var(--rc)!important}.rank-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:12;box-shadow:inset 0 0 0 1.5px var(--rc);position:absolute;inset:0}.rank-badge{background-size:200% 100%}.rank-badge.rank-top{animation:3s linear infinite vip-badge}@media(prefers-reduced-motion:reduce){.rank-badge.rank-top{animation:none}}