#nav>a[hidden]{display:none!important}.course-hub-banner{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#e9dbff,#fff0b7);border:1px solid #d9c3ef;padding:22px;border-radius:24px;margin:24px 0}.course-hub-banner>img{width:95px;height:110px;object-fit:contain}.course-hub-banner strong{font-size:28px;color:#50317c}.course-hub-icon{width:85px;height:95px;object-fit:contain}.course-hub-banner .language-flag{width:66px}.illustrated-map .path-phase{background-image:var(--city-phase-art)!important;background-size:cover!important;background-position:center top!important}.illustrated-map .path-tile strong{max-width:230px;width:max-content;white-space:normal;text-align:center;line-height:1.25}.city-title{background-image:linear-gradient(90deg,#513180ed,#51318044),var(--city-phase-art)!important;background-size:cover!important;background-position:center 20%!important}@media(max-width:600px){.illustrated-map .path-tile strong{max-width:190px;font-size:10px}.course-hub-banner{gap:14px;padding:16px}.course-hub-banner>img{width:70px;height:88px}.course-hub-banner strong{font-size:23px}}

.illustrated-map .path-tile strong{min-height:25px;display:grid;place-items:center}.illustrated-map .path-tile .tile-stars{top:calc(100% + 52px)}

body.app-loading>aside,body.app-loading>main{visibility:hidden}body.app-loading:before{content:"Lingora";position:fixed;inset:0;display:grid;place-items:center;background:#f7f2ff;color:#6c3bc1;font-size:36px;font-weight:900;z-index:1000}

@media(max-width:700px){#nav[data-scope="global"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:6px}#nav[data-scope="global"]>a:not([hidden]){display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:4px;white-space:normal;text-align:center;font-size:11px;padding:7px 4px;min-height:77px;box-sizing:border-box}#nav[data-scope="global"]>a>i{flex-shrink:0}}

@media(max-width:700px){#nav[data-scope="global"]{grid-template-columns:repeat(5,minmax(0,1fr))}body.account-signed-in #nav[data-scope="global"]{grid-template-columns:repeat(4,minmax(0,1fr))}}