.bottom-nav{background:var(--glass-bg,#15171af2);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border,#ffffff1a);z-index:100;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.bottom-nav__container{justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:8px 4px;display:flex}.bottom-nav__item{cursor:pointer;color:var(--tg-theme-hint-color,#999);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav__item:hover{background:var(--tg-theme-secondary-bg-color,#ffffff0d);color:var(--tg-theme-text-color,#fff)}.bottom-nav__item:focus-visible{outline:2px solid var(--tg-theme-button-color,#34b7f1);outline-offset:2px}.bottom-nav__item--active{color:var(--tg-theme-button-color,#34b7f1);background:#34b7f11a}.bottom-nav__item--active .bottom-nav__icon svg{stroke:var(--tg-theme-button-color,#34b7f1)}.bottom-nav__item__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav__item__icon svg{stroke-width:2px;width:22px;height:22px;transition:all .2s}.bottom-nav__item__label{font-size:11px;font-weight:500;line-height:1.2}.header{z-index:100;margin-bottom:20px;position:sticky;top:0}.header__card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1e232df2 0%,#141923e6 100%);border:1px solid #ffffff14;border-radius:20px;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d}.header__card:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--tg-theme-accent-from,#3b82f6) 50%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.header__content{z-index:1;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.header__logo{flex:1;align-items:center;gap:14px;display:flex}.header__logo-icon{object-fit:contain;width:48px;height:48px}.header__logo-text{flex-direction:column;gap:3px;display:flex}.header__title{background:linear-gradient(135deg, var(--tg-theme-accent-from,#3b82f6) 0%, var(--tg-theme-accent-to,#8b5cf6) 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;background-size:200%;background-clip:text;margin:0;font-size:22px;font-weight:800;animation:3s infinite gradientShift}.header__subtitle{color:#fff9;letter-spacing:.3px;text-transform:uppercase;margin:0;font-size:13px;font-weight:500}.header__stats{align-items:center;gap:16px;display:flex}.header__stat{background:linear-gradient(135deg,#22c55e40 0%,#22c55e14 100%);border:1px solid #22c55e80;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:70px;padding:10px 16px;display:flex;box-shadow:0 4px 16px #22c55e4d,inset 0 1px #ffffff1a}.header__stat-badge{text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800;line-height:1;display:inline-block;box-shadow:0 2px 10px #22c55e80,inset 0 1px #fff3;color:#fff!important}.header__stat-value{text-shadow:0 0 24px #4ade8099;white-space:nowrap;font-size:18px;font-weight:800;line-height:1;color:#4ade80!important}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}:root[data-theme=dark] .header__card{background:linear-gradient(135deg,#0f1219f2 0%,#0a0d12e6 100%);border:1px solid #ffd7001a}:root[data-theme=dark] .header__title{background:linear-gradient(135deg,#ffe55c 0%,#ffc107 50%,#ffe55c 100%) 0 0/200%}@media (width<=480px){.header__card{padding:14px 16px}.header__logo{gap:10px}.header__logo-icon{width:40px;height:40px}.header__title{font-size:18px}.header__subtitle{font-size:11px}.header__stats{gap:10px}.header__stat{padding:6px 10px}.header__stat-value{font-size:14px}}