@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";.grade-select{color:#675b80;background:#fff;border:1px solid #e5d8f8;border-radius:14px;align-items:center;gap:12px;width:max-content;padding:10px 13px;font-size:13px;font-weight:700;display:flex}.grade-select select{color:#4c3c69;font:inherit;background:#f4effc;border:0;border-radius:8px;outline:0;padding:6px 9px}:root{color:#30274d;font-synthesis:none;background:#f8f7ff;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Baloo 2",Nunito,sans-serif}em{letter-spacing:1.1px;color:#978fa8;font-size:10px;font-style:normal;font-weight:800}.brand{color:#fff;background:0 0;align-items:center;gap:8px;padding:0;font-size:19px;font-weight:800;display:flex}.primary{color:#fff;background:linear-gradient(135deg,#6e61ea,#9f7df1);border-radius:13px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #7764df44}.outline{color:#fff;background:#ffffff18;border:1px solid #ffffff48;border-radius:13px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:inline-flex}.chip{color:#d89028;background:#fff1d9;border-radius:99px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.welcome{color:#fff;background:linear-gradient(130deg,#443182,#7861d3 55%,#9a79e2);grid-template-columns:.9fr 1.1fr;min-height:100vh;display:grid;overflow:hidden}.welcome>section:first-child{z-index:1;padding:9vw max(6vw,38px);position:relative}.welcome>section:first-child>em{color:#d9cfff;margin-top:65px;display:block}.welcome h1{margin:16px 0;font-size:clamp(48px,6vw,78px);line-height:1}.welcome h1 b,.shop>section h1 b{color:#ffd675}.welcome section>p{color:#e3dcff;max-width:470px;font-size:17px;line-height:1.65}.actions{flex-wrap:wrap;gap:10px;margin:31px 0 17px;display:flex}.welcome small{color:#d9d1f2;align-items:center;gap:5px;font-size:12px;display:flex}.welcome-map{align-items:center;display:flex;position:relative;overflow:hidden}.welcome-map img{object-fit:cover;border-radius:55% 0 0 55%;width:113%;height:100%;box-shadow:-25px 0 60px #26145690}.float-card{color:#4f476a;background:#fff;border-radius:14px;gap:8px;padding:12px 15px;display:flex;position:absolute;bottom:13%;left:7%;box-shadow:0 10px 30px #2116526b}.float-card span{font-size:11px;display:grid}.float-card small{color:#958da6}.app{background:#f8f7ff;min-height:100vh;display:flex}.side{color:#fff;background:linear-gradient(#4b398e,#3a2c76);flex-direction:column;flex:none;width:250px;padding:28px 15px 17px;display:flex}.mini{align-items:center;gap:10px;padding:27px 8px 21px;display:flex}.mini>span{background:linear-gradient(145deg,#ffe2aa,#ff99b6);border-radius:14px;place-items:center;width:42px;height:42px;font-size:25px;display:grid;box-shadow:0 5px 15px #160b4d80}.mini b,.mini small{font-size:13px;display:block}.mini small{color:#c3bbe2;font-size:10px}.side nav{gap:4px;display:grid}.side nav button{color:#cec6e8;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;padding:12px;font-weight:800;display:flex}.side nav button.active,.side nav button:hover{color:#fff;background:#ffffff15;box-shadow:inset 3px 0 #ffd36c}.side-bottom{gap:7px;margin-top:auto;display:grid}.side-bottom p{color:#ffd76d;background:#ffffff12;border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:5px;padding:9px;font-size:13px;display:grid}.side-bottom p svg{width:17px}.side-bottom p b{color:#fff}.side-bottom p small{color:#c4bcdf;font-size:10px}.side-bottom p:nth-child(2){color:#c2b7ff}.side-bottom>button{text-align:left;color:#c6bee0;background:0 0;padding:7px;font-size:11px}.main{width:calc(100% - 250px);max-width:1440px;padding:36px clamp(22px,4vw,58px) 65px}.top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.top h2{font-size:29px;line-height:1.2}.share{color:#756b87;background:#fff;border:1px solid #ebe7f3;border-radius:11px;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.dashboard{grid-template-columns:1.15fr 1fr 1fr;gap:15px;display:grid}.hero{color:#fff;background:linear-gradient(125deg,#6b61e5,#a680ed);border-radius:24px;grid-column:span 2;align-items:center;min-height:238px;padding:29px 34px;display:flex;position:relative;overflow:hidden}.hero .chip{color:#fff;background:#ffffff20}.hero h1{margin:9px 0 5px;font-size:36px;line-height:1.05}.hero p{color:#e8e4ff;margin-bottom:18px;font-size:13px}.hero .primary{color:#65c;box-shadow:none;background:#fff}.hero>strong{background:radial-gradient(circle at 35% 25%,#fff1c8,#ff9fb7 58%,#e66f9d);border-radius:48% 52% 45% 55%;place-items:center;width:220px;height:220px;font-size:105px;display:grid;position:absolute;bottom:-22px;right:4%;transform:rotate(-7deg);box-shadow:inset -16px -17px 30px #b9518e7a}.daily,.stat,.journey,.leaders{background:#fff;border:1px solid #eee9f7;border-radius:19px;box-shadow:0 8px 22px #544a7d0a}.daily{padding:21px;position:relative}.daily h3,.leaders h3{font-size:17px}.daily>b{color:#d28d32;background:#fff1dc;border-radius:99px;padding:4px 7px;font-size:10px;position:absolute;top:21px;right:19px}.daily>b.success{color:#46a16a;background:#e4f6ea}.daily>i{background:#efecf7;border-radius:99px;height:8px;margin:21px 0 8px;display:block;overflow:hidden}.daily>i span{border-radius:inherit;background:linear-gradient(90deg,#7b68e9,#b18ffb);height:100%;display:block}.daily h2{color:#675ad5;font-size:29px}.daily h2 small{color:#6e667b;margin-left:5px;font:700 11px Nunito}.daily p{color:#857c96;margin:9px 0;font-size:11px}.daily button{color:#6c60da;background:0 0;align-items:center;padding:0;font-size:11px;font-weight:800;display:flex}.stat{padding:21px}.stat>span{color:#e29e36;background:#fff3dd;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.stat:nth-of-type(4)>span{color:#7465e4;background:#ece9ff}.stat p{color:#898196;margin-top:12px;font-size:12px;font-weight:800}.stat h2{font-size:29px;line-height:1.1}.stat small{color:#a29aac;font-size:10px}.journey{grid-column:span 2;padding:21px}.journey>div:nth-child(2){align-items:center;margin:22px 2px 11px;font-size:23px;display:flex}.journey i{background:#ded8f4;flex:1;height:2px;margin:0 8px}.journey p{color:#827a95;font-size:11px}.leaders{grid-area:3/3;padding:20px}.leaders>p{align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.leaders>p>b{background:#f1edf7;border-radius:6px;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.leaders>p span{background:#f8e7ed;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.leaders>p small{color:#958da4;margin-left:auto}.learn{max-width:880px}.tabs{border-bottom:1px solid #e8e4f2;margin-bottom:18px}.tabs button{color:#9a92a8;background:0 0;border-bottom:3px solid #0000;margin-right:16px;padding:10px 4px 12px;font-weight:800}.tabs button.on{color:#6759d5;border-color:#7666e9}.tabs button b{background:#f0edfa;border-radius:5px;padding:2px 4px;font-size:10px}.learn-banner{background:linear-gradient(105deg,#f2efff,#e6f6ff);border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:22px 25px;display:flex}.learn-banner h3{margin:7px 0 2px;font-size:21px}.learn-banner p{color:#817993;font-size:12px}.learn-banner>b{color:#6659d7;text-align:center;font:800 36px/1 "Baloo 2"}.learn-banner>b small{color:#8d85a0;font:700 10px Nunito;display:block}.question-list{gap:12px;display:grid}.question{background:#fff;border:1px solid #eee9f7;border-radius:17px;padding:19px 21px;box-shadow:0 6px 16px #554a7d08}.question>div{align-items:center;gap:8px;display:flex}.question>div>b{color:#a49ab8;font-family:"Baloo 2"}.question>div>span{color:#6d5fc7;background:#efebff;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:800}.question>div>i{margin-left:auto;font-size:10px;font-style:normal;font-weight:800}.right{color:#43a36c}.wrong{color:#d45f65}.question h3{margin:12px 0;font-size:17px}.question section{grid-template-columns:1fr 1fr;gap:7px;display:grid}.question section button{color:#625a70;text-align:left;background:#faf9fd;border:1px solid #ebe8f2;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.question section button>b{color:#9189a1;background:#eeecf5;border-radius:5px;padding:3px 5px;font-size:9px}.question section button.correct{color:#37875a;background:#eff9f3;border-color:#95d5aa}.question section button.wrong-btn{background:#fff0f1;border-color:#f2a8ac}.question>p{color:#7e7590;background:#faf8ff;border-radius:7px;align-items:center;gap:4px;margin-top:10px;padding:7px;font-size:10px;display:flex}.finish{margin-top:15px}.map-banner{border-radius:22px;height:280px;position:relative;overflow:hidden}.map-banner img{object-fit:cover;width:100%;height:100%}.map-banner>div{color:#fff;background:linear-gradient(90deg,#26165fbd,#26165f10);padding:35px;position:absolute;inset:0}.map-banner .chip{color:#fff;background:#ffffff23}.map-banner h1{margin:8px 0 3px;font-size:34px}.map-banner p{color:#e5e0ff;font-size:13px}.lands{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.lands button{color:#aaa2b2;text-align:left;opacity:.7;background:#fff;border:1px solid #ede9f3;border-radius:13px;align-items:center;gap:8px;padding:10px;display:flex}.lands button.open{opacity:1;color:#4d4560}.lands button>strong{background:#f4efff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.lands button span{flex:1}.lands button span b,.lands button span small{display:block}.lands button span b{font-size:12px}.lands button span small{color:#9c94a7;font-size:9px}.lands button.open svg{color:#7568df}.characters{gap:20px;display:grid}.stage{background:linear-gradient(120deg,#fff1e1,#f5e9ff);border-radius:24px;align-items:center;gap:35px;min-height:290px;padding:28px 35px;display:flex}.stage>strong{background:radial-gradient(circle at 35% 22%,#fff9d7,#ffcfbe 55%,#d599d7);border-radius:45% 55% 53% 47%;place-items:center;width:218px;height:218px;font-size:106px;display:grid;box-shadow:inset -15px -15px 28px #b878b45c}.stage.cute>strong{background:radial-gradient(circle at 35% 22%,#fff9ef,#ffb7d5 62%,#d783bf)}.stage.cool>strong{background:radial-gradient(circle at 35% 22%,#d9f8ff,#7fa9ff 57%,#6554cc)}.stage h1{margin:7px 0;font-size:38px}.stage>div>p{color:#827991;font-size:13px}.xp{width:min(380px,100%);margin:15px 0!important}.xp b{float:right;color:#6c60cc;font-size:11px}.xp i{clear:both;background:#e3deeb;border-radius:9px;height:8px;margin-top:6px;display:block}.xp em{border-radius:inherit;background:#7666e4;width:40%;height:100%;display:block}.routes p{margin-bottom:7px!important;font-size:11px!important}.routes button{color:#675c76;background:#fff;border:1px solid #e5dfe9;border-radius:8px;margin-right:5px;padding:8px;font-size:11px;font-weight:800}.section-head{justify-content:space-between;align-items:start;display:flex}.section-head h3{font-size:19px}.section-head>span{color:#ca8b2a;background:#fff;border:1px solid #f1e7cf;border-radius:9px;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:800;display:flex}.role-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px;display:grid}.role-grid button{color:#554b63;background:#fff;border:1px solid #eee9f3;border-radius:13px;flex-direction:column;align-items:center;min-height:105px;padding:10px;display:flex}.role-grid button.chosen{background:#f8f6ff;border:2px solid #8475ec}.role-grid strong{font-size:32px}.role-grid b{font-size:11px}.role-grid small{color:#9c94a8;align-items:center;gap:2px;margin-top:2px;font-size:9px;display:flex}.compose{background:linear-gradient(100deg,#f0edff,#e4f6f2);border-radius:17px;align-items:center;gap:10px;padding:14px;display:flex}.compose>span,.feed article>header>span{background:#ffe6c7;border-radius:12px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.compose>div{flex:1}.compose b{font-size:12px}.compose p{gap:5px;margin-top:5px;display:flex}.compose p button{color:#746b82;background:#ffffffa8;border-radius:7px;padding:5px;font-size:9px}.feed{grid-template-columns:1fr 245px;gap:14px;margin-top:15px;display:grid}.feed article,.feed aside{background:#fff;border:1px solid #eee9f7;border-radius:18px;padding:17px}.feed article>header{align-items:center;gap:8px;display:flex}.feed article>header div{display:grid}.feed article>header b{font-size:12px}.feed article>header small{color:#9d95aa;font-size:10px}.post-ach{color:#fff;background:linear-gradient(135deg,#695ad0,#9c78e2);border-radius:14px;align-items:center;gap:12px;margin-top:13px;padding:16px;display:flex}.post-ach>strong{font-size:55px}.post-ach>div{flex:1}.post-ach em{color:#e4ddff;font-size:9px}.post-ach b{font:800 39px/1 "Baloo 2";display:block}.post-ach small{color:#e5defe;font-size:9px}.feed article>p{margin:12px 0;font-size:12px}.feed article footer{border-top:1px solid #efedf3;border-bottom:1px solid #efedf3;gap:12px;padding:8px 0;display:flex}.feed article footer button{color:#82798d;background:0 0;gap:4px;font-size:11px;display:flex}.feed article footer small{color:#958da3;margin-left:auto;font-size:10px}.comment-list{gap:6px;padding:10px 0;display:grid}.comment-list p{border-radius:7px;padding:7px;background:#f7f5fb!important;margin:0!important;font-size:10px!important}.comment-input{align-items:center;gap:6px;display:flex}.comment-input input{background:#faf9fd;border:1px solid #ebe8f0;border-radius:8px;outline:none;flex:1;padding:8px;font-size:10px}.comment-input button{color:#6f62dc;background:0 0}.feed aside h3{font-size:16px}.feed aside>p{align-items:center;gap:7px;margin:12px 0;display:flex}.feed aside>p>span{background:#f7ebef;border-radius:8px;padding:5px}.feed aside>p b{flex:1;font-size:11px}.feed aside>p small{color:#9b94a6;font-size:9px;font-weight:400;display:block}.feed aside>p button{background:#fff2d9;border-radius:7px;padding:5px}.feed aside>small{color:#766e84;background:#f5f3fb;border-radius:8px;padding:8px;font-size:9px;display:block}.shop>section{color:#fff;background:linear-gradient(115deg,#332a6a,#6d53bc);border-radius:22px;justify-content:space-between;align-items:center;min-height:205px;padding:27px 34px;display:flex}.shop>section h1{margin:9px 0;font-size:34px;line-height:1.05}.shop>section p{color:#dad2f5;font-size:12px}.shop>section .chip{color:#fff;background:#ffffff20}.shop>section>svg{color:#f4d676}.shop>.section-head{margin-top:21px}.song-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.song-grid article{background:#fff;border:1px solid #eee9f7;border-radius:16px;padding:12px}.song-grid article>div{color:#fff;border-radius:11px;place-items:center;height:110px;display:grid;position:relative}.song-grid article>div>b{font-size:11px;position:absolute;top:8px;left:10px}.song-grid h3{margin:9px 0 1px;font-size:13px}.song-grid small{color:#968ea4;font-size:9px}.song-grid footer{gap:5px;margin-top:8px;display:flex}.song-grid footer button{color:#766d85;background:#f2f0f8;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:9px;font-weight:800;display:flex}.song-grid footer button:last-child{color:#c2872e;background:#fff1d8}.rights{color:#856d49;background:#fffaf1;border-radius:10px;align-items:center;gap:6px;margin-top:14px;padding:10px;font-size:10px;display:flex}.modal{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b205c9c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal>article{background:#fff;border-radius:22px;grid-template-columns:.8fr 1.2fr;width:min(760px,100%);animation:.3s ease-out pop;display:grid;position:relative;overflow:hidden}.modal .x{color:#6b6379;z-index:2;background:#ffffffc9;border-radius:8px;padding:6px;position:absolute;top:10px;right:10px}.modal>article>section{color:#fff;background:linear-gradient(145deg,#65b9eb,#a7e0ff 48%,#edcb79);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.modal>article>section strong{font-size:125px}.modal>article>section small{font-family:"Baloo 2";font-weight:700}.modal>article>div{padding:42px 30px}.modal h2{margin:8px 0;font-size:29px}.modal>article>div>p{color:#817991;font-size:12px}.modal nav{grid-template-columns:repeat(4,1fr);gap:8px;margin:23px 0;display:grid}.modal nav button{color:#938aa2;background:#f0edf7;border-radius:10px;height:42px;font-weight:800}.modal nav button.now{color:#fff;background:#7968e4}.modal nav button.done{color:#48a26c;background:#ddf4e6}.modal aside{background:#f8f7fb;border-radius:12px;padding:13px}.modal aside em{color:#7668d8}.modal aside h3{margin:2px 0;font-size:16px}.modal aside p{margin-bottom:8px!important;font-size:10px!important}.modal aside .primary{padding:8px 9px;font-size:10px}@keyframes pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.toast{z-index:10;color:#fff;background:#342a62;border-radius:11px;align-items:center;gap:6px;padding:10px 13px;font-size:11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #21174861}.teacher{background:#f7f8fc;min-height:100vh;display:flex}.teacher>aside{color:#fff;background:#293459;flex-direction:column;width:240px;padding:27px 15px;display:flex}.teacher>aside>em{color:#acb9db;margin:29px 8px 10px}.teacher-user{align-items:center;gap:8px;padding:10px 8px 20px;display:flex}.teacher-user>b{font-size:13px}.teacher-user small{color:#adbadc;font-size:10px;font-weight:400;display:block}.teacher>aside>button{color:#bfcae5;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-weight:800;display:flex}.teacher>aside>button.active,.teacher>aside>button:hover{color:#fff;background:#ffffff12}.teacher .exit{margin-top:auto}.teacher>section{width:calc(100% - 240px);max-width:1440px;padding:36px clamp(22px,4vw,58px)}.teacher>section>header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.teacher h1{font-size:29px}.report{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report article{background:#fff;border:1px solid #ebeaf0;border-radius:15px;padding:16px}.report article svg{color:#7667e0}.report p{color:#898194;margin-top:10px;font-size:11px}.report h2{font-size:27px}.report small{color:#53a277;font-size:9px}.teacher-grid{grid-template-columns:1.3fr .8fr;gap:14px;margin-top:14px;display:grid}.chart,.mistakes,.upload,.table,.student,.moderate,.safe{background:#fff;border:1px solid #ebeaf0;border-radius:16px;padding:19px}.chart h3,.mistakes h3,.table h3{font-size:18px}.chart>div{justify-content:space-around;align-items:end;gap:11px;height:215px;padding-top:18px;display:flex}.chart>div p{text-align:center;flex:1;grid-template-rows:1fr 16px 14px;align-items:end;height:100%;display:grid}.chart i{background:linear-gradient(#9384f2,#695bd8);border-radius:6px 6px 2px 2px;align-self:end;display:block}.chart b{color:#7068bf;font-size:9px}.chart small{color:#9b94a6;font-size:9px}.mistakes p{border-top:1px solid #efedf2;grid-template-columns:90px 1fr 58px;gap:6px;padding:11px 0;font-size:10px;display:grid}.mistakes span{color:#8b8497}.mistakes em{color:#d15c75;text-align:right;font-style:normal}.manager{gap:13px;display:grid}.upload{background:#fbfaff;border:2px dashed #c9c2ea;justify-content:space-between;align-items:center;min-height:160px;display:flex}.upload>div>b{color:#7568dc;background:#eae6ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.upload h3{margin:7px 0 2px}.upload p{color:#887f99;font-size:11px}.table{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;margin-top:9px;font-size:11px}th{color:#9a93a7;font-size:9px}th,td{border-bottom:1px solid #f0edf3;padding:10px 5px}.student{justify-content:space-between;align-items:center;display:flex}.student>div{align-items:center;gap:12px;display:flex}.student>div>strong{background:#fee9cb;border-radius:17px;place-items:center;width:62px;height:62px;font-size:34px;display:grid}.student h2{font-size:23px}.student h2 small{color:#91899f;font:700 12px Nunito}.student span{color:#837b92;font-size:11px}.student aside{background:#f8f6fb;border-radius:10px;padding:10px}.student aside>b{font-size:11px}.student aside p{gap:5px;margin:6px 0;display:flex}.student aside p button{color:#766d85;background:#fff;border:1px solid #e4dfee;border-radius:7px;padding:7px;font-size:10px}.student aside small{color:#9991a5;font-size:9px}.moderate h3{margin:4px 0 13px}.moderate>p{background:#faf9fd;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.moderate>p span{flex:1;font-size:11px}.moderate>p span small{color:#9991a6;margin-top:3px;font-size:9px;display:block}.moderate>p button{color:#c85a62;background:#ffeaeb;border-radius:7px;padding:7px;font-size:10px;font-weight:800}.moderate>p.removed{opacity:.5}.safe{background:#eef9f3;border-color:#d6f0e0;align-items:center;gap:12px;display:flex}.safe svg{color:#39a068}.safe h3{font-size:16px}.safe p{color:#628170;margin-top:3px;font-size:11px}@media (width<=950px){.side{width:70px;padding:25px 9px}.side .brand{justify-content:center;font-size:0}.mini{padding:25px 3px}.mini div,.side nav span,.side-bottom small,.side-bottom>b,.side-bottom>button{display:none}.side nav button{justify-content:center;padding:12px}.side-bottom p{place-items:center;padding:8px;display:grid}.main{width:calc(100% - 70px)}.teacher>aside{width:66px;padding:20px 8px}.teacher>aside .brand{justify-content:center;font-size:0}.teacher>aside em,.teacher-user b,.teacher>aside>button{justify-content:center;padding:12px;font-size:0}.teacher>section{width:calc(100% - 66px)}}@media (width<=700px){.welcome{grid-template-columns:1fr}.welcome>section:first-child{padding:44px 27px 28px}.welcome>section:first-child>em{margin-top:36px}.welcome-map{height:270px}.welcome-map img{border-radius:45% 45% 0 0;width:100%}.float-card{bottom:18px;left:24px}.main{padding:24px 17px 90px}.side{z-index:4;background:#3b2e77;width:100%;height:66px;padding:6px;display:block;position:fixed;bottom:0;left:0;right:0}.side .brand,.side .mini,.side-bottom{display:none}.side nav{justify-content:space-around;display:flex}.side nav button{min-width:0;padding:9px}.top h2{font-size:22px}.share{padding:9px;font-size:0}.dashboard{grid-template-columns:1fr 1fr}.hero,.daily,.journey,.leaders{grid-area:auto/span 2}.hero{padding:24px}.hero h1{font-size:29px}.hero>strong{width:150px;height:150px;font-size:71px;bottom:-15px;right:-18px}.question section{grid-template-columns:1fr}.lands{grid-template-columns:1fr 1fr}.stage{align-items:flex-start;gap:15px;padding:22px}.stage>strong{width:135px;height:135px;font-size:65px}.stage h1{font-size:27px}.stage .routes button{margin-bottom:5px}.feed{grid-template-columns:1fr}.feed aside{display:none}.song-grid{grid-template-columns:1fr}.modal>article{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal>article>section{min-height:150px}.modal>article>section strong{font-size:70px}.modal>article>div{padding:24px}.report{grid-template-columns:1fr 1fr}.teacher-grid{grid-template-columns:1fr}.teacher>section{padding:24px 15px}.teacher h1{font-size:23px}.teacher>section>header .primary{padding:10px;font-size:0}.teacher>section>header .primary svg{margin:0}.student{flex-direction:column;align-items:flex-start;gap:13px}.upload{flex-direction:column;align-items:flex-start}.welcome h1{font-size:50px}}