/* Shared navigation from Figma: PC 40001:94038, H5 44702:170398 / 44979:256576. */
.site-header--design{height:90px;background:#282828;border-bottom:1px solid #ffffff0d;overflow:visible;box-sizing:border-box;}
.site-header--design .header-inner{display:flex;align-items:center;justify-content:flex-start;width:1700px;max-width:calc(100% - 64px);height:90px;margin-inline:auto;gap:16px;position:relative;box-sizing:border-box;}
.site-header--design .brand-lockup{flex:none;margin-right:44px;}
.site-header--design .brand-logo{display:block;width:125px;height:39px;max-width:none;object-fit:contain;}
.site-header--design .header-nav{display:flex;align-items:center;gap:18px;flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;}
.site-header--design .header-nav::-webkit-scrollbar{display:none;}
.site-header--design .header-nav a{padding:6px 16px;border-radius:6px;font-size:16px;line-height:22px;color:#f2f2f2;text-decoration:none;flex:none;}
.site-header--design .header-nav .nav-link-active{background:#ff4b02;color:#fff;font-weight:600;}
.site-header--design .header-nav a:hover:not(.nav-link-active){background:#ffffff0d;color:#fff;}
.site-header--design .header-search{display:flex;align-items:center;flex:1 1 400px;min-width:180px;max-width:400px;box-sizing:border-box;height:42px;padding:0 18px;gap:10px;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:999px;margin-left:auto;overflow:hidden;}
.site-header--design .search-input{display:block;order:initial;flex:1;height:auto;font-size:14px;line-height:20px;color:#f2f2f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-header--design .search-input--placeholder{color:#ffffff59;}
.header-search-submit{display:grid;place-items:center;width:18px;height:18px;flex:none;}
.header-search-submit img{display:block;filter:brightness(0) invert(.6);}
.header-history{display:flex;align-items:center;gap:4px;flex:none;white-space:nowrap;font-size:14px;line-height:20px;color:#f2f2f2;text-decoration:none;}
.header-history img,.header-download img{display:block;filter:brightness(0) invert(1);}
.site-header--design .header-separator{display:block;width:1px;height:12px;background:#ffffff1a;flex:none;}
.header-membership{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;opacity:.8;}
.header-membership img{display:block;}
.header-membership.is-vip-active{opacity:1;}
.site-header--design .header-wallet{display:flex;align-items:center;gap:8px;flex:none;white-space:nowrap;color:#ddd;text-decoration:none;font-size:14px;line-height:20px;}
.header-wallet picture,.header-wallet img{display:block;}.header-wallet img{width:28px;height:28px;}
.header-download{display:flex;align-items:center;justify-content:center;gap:2px;padding:8px 12px;box-sizing:border-box;border:1px solid #1a1a1a;border-radius:22px;background:#1a1a1a;color:#fff;font-family:inherit;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;cursor:pointer;flex:none;}
.site-header--design .header-account{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;}
.header-account-wrap{position:relative;flex:none;width:32px;height:32px;}
.header-account-dropdown{position:absolute;top:100%;right:-12px;z-index:60;box-sizing:border-box;width:196px;padding-top:16px;}
.header-account-pointer{position:absolute;top:8px;right:20px;display:block;}
.header-account-panel{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:12px;background:#1a1a1a;}
.header-account-item{display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100%;height:48px;flex:none;padding:0;border:0;border-radius:6px;background:none;color:#f2f2f2;font-family:inherit;font-size:12px;font-weight:400;line-height:18px;text-decoration:none;white-space:nowrap;cursor:pointer;}
.header-account-item img{display:block;flex:none;}
.header-account-item:hover{background:#ffffff0d;color:#fff;}
.header-account-menu-icon{position:relative;display:block;flex:none;width:16px;height:16px;}
.header-account-menu-dot{position:absolute;right:-4px;bottom:-2px;pointer-events:none;}
.header-account-logout{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:148px;height:32px;margin-top:16px;padding:0;border:1px solid #f2f2f2;border-radius:6px;background:none;color:#ccc;font-family:inherit;font-size:12px;font-weight:400;line-height:18px;cursor:pointer;}
.header-account-logout:hover{background:#ffffff0d;color:#fff;}
.site-header--design .account-avatar,.site-header--design .account-avatar-photo{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;background:none;}
.site-header--design .account-avatar img{display:block;}
.site-header--design .account-label{display:none;}
.header-mobile-actions,.mobile-bottom-nav{display:none;}
.site-header--design :is(a,button):focus-visible,.mobile-bottom-nav a:focus-visible{outline:2px solid #ff4b02;outline-offset:3px;}
.site-header--design [hidden]{display:none!important;}
@media(min-width:768px) and (max-width:860px){
 .site-header--design .header-inner{max-width:calc(100% - 32px);gap:8px;}
 .site-header--design .brand-lockup{margin-right:4px;}
 .site-header--design .header-nav{gap:4px;}.site-header--design .header-nav a{padding-inline:8px;font-size:14px;}
 .site-header--design .header-search{min-width:120px;padding:0 10px;}
 .header-history span,.header-download span{display:none;}.header-download{padding:8px;}
}
@media(max-width:767px){
 html body{padding-bottom:calc(99px + env(safe-area-inset-bottom,0px));}
 .site-header--design{height:48px;padding:0 16px;background:#0f0f0f;border-bottom:0;}
 .site-header--design .header-inner{width:100%;max-width:100%;height:48px;gap:8px;}
 .site-header--design .brand-lockup{position:static;left:auto;transform:none;margin:0 auto 0 0;min-width:0;}
 .site-header--design .brand-logo{width:92px;height:24px;}
 .site-header--design .header-nav,.site-header--design .header-search,.header-history,.site-header--design .header-separator,.header-download,.site-header--design .header-account,.header-account-wrap{display:none;}
 .header-membership{width:24px;height:24px;}
 .site-header--design .header-separator--member{display:block;}
 .site-header--design .header-wallet{gap:4px;min-width:0;font-size:12px;line-height:18px;}
 .site-header--design .header-wallet img{width:16px;height:16px;}
 .header-wallet [data-header-balance]{max-width:64px;overflow:hidden;text-overflow:ellipsis;}
 .header-mobile-actions{display:flex;align-items:center;gap:8px;flex:none;}
 .header-mobile-home,.header-mobile-search{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff0d;flex:none;}
 .header-mobile-actions img{display:block;filter:brightness(0) invert(1);}
 .mobile-bottom-nav{display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:20;box-sizing:border-box;width:343px;max-width:calc(100% - 32px);padding:7px;border:.5px solid #ffffff4d;border-radius:100px;background:linear-gradient(0deg,#ffffff1a,#ffffff0d),#141414;backdrop-filter:blur(12px);}
 .mobile-bottom-link{display:flex;flex-direction:column;align-items:center;gap:5px;box-sizing:border-box;flex:0 1 48.167px;min-width:40px;padding:3px;color:#999;font-size:10px;line-height:16px;text-decoration:none;border-radius:8px;}
 .mobile-bottom-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;position:relative;}
 .mobile-bottom-icon img{display:block;filter:brightness(0) invert(1);}
 .mobile-bottom-link.is-active{color:#ff4b02;}.mobile-bottom-link.is-active img{filter:none;}
 .mobile-bottom-link[data-mobile-nav=request]:not(.is-active) img{position:absolute;left:1.778px;top:1.778px;}
 html body .floating-action{bottom:calc(100px + env(safe-area-inset-bottom,0px));}
 html body .download-fab{bottom:calc(160px + env(safe-area-inset-bottom,0px));}
}

@media(max-width:359px){
 .site-header--design .header-inner,.header-mobile-actions{gap:6px;}
 .header-wallet [data-header-balance]{max-width:32px;}
}