:root{--bg:#f5f7fa;--card-bg:#fff;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#2563eb;--accent-light:#dbeafe;--success:#16a34a;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--border:#e5e7eb;--shadow:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--radius:12px;--radius-sm:8px;--nav-height:64px;--safe-bottom:calc(env(safe-area-inset-bottom,0px) + var(--tg-safe-area-inset-bottom,0px))}*,:before,:after{box-sizing:border-box}html{height:100dvh;margin:0;padding:0}body{background:#f5f7fa;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100dvh;display:flex}.page{min-height:100dvh}.auth-gate{min-height:100dvh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.auth-gate p{margin:0 0 16px}.auth-gate__retry{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-weight:600}
.bottom-nav{z-index:100;padding-bottom:var(--safe-bottom);background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-around;align-items:stretch;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 1px 13px 4px #0000000f}.bottom-nav__tab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:12px 4px 10px;transition:opacity .15s;display:flex}.bottom-nav__tab:active{opacity:.6}.bottom-nav__icon-wrap{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.bottom-nav__badge{color:#fff;background:#e53935;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-family:Poppins,sans-serif;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-8px}.bottom-nav__label{color:#000;white-space:nowrap;text-align:center;letter-spacing:0;font-family:Poppins,sans-serif;font-size:9px;font-weight:400;line-height:20px}.bottom-nav__tab--active .bottom-nav__label{color:#3761e9;font-weight:600}
.layout{flex-direction:column;display:flex}.layout__content{flex:1}