:root{--c-bg: #080a0f;--c-bg-alt: radial-gradient(circle at top right, #1a2035 0%, #080a0f 100%);--c-surface: #11141b;--c-surface-2: rgba(17, 20, 27, .8);--c-border: rgba(255, 255, 255, .05);--c-border-hover: rgba(255, 255, 255, .1);--c-green: #1D9E75;--c-green-glow: rgba(29, 158, 117, .3);--c-green-d: #0F6E56;--c-green-t: rgba(29, 158, 117, .12);--c-text-1: #ffffff;--c-text-2: #e8e6df;--c-text-3: #a09f98;--c-text-4: #5F5E5A;--c-text-5: #444441;--c-shadow: 0 8px 32px rgba(0,0,0,.4);--c-overlay-1: rgba(255, 255, 255, .01);--c-overlay-2: rgba(255, 255, 255, .02);--c-overlay-3: rgba(255, 255, 255, .03);--c-overlay-4: rgba(255, 255, 255, .04);--c-overlay-5: rgba(255, 255, 255, .05);--c-overlay-6: rgba(255, 255, 255, .06);--c-overlay-8: rgba(255, 255, 255, .08);--c-overlay-10: rgba(255, 255, 255, .1);--c-overlay-12: rgba(255, 255, 255, .12);--c-overlay-15: rgba(255, 255, 255, .15);--c-overlay-20: rgba(255, 255, 255, .2);--c-overlay-25: rgba(255, 255, 255, .25);--c-overlay-30: rgba(255, 255, 255, .3);--c-overlay-40: rgba(255, 255, 255, .4);--c-overlay-50: rgba(255, 255, 255, .5);--c-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--c-shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--c-shadow-lg: 0 16px 40px rgba(0, 0, 0, .4)}[data-theme=light]{--c-bg: #f4f5f7;--c-bg-alt: radial-gradient(circle at top right, #e2e8f0 0%, #f4f5f7 100%);--c-surface: #ffffff;--c-surface-2: rgba(255, 255, 255, .8);--c-border: rgba(0, 0, 0, .08);--c-border-hover: rgba(0, 0, 0, .15);--c-green: #1D9E75;--c-green-glow: rgba(29, 158, 117, .15);--c-green-d: #0F6E56;--c-green-t: rgba(29, 158, 117, .12);--c-text-1: #11141b;--c-text-2: #333333;--c-text-3: #718096;--c-text-4: #a0aec0;--c-text-5: #cbd5e0;--c-shadow: 0 4px 16px rgba(0,0,0,.06);--c-overlay-1: rgba(0, 0, 0, .01);--c-overlay-2: rgba(0, 0, 0, .02);--c-overlay-3: rgba(0, 0, 0, .03);--c-overlay-4: rgba(0, 0, 0, .04);--c-overlay-5: rgba(0, 0, 0, .05);--c-overlay-6: rgba(0, 0, 0, .06);--c-overlay-8: rgba(0, 0, 0, .08);--c-overlay-10: rgba(0, 0, 0, .1);--c-overlay-12: rgba(0, 0, 0, .12);--c-overlay-15: rgba(0, 0, 0, .15);--c-overlay-20: rgba(0, 0, 0, .2);--c-overlay-25: rgba(0, 0, 0, .25);--c-overlay-30: rgba(0, 0, 0, .3);--c-overlay-40: rgba(0, 0, 0, .4);--c-overlay-50: rgba(0, 0, 0, .5);--c-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--c-shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--c-shadow-lg: 0 16px 40px rgba(0, 0, 0, .12)}:root{--frame-size: 4px;--frame-size-lg: 6px;--frame-radius: 50%;--frame-anim-speed: 2s}.avatar-frame-wrapper{position:relative;display:inline-block;border-radius:var(--frame-radius)}.avatar-frame-wrapper img,.avatar-frame-wrapper .avatar-placeholder{border-radius:var(--frame-radius);width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.avatar-frame-wrapper:before{content:"";position:absolute;inset:calc(-1 * var(--frame-size));border-radius:calc(var(--frame-radius) + var(--frame-size));z-index:0;pointer-events:none}.avatar-frame-wrapper.frame-lg:before{inset:calc(-1 * var(--frame-size-lg));border-radius:calc(var(--frame-radius) + var(--frame-size-lg))}.avatar-frame-wrapper.frame-none:before{display:none}.avatar-frame-wrapper.frame-silver:before{background:linear-gradient(135deg,silver,#e8e8e8,#a8a8a8,#d4d4d4);box-shadow:0 0 8px #c0c0c080}.avatar-frame-wrapper.frame-bronze:before{background:linear-gradient(135deg,#cd7f32,#e8a864,sienna,#cd7f32);box-shadow:0 0 8px #cd7f3280}@keyframes neon-pulse-cyan{0%,to{box-shadow:0 0 8px #00f5ff,0 0 20px #00f5ff,0 0 40px #00f5ff66}50%{box-shadow:0 0 4px #00f5ff,0 0 12px #00f5ff,0 0 24px #00f5ff33}}.avatar-frame-wrapper.frame-neon-cyan:before{background:linear-gradient(135deg,#00f5ff,#0080ff,#00f5ff);animation:neon-pulse-cyan var(--frame-anim-speed) ease-in-out infinite}@keyframes neon-pulse-pink{0%,to{box-shadow:0 0 8px #ff006e,0 0 20px #ff006e,0 0 40px #ff006e66}50%{box-shadow:0 0 4px #ff006e,0 0 12px #ff006e,0 0 24px #ff006e33}}.avatar-frame-wrapper.frame-neon-pink:before{background:linear-gradient(135deg,#ff006e,#ff4da6,#ff006e);animation:neon-pulse-pink var(--frame-anim-speed) ease-in-out infinite}@keyframes neon-pulse-green{0%,to{box-shadow:0 0 8px #00ff41,0 0 20px #00ff41,0 0 40px #00ff4166}50%{box-shadow:0 0 4px #00ff41,0 0 12px #00ff41,0 0 24px #00ff4133}}.avatar-frame-wrapper.frame-neon-green:before{background:linear-gradient(135deg,#00ff41,#0c3,#00ff41);animation:neon-pulse-green var(--frame-anim-speed) ease-in-out infinite}@keyframes gold-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-frame-wrapper.frame-gold:before{background:linear-gradient(135deg,#b8860b,gold,#ffec6e,#d4af37,gold,#b8860b);background-size:300% 300%;animation:gold-shimmer 3s ease infinite;box-shadow:0 0 12px #ffd70099,0 0 24px #ffd7004d}@keyframes crystal-refract{0%{filter:hue-rotate(0deg) brightness(1.1)}33%{filter:hue-rotate(30deg) brightness(1.3)}66%{filter:hue-rotate(-20deg) brightness(1.1)}to{filter:hue-rotate(0deg) brightness(1.1)}}.avatar-frame-wrapper.frame-crystal:before{background:linear-gradient(135deg,#c8e6ffe6,#fffffff2,#b4dcffd9,#dcf0ffe6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 15px #b4dcffb3,inset 0 0 8px var(--c-overlay-50);animation:crystal-refract 4s ease-in-out infinite}@keyframes diamond-sparkle{0%{background-position:0% 50%;filter:brightness(1.1) saturate(1.2)}25%{filter:brightness(1.5) saturate(1.5)}50%{background-position:100% 50%;filter:brightness(1.1) saturate(1.2)}75%{filter:brightness(1.8) saturate(1.8)}to{background-position:0% 50%;filter:brightness(1.1) saturate(1.2)}}.avatar-frame-wrapper.frame-diamond:before{background:linear-gradient(135deg,#b9f2ff,#fff,#e0f7ff,#c2e9fb,#fff,#b3e5fc);background-size:400% 400%;animation:diamond-sparkle 3s ease infinite;box-shadow:0 0 20px #b9f2ffcc,0 0 40px #b9f2ff66,inset 0 0 10px var(--c-text-3)}@keyframes fire-flicker{0%{background-position:50% 0%;filter:brightness(1)}20%{background-position:60% 10%;filter:brightness(1.2)}40%{background-position:40% 5%;filter:brightness(.9)}60%{background-position:55% 0%;filter:brightness(1.3)}80%{background-position:45% 8%;filter:brightness(1.1)}to{background-position:50% 0%;filter:brightness(1)}}.avatar-frame-wrapper.frame-fire:before{background:conic-gradient(#ff4500,#ff6b00,#ff8c00,orange,gold,#ff8c00,#ff6b00,#ff4500,#c20,#ff4500);background-size:200% 200%;animation:fire-flicker .8s ease-in-out infinite;box-shadow:0 0 15px #ff6400cc,0 0 30px #ff3c0080,0 0 50px #ff8c004d}@keyframes ice-shimmer{0%{background-position:0% 50%;box-shadow:0 0 10px #a8d8ea99,0 0 20px #b0e0e64d}50%{background-position:100% 50%;box-shadow:0 0 15px #a8d8eae6,0 0 30px #b0e0e680}to{background-position:0% 50%;box-shadow:0 0 10px #a8d8ea99,0 0 20px #b0e0e64d}}.avatar-frame-wrapper.frame-ice:before{background:linear-gradient(135deg,#a8d8ea,#e8f4f8,#b0e0e6,#caf0f8,#fff,#90e0ef);background-size:300% 300%;animation:ice-shimmer 3s ease infinite}@keyframes shadow-pulse{0%,to{box-shadow:0 0 15px #0f3460cc,0 0 30px #1a1a2e99}50%{box-shadow:0 0 25px #0f3460,0 0 50px #1a1a2ecc}}.avatar-frame-wrapper.frame-shadow:before{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#533483);animation:shadow-pulse 2s ease-in-out infinite}@keyframes lightning-strike{0%,90%,to{opacity:1;box-shadow:0 0 8px #f5e64280}92%{opacity:.3;box-shadow:0 0 30px #f5e642,0 0 60px var(--c-text-2)}94%{opacity:1;box-shadow:0 0 8px #f5e64280}96%{opacity:.5;box-shadow:0 0 20px #f5e642cc}98%{opacity:1;box-shadow:0 0 8px #f5e64280}}.avatar-frame-wrapper.frame-lightning:before{background:linear-gradient(135deg,#f5e642,#fff,#ffe500,#f5e642);background-size:200% 200%;animation:lightning-strike 3s ease-in-out infinite;box-shadow:0 0 8px #f5e64280}@keyframes rainbow-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.avatar-frame-wrapper.frame-rainbow:before{background:conic-gradient(red,#f80,#ff0,#0f0,#08f,#80f,#f08,red);animation:rainbow-spin 3s linear infinite;box-shadow:0 0 15px #ff646480,0 0 30px #64ff644d}@keyframes galaxy-rotate{0%{background-position:0% 50%;filter:brightness(1) saturate(1.2)}50%{background-position:100% 50%;filter:brightness(1.3) saturate(1.5)}to{background-position:0% 50%;filter:brightness(1) saturate(1.2)}}@keyframes galaxy-particles{0%{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(180deg) scale(1.1);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.5}}.avatar-frame-wrapper.frame-galaxy:before{background:linear-gradient(135deg,#0d0221,#370056,#720058,#ff6b9d,#370056,#0d0221);background-size:400% 400%;animation:galaxy-rotate 5s ease infinite;box-shadow:0 0 20px #730058b3,0 0 40px #ff6b9d4d,0 0 60px #0d022180}.avatar-frame-wrapper.frame-galaxy:after{content:"";position:absolute;inset:-12px;border-radius:50%;pointer-events:none;background:transparent;box-shadow:10px -20px 2px #fff,-15px -10px 1px #ff6b9d,20px 15px 2px #fff,-10px 25px 1px #720058,30px 0 1.5px #fff,-25px 5px 1px #ff6b9d;animation:galaxy-particles 8s linear infinite;z-index:-1}.frame-catalog-item{position:relative;border-radius:var(--radius-xl, 16px);border:2px solid transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;overflow:visible}.frame-catalog-item:before{content:"";position:absolute;inset:-4px;border-radius:inherit;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:-1;pointer-events:none}.frame-catalog-item:hover:before{opacity:1;transform:scale(1.05)}.frame-catalog-item:hover{transform:translateY(-4px) scale(1.03);z-index:5}.frame-catalog-item.rarity-common:before{box-shadow:none}.frame-catalog-item.rarity-common:hover{border-color:var(--c-overlay-10)}.frame-catalog-item.rarity-uncommon:before{box-shadow:0 0 12px #60a5fa4d,0 0 24px #60a5fa1a}.frame-catalog-item.rarity-uncommon:hover{border-color:#60a5fa66}.frame-catalog-item.rarity-rare:before{box-shadow:0 0 16px #22d3ee66,0 0 32px #22d3ee26;animation:glowCyanPulse 2s ease-in-out infinite}.frame-catalog-item.rarity-rare:hover:before{opacity:1;animation:glowCyanPulse 1.5s ease-in-out infinite}.frame-catalog-item.rarity-rare:hover{border-color:#22d3ee80}@keyframes glowCyanPulse{0%,to{box-shadow:0 0 16px #22d3ee4d,0 0 32px #22d3ee1a}50%{box-shadow:0 0 20px #22d3ee80,0 0 40px #22d3ee33}}.frame-catalog-item.rarity-epic:before{box-shadow:0 0 20px #a855f766,0 0 40px #a855f726;animation:glowPurpleRotate 3s linear infinite}.frame-catalog-item.rarity-epic:hover:before{opacity:1;animation:glowPurpleRotate 2s linear infinite}.frame-catalog-item.rarity-epic:hover{border-color:#a855f780}@keyframes glowPurpleRotate{0%{box-shadow:0 0 20px #a855f766,0 0 40px #a855f726}25%{box-shadow:4px 0 20px #a855f780,-4px 0 40px #a855f733}50%{box-shadow:0 4px 20px #a855f766,0 -4px 40px #a855f726}75%{box-shadow:-4px 0 20px #a855f780,4px 0 40px #a855f733}to{box-shadow:0 0 20px #a855f766,0 0 40px #a855f726}}.frame-catalog-item.rarity-legendary:before{box-shadow:0 0 24px #fbbf2480,0 0 48px #fbbf2433,0 0 72px #fbbf241a;animation:glowGoldDouble 1.5s ease-in-out infinite}.frame-catalog-item.rarity-legendary:after{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;background:transparent;box-shadow:8px -12px 1.5px #ffd70099,-10px -6px 1px #ffb46480,12px 8px 1.5px #ffd70066,-8px 14px 1px #ff8c5080,16px 0 1px #ffd7004d;animation:legendaryParticles 4s linear infinite;opacity:0;transition:opacity .4s ease;z-index:-2}.frame-catalog-item.rarity-legendary:hover:before{opacity:1}.frame-catalog-item.rarity-legendary:hover:after{opacity:1}.frame-catalog-item.rarity-legendary:hover{border-color:#fbbf2499;transform:translateY(-6px) scale(1.05)}@keyframes glowGoldDouble{0%,to{box-shadow:0 0 24px #fbbf2466,0 0 48px #fbbf2426,0 0 72px #fbbf240d}50%{box-shadow:0 0 30px #fbbf24b3,0 0 60px #fbbf244d,0 0 90px #fbbf241a}}@keyframes legendaryParticles{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}.frame-catalog-item.equipped{border-color:var(--c-green, #1D9E75);box-shadow:0 0 0 3px #1d9e7533}.frame-catalog-item.equipped:after{content:"\e2\153\201c";position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--c-green, #1D9E75);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0000004d;z-index:10;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.frame-preview-container{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.frame-preview-container.celebrating:before{content:"";position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.8) 0%,transparent 60%);opacity:0;pointer-events:none;z-index:100;animation:equipFlash .8s ease forwards}@keyframes equipFlash{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}60%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.frame-preview-container.celebrating .avatar-frame-wrapper{animation:equipBounce .7s cubic-bezier(.34,1.56,.64,1)}@keyframes equipBounce{0%{transform:scale(.8)}40%{transform:scale(1.2)}70%{transform:scale(.95)}to{transform:scale(1)}}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;top:-10px;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.5)}}.confetti-gold{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.confetti-purple{background:#a855f7;box-shadow:0 0 6px #a855f7}.confetti-cyan{background:#22d3ee;box-shadow:0 0 6px #22d3ee}.confetti-red{background:#ef4444;box-shadow:0 0 6px #ef4444}.light-rays{position:absolute;inset:-50%;pointer-events:none;opacity:0;z-index:50}.light-rays.active{animation:lightRays 1s ease forwards}.light-rays:before,.light-rays:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.6),transparent);transform-origin:center}.light-rays:before{transform:translate(-50%,-50%) rotate(0)}.light-rays:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes lightRays{0%{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(1.5) rotate(90deg)}}.frame-new-badge{position:absolute;top:-8px;left:-8px;background:var(--gradient-green, linear-gradient(135deg, #1D9E75, #147A5C));color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-full, 999px);box-shadow:0 2px 8px #1d9e7566;animation:newBadgePulse 2s ease-in-out infinite;z-index:10}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #1d9e7566}50%{transform:scale(1.1);box-shadow:0 4px 16px #1d9e7580}}.frame-lock-break{animation:lockBreak .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lockBreak{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.3) rotate(-10deg);opacity:.8}60%{transform:scale(.8) rotate(10deg);opacity:.4}to{transform:scale(0) rotate(0);opacity:0}}@media(prefers-reduced-motion:reduce){.frame-catalog-item:before,.frame-catalog-item:after,.frame-preview-container:before,.confetti-piece,.light-rays,.frame-new-badge{animation:none!important;transition:none!important}}.rarity-common{border-color:var(--c-overlay-6)}.rarity-uncommon{border-color:#3b82f64d;box-shadow:0 0 8px #3b82f61a}.rarity-rare{border-color:#06b6d466;animation:rareGlowPulse 2s ease-in-out infinite}@keyframes rareGlowPulse{0%,to{box-shadow:0 0 6px #06b6d426}50%{box-shadow:0 0 14px #06b6d459}}.rarity-epic{border-color:#8b5cf680;position:relative}.rarity-epic:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,transparent,rgba(139,92,246,.3),transparent,rgba(236,72,153,.3),transparent);z-index:-1;animation:epicRotate 3s linear infinite;filter:blur(4px)}@keyframes epicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rarity-legendary{border-color:#fbbf2499;position:relative;overflow:visible}.rarity-legendary:before{content:"";position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(135deg,#fbbf244d,#f59e0b33,#fbbf244d);z-index:-1;filter:blur(8px);animation:legendaryAura 2s ease-in-out infinite}.rarity-legendary:after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:transparent;z-index:-2;box-shadow:8px -12px #fbbf2499,-10px -8px 0 1px #f59e0b80,12px 10px #fbbf2466,-8px 14px 0 1px #fb923c80,16px 0 #fbbf244d,0 -16px 0 1px #f59e0b66;animation:legendaryParticles 6s linear infinite}@keyframes legendaryAura{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes legendaryParticles{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes equipFlashExpand{0%{box-shadow:0 0 #fbbf24cc;transform:scale(.95)}50%{box-shadow:0 0 60px 20px #fbbf2400;transform:scale(1.08)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.frame-equipping{animation:equipFlashExpand .6s cubic-bezier(.34,1.56,.64,1)}@keyframes avatarEquipBounce{0%{transform:scale(1) translateZ(40px)}40%{transform:scale(1.2) translateZ(60px)}70%{transform:scale(.95) translateZ(40px)}to{transform:scale(1) translateZ(40px)}}.avatar-frame-wrapper.equipping{animation:avatarEquipBounce .5s cubic-bezier(.34,1.56,.64,1)}.user-training .avatar-frame-wrapper.frame-legendary:before,.user-training .avatar-frame-wrapper.frame-epic:before{animation-duration:1s;filter:blur(12px)}.user-idle .avatar-frame-wrapper{filter:grayscale(.3) brightness(.8);transition:filter .5s ease}.frame-new-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:8px;z-index:10;animation:newBadgePulse 1.5s ease-in-out infinite;box-shadow:0 2px 8px #10b98166}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #10b98166}50%{transform:scale(1.1);box-shadow:0 4px 16px #10b98199}}@keyframes lockBreakShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-8deg)}40%{transform:translate(4px) rotate(8deg)}60%{transform:translate(-3px) rotate(-5deg)}80%{transform:translate(3px) rotate(5deg)}}.frame-locked-shake{animation:lockBreakShake .4s ease}.frame-locked-hover:after{content:"\f0\178\201d\2019";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:#00000080;border-radius:inherit;transition:all .3s ease}.frame-locked-hover:hover:after{background:#0000004d;text-shadow:0 0 20px rgba(251,191,36,.5)}.fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;color:inherit;font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:all .15s ease;letter-spacing:-.01em}.fc-btn:disabled,.fc-btn[aria-disabled=true],.fc-btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none!important}.fc-btn-md{height:50px;padding:0 16px;border-radius:12px;font-size:15px}.fc-btn-sm{height:44px;padding:0 14px;border-radius:10px;font-size:13px;line-height:44px}.fc-btn-icon{width:46px;height:46px;padding:0;border-radius:14px}.fc-btn-full{width:100%}.fc-btn-primary{background:var(--c-green, #0F6E56);color:#fff}.fc-btn-primary:hover:not(:disabled){background:#1d9e75}.fc-btn-primary:active:not(:disabled){transform:scale(.99)}.fc-btn-ghost{border:.5px solid rgba(255,255,255,.08);color:#888780;background:transparent}.fc-btn-ghost:hover:not(:disabled){background:#ffffff0a;color:#e8e6df;border-color:#ffffff24}.fc-btn-nav{flex-direction:column;flex:1;color:var(--c-text-4);font-size:11px;font-weight:600;height:auto;border-radius:0;width:auto}.fc-btn-nav:hover:not(:disabled){color:var(--c-text-2)}.fc-btn-nav.active{color:var(--c-green)}.fc-btn-nav svg{transition:transform .2s}.fc-btn-nav.active svg{transform:translateY(-2px)}.fc-btn-nav span{transition:opacity .3s;margin-top:4px}.fc-btn-nav.active span{color:var(--c-green)}.fc-btn-elevated{box-shadow:0 4px 12px var(--c-green-glow, rgba(15, 110, 86, .4))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--c-bg);color:var(--c-text-2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#96969633;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969666}@media(min-width:768px){fc-login,fc-register-client,fc-client-layout{display:flex;flex-direction:column;max-width:440px;margin:0 auto;height:100dvh;background:var(--c-bg);box-shadow:0 0 100px #0006,0 0 0 1px var(--c-border);overflow:hidden;position:relative}fc-client-dashboard,fc-today-workout,fc-client-progress,fc-client-chat{display:flex;flex-direction:column;width:100%;flex:1;min-height:0}}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bottom-nav{display:flex;padding:2px 10px 8px;background:var(--c-surface-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--c-border);position:fixed!important;bottom:0!important;left:0;width:100%;z-index:100;box-shadow:0 -10px 30px #00000080}.workout-screen,.client-content{padding-bottom:80px!important}