#tg-tabbar{inset-inline:0;bottom:max(9px,env(safe-area-inset-bottom));margin-inline:auto;width:max-content;max-width:calc(100% - 16px);padding:3px;background:#101318;border:1px solid #30343b;border-radius:15px;box-shadow:0 3px 16px #0003;overflow-x:auto;scrollbar-width:none}
html.tg-miniapp #tg-tabbar{display:flex;gap:1px}
#tg-tabbar button{flex:0 0 auto;min-height:42px;padding:0 13px;color:#a5a9af;font:500 13px Routix,sans-serif;border:0;border-radius:11px;background:transparent;box-shadow:none}
#tg-tabbar button.active,.nav-links a.active{color:#eceef0;background:#282c32;box-shadow:none}
#auth .auth-shell{display:block;width:min(100%,420px);margin:0 auto}
#auth .auth-shell>.card{background:#12161b;border:1px solid #2c3036;border-radius:20px;padding:clamp(18px,4vw,32px);box-shadow:none}
#auth .auth-toggle{display:flex;background:transparent;border:0;border-bottom:1px solid #30343a;padding:0;border-radius:0;gap:12px}
#auth .auth-toggle-btn{background:transparent;color:#aaaeb5;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;padding:10px 0;flex:1;font-size:14px}
#auth .auth-toggle-btn.active{color:#edeff2;border-bottom-color:#a5abb3}
#auth .auth-panel h3{text-align:left;letter-spacing:-.035em;margin:24px 0 12px}
#auth input{background:#0e1115;border:1px solid #383d44;border-radius:9px;box-shadow:none}
#auth .btn-primary{background:#ced1d5;color:#16191c;border:0;box-shadow:none;text-transform:none;letter-spacing:normal}
#auth .link-button{color:#b9bec5}#auth .telegram-login-block,#auth .tg-miniapp-login{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
#auth #telegram-miniapp-block{margin-top:20px;padding-top:18px;border-top:1px solid #30343a}
#auth #telegram-miniapp-btn{background:#252a30;color:#d9dde1;border:1px solid #393e45;box-shadow:none}
#auth #telegram-miniapp-hint{font:400 13px/1.5 Routix,sans-serif;text-transform:none;letter-spacing:normal}
@media(max-width:480px){#tg-tabbar button{padding-inline:8px;font-size:12px}#auth .auth-toggle{gap:6px}}

header #tg-tabbar{position:static;inset:auto;max-width:100%;margin:6px auto;width:fit-content}
html.tg-miniapp body{padding-bottom:env(safe-area-inset-bottom)}
#tg-login-launch{display:block;text-align:center;text-decoration:none;background:#272e36;color:#e8edf2;border:1px solid #404852;border-radius:10px;padding:12px;margin-top:16px;font-weight:600}
html.tg-miniapp #tg-login-launch{display:none}

html.tg-miniapp .header,body .header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,calc((100vw - 1240px)/2));background:#10151c;border-bottom:1px solid #282f38}
html.tg-miniapp .header-inner,.header .header-inner{flex:1;width:auto;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}
html.tg-miniapp header #tg-tabbar{margin:0;flex-shrink:0}
html.tg-miniapp .hero .hero-content h1,.hero .hero-content h1{font-size:clamp(38px,5.5vw,78px);letter-spacing:-.055em;line-height:1.04;text-shadow:none}
html.tg-miniapp #tg-tabbar button{font-size:15px;padding-inline:14px}
@media(max-width:860px){html.tg-miniapp .header{flex-wrap:wrap;padding:10px 14px}html.tg-miniapp header #tg-tabbar{width:100%;max-width:100%;overflow-x:auto}html.tg-miniapp #tg-tabbar button{font-size:14px;padding-inline:10px}.hero .route-art{max-height:150px}}