@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#25233b;background:#f7f8fc;font-synthesis:none;--purple:#6046e8;--muted:#7d7a91;--line:#e9e8f0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7aaff;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:34px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:white}.brand{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.brand span{color:var(--purple)}.logo{display:grid;place-items:center;width:37px;height:41px;background:var(--purple);color:#fff!important;border-radius:12px;transform:rotate(-5deg)}.logo svg{width:24px}.side-label{font-size:10px;font-weight:700;color:#aaa6bc;letter-spacing:1.8px;margin:46px 13px 15px}.nav{padding:13px 16px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;border-radius:11px;color:#817d94;margin-bottom:7px}.nav.active{background:#f0edff;color:var(--purple)}.nav:hover{background:#f6f4ff}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar-bottom{margin-top:auto}.side-card{margin-top:30px;background:#faf9ff;border:1px solid #efebff;border-radius:16px;padding:18px;font-size:12px;color:var(--muted);line-height:1.7}.side-card strong{display:block;font-size:13px;color:#3e375d}.side-foot{font-size:10px;color:#a4a0b4;margin-top:22px;text-align:center}.workspace{min-width:0}.topbar{height:86px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#ffffffb8;gap:15px}.breadcrumb{font-size:13px;color:#9290a3}.breadcrumb strong{color:#4e4868;margin-left:9px;font-weight:500}.top-right{display:flex;align-items:center;gap:19px}.badge{font-size:11px;font-weight:600;background:#f0fbf5;color:#278259;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:30px}.dot{width:6px;height:6px;background:#46bb80;border-radius:50%;box-shadow:0 0 0 3px #46bb8019}.profile{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{background:#eeebff;border:3px solid white;color:var(--purple);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:700}.profile small{display:block;color:var(--muted);margin-top:2px}.btn{padding:12px 19px;display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--purple);color:white;font-size:13px;font-weight:600;border-radius:10px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 18px #6046e829;background:#533bd1}.btn.secondary{background:#fff;border:1px solid var(--line);color:#554d70}.btn.ghost{background:transparent;color:var(--muted);padding:9px}.btn.danger{background:#fff0f1;color:#c94960}.btn.sm{font-size:12px;padding:9px 13px}.btn.full{width:100%}.main{max-width:1360px;padding:36px 44px 25px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#91889f}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;margin:0 0 8px;letter-spacing:-.8px}.welcome p{font-size:13px;margin:0;color:var(--muted)}.smalltag{border:1px solid #e5e1ef;border-radius:8px;padding:7px 11px;font-size:10px;color:#878197;letter-spacing:1px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:20px}.hero{background:#6250df;border-radius:20px;position:relative;overflow:hidden;min-height:306px;color:white;padding:31px 33px}.hero:before{content:'';position:absolute;width:370px;height:370px;right:-165px;top:-110px;border:1px solid #ffffff1d;border-radius:50%;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff05}.hero .eyebrow{color:#ded7ff}.hero h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:37px;line-height:1.25;letter-spacing:-1.5px;position:relative;z-index:2;margin:18px 0 13px;max-width:350px}.hero h2 em{font-style:normal;color:#e5ff9c}.hero p{font-size:12px;line-height:1.8;color:#e4dfff;max-width:270px;position:relative;z-index:2}.hero .btn{background:#fff;color:#5941d6;margin-top:10px;position:relative;z-index:2}.hero-art{position:absolute;right:20px;bottom:28px;width:166px;height:190px;pointer-events:none}.art-card{position:absolute;inset:20px 5px 0;background:#b0a2ff;border:5px solid #c6bcff;border-radius:21px;transform:rotate(13deg);box-shadow:0 14px 30px #2c23794a}.art-card:before{content:'?';font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:98px;color:white;position:absolute;left:43px;top:12px}.float-chip{position:absolute;z-index:2;display:grid;place-items:center;background:#dfff99;color:#5a7540;width:51px;height:51px;border-radius:15px;transform:rotate(-13deg);box-shadow:0 7px 15px #392b6e25;animation:float 5s ease-in-out infinite}.float-chip.bottom{bottom:-8px;right:-5px;top:auto;background:#ffbc93;color:#774337;transform:rotate(14deg);animation-delay:-2s}.spark{position:absolute;right:0;top:0;color:#f4dc86;font-size:25px}.join-card{background:#fff;border:1px solid var(--line);padding:29px;border-radius:20px;display:flex;flex-direction:column}.join-icon{background:#f0edff;color:var(--purple);width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.join-card h2{font-size:19px;font-family:'Plus Jakarta Sans';margin:17px 0 8px;letter-spacing:-.5px}.join-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.join-form{display:flex;flex-direction:column;gap:12px}.code-input{text-align:center;font-size:23px;letter-spacing:9px!important;font-weight:700;background:#fafafd!important;padding:13px!important}.code-input::placeholder{font-size:13px;letter-spacing:1px;font-weight:400}.join-card small{text-align:center;font-size:10px;color:#aaa4b9;margin-top:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 17px;gap:15px}.section-heading h2{font-family:'Plus Jakarta Sans';font-size:18px;letter-spacing:-.4px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:white;border:1px solid var(--line);padding:21px;border-radius:15px;display:flex;gap:16px}.step-icon{flex-shrink:0;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#f2eeff;color:#8161dd}.step:nth-child(2) .step-icon{background:#fff1e6;color:#dc9560}.step:nth-child(3) .step-icon{background:#eaf6f3;color:#55a78d}.step h3{font-size:12px;margin:2px 0 7px}.step p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:24px}.panel{background:white;border:1px solid var(--line);padding:25px;border-radius:17px}.panel h3{margin:0;font-size:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.empty{text-align:center;padding:27px 15px 14px;color:var(--muted);font-size:12px;line-height:1.7}.empty .icon{width:31px;height:31px;margin-bottom:10px;color:#bdb6dc}.empty strong{display:block;color:#655d7c;font-size:13px;margin-bottom:4px}.tip{background:#f1eefc;border:1px solid #e7e1f9}.tip .eyebrow{color:#9081b7}.tip h3{font-family:'Plus Jakarta Sans';font-size:20px;line-height:1.5;letter-spacing:-.5px;margin:12px 0 8px}.tip p{font-size:12px;color:#8a819d;line-height:1.8}.tip a{font-size:12px;color:var(--purple);font-weight:600}.foot{display:flex;justify-content:space-between;font-size:10px;color:#a5a0b2;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.quiz-card{padding:23px;background:white;border:1px solid var(--line);border-radius:16px;transition:transform .2s}.quiz-card:hover{transform:translateY(-4px)}.quiz-card .cover{height:100px;border-radius:11px;background:linear-gradient(120deg,#f1ecff,#e4ddff);display:flex;align-items:center;justify-content:center;color:#a28ade;margin-bottom:20px}.cover .icon{width:43px;height:43px}.quiz-card:nth-child(3n+2) .cover{background:#fff0e4;color:#dea677}.quiz-card:nth-child(3n+3) .cover{background:#e6f4ee;color:#7cb89e}.quiz-card h3{font-size:16px;margin:12px 0 8px}.quiz-card p{font-size:12px;color:var(--muted);line-height:1.7}.tag{font-size:10px;border-radius:5px;padding:5px 7px;background:#f1eff9;color:#897b9c}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.room-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.room-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.overlay{position:fixed;inset:0;background:#21193866;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.dialog{background:white;border-radius:21px;padding:30px;width:430px;max-width:100%;max-height:90vh;overflow:auto;animation:enter .25s ease}.dialog h2{font-family:'Plus Jakarta Sans';font-size:24px;margin:20px 0 8px}.dialog p{font-size:13px;color:var(--muted);line-height:1.7}.close{float:right;background:#f3f1f8;border-radius:50%;width:29px;height:29px;color:#7c7391}.field{display:block;font-size:12px;font-weight:600;margin:17px 0;color:#6c637e}.field input,.field select,.field textarea{margin-top:8px}input,textarea,select{width:100%;background:#fff;border:1px solid #e2deec;border-radius:9px;padding:12px;color:#332c48;outline:none;letter-spacing:0}input:focus,textarea:focus,select:focus{border-color:#a694ef}textarea{resize:vertical;min-height:85px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#2e2646;color:white;border-radius:12px;padding:14px 22px;font-size:13px;z-index:60;box-shadow:0 5px 25px #26164c30;opacity:0;pointer-events:none;transition:all .2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.error{color:#c74e68;font-size:12px;padding:10px 0}.editor{max-width:850px;margin:auto}.question-editor{margin:20px 0}.question-editor h3{display:flex;align-items:center;justify-content:space-between;font-size:14px}.options-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-field{display:flex;align-items:center;gap:9px}.option-field input[type=radio]{width:17px;accent-color:var(--purple)}.toolbar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.room-layout{display:grid;grid-template-columns:1fr 275px;gap:20px}.room-main{min-height:470px}.room-code{font-family:'Plus Jakarta Sans';font-size:58px;letter-spacing:12px;color:var(--purple);font-weight:800;margin:26px 0;overflow-wrap:anywhere}.lobby{text-align:center;padding:40px 20px}.lobby h2{font-size:27px;margin:20px 0 12px}.lobby p{font-size:13px;color:var(--muted);line-height:1.8}.orbit{width:60px;height:60px;background:#f0eaff;border-radius:20px;margin:auto;display:grid;place-items:center;color:var(--purple);animation:float 4s ease-in-out infinite}.orbit .icon{width:30px;height:30px}.leader{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.leader .rank{background:#f6f3ff;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#9783b9;font-weight:700}.leader b{margin-left:auto;color:var(--purple)}.leader.mine{color:var(--purple)}.q-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.timer{font-size:23px;color:var(--purple);font-weight:700}.progress{height:5px;background:#efebf8;border-radius:10px;margin:16px 0 32px;overflow:hidden}.progress div{height:100%;background:#a191ef;transition:width .25s linear}.prompt{font-family:'Plus Jakarta Sans';font-size:26px;line-height:1.55;letter-spacing:-.6px;margin:20px 0 28px;white-space:pre-wrap}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{border:1px solid #e8e1f4;background:#faf8ff;padding:19px;text-align:left;border-radius:12px;display:flex;gap:13px;align-items:center;color:#605472;transition:transform .2s,border-color .2s;line-height:1.6;font-size:14px}.answer:hover{transform:translateY(-2px);border-color:#b09fe8}.answer:nth-child(2){background:#f4f8ff}.answer:nth-child(3){background:#fff8f2}.answer:nth-child(4){background:#f3fbf7}.answer.selected{border:2px solid var(--purple);padding:18px}.answer.correct{background:#e1f7e9;border-color:#77bb91}.answer-letter{background:white;border-radius:7px;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:12px}.feedback{padding:17px;background:#f0edfc;color:#796398;border-radius:10px;font-size:13px;margin-top:20px;line-height:1.8;white-space:pre-wrap}.connection{font-size:11px;color:#948aa4;margin-top:14px;text-align:center}.connection.off{color:#ce7141}.statusbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:21px}.confetti{font-size:45px}.search{max-width:250px;font-size:12px}.loading{padding:70px;text-align:center;color:var(--muted);font-size:13px}.main>*,.quiz-card{animation:enter .45s ease both}.main>*:nth-child(2){animation-delay:.05s}.main>*:nth-child(3){animation-delay:.1s}.main>*:nth-child(4){animation-delay:.15s}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(min-width:1450px){.hero h2{font-size:43px}.hero-art{right:45px;width:180px}.hero{padding:36px}}@media(max-width:1150px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:30px 16px}.main{padding:28px}.topbar{padding:0 28px}.hero-art{opacity:.6;right:-30px}.hero h2{font-size:32px}.hero-grid{grid-template-columns:1.25fr 1fr}.step{padding:15px;gap:10px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;flex-direction:row;align-items:center;padding:18px 24px;gap:20px;border-bottom:1px solid var(--line)}.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-left:auto;gap:5px}.nav{margin:0;padding:10px}.nav span{display:none}.topbar{height:65px}.hero-art{right:10px}.room-layout{grid-template-columns:1fr}.room-layout aside{order:2}.hero h2{font-size:35px}}@media(max-width:650px){.main{padding:24px 18px}.topbar{padding:0 18px}.topbar .badge,.profile small,.smalltag{display:none}.top-right{gap:5px}.hero-grid,.lower-grid{grid-template-columns:1fr}.hero{min-height:304px;padding:27px}.hero h2{font-size:34px;max-width:290px}.hero-art{right:-5px;bottom:30px;width:140px;opacity:.55}.hero p{max-width:245px}.welcome h1{font-size:23px}.steps{grid-template-columns:1fr}.step{padding:17px}.step p{font-size:12px}.cards{grid-template-columns:1fr}.answer-grid,.options-editor{grid-template-columns:1fr}.room-code{font-size:39px;letter-spacing:8px}.prompt{font-size:22px}.panel{padding:20px}.foot{font-size:9px}.sidebar{padding:16px 18px;gap:10px}.brand{font-size:22px}.statusbar{flex-wrap:wrap}.section-heading{flex-wrap:wrap}.dialog{padding:25px}.search{max-width:100%}.lobby{padding:30px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mode-section{padding:22px;background:#f8faff;border:1px solid #e0e7f4;border-radius:20px;margin-bottom:22px}.mode-section h3{margin:0;font-size:16px}.mode-section .section-heading>span{font-size:12px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mode-card{display:flex;gap:14px;padding:22px 17px;border:2px solid #dfe5f0;border-radius:20px;background:#fff;cursor:pointer;position:relative}.mode-card:has(input:checked){border-color:#6755fa;box-shadow:0 0 0 5px #eeecff}.mode-card>input{position:absolute;opacity:0;width:1px}.mode-card:focus-within{outline:3px solid #c0b6ff}.mode-card small{color:#6859e9;font-weight:700}.mode-card strong{display:block;font-size:20px;margin-top:9px;color:#252b3d}.mode-card p{font-size:13px;color:#7b879c;line-height:1.7;margin:9px 0 0}.mode-symbol{width:46px;height:50px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#eff0ff;color:#6755fa}.checkline{font-size:13px;display:flex;gap:10px;align-items:center;margin:14px 0}.checkline input{width:17px;accent-color:var(--purple)}.helper{font-size:12px;color:var(--muted);line-height:1.8}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-settings{margin:22px 0;padding:20px;border-radius:14px;background:#faf9ff}.mode-filters{display:flex;gap:6px;flex-wrap:wrap}.mode-filter{background:white;color:#8d809e;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:11px}.mode-filter.active{color:var(--purple);background:#f0ecff;border-color:#d5ccff}.question-dots{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.question-dot{width:34px;height:34px;border:1px solid #e5ddf1;background:#faf8ff;color:#9a8fa9;border-radius:8px}.question-dot.active{background:var(--purple);color:white}.play-stats{display:grid;grid-template-columns:auto auto;gap:15px;align-items:center;margin:30px 0}.play-stats strong{font-size:28px;color:var(--purple)}.play-stats span{font-size:10px;color:var(--muted)}.success-feedback{background:#e8f9ef;color:#318455}.study-ranking{max-width:430px;margin:25px auto}.wide-dialog{width:800px}.result-row{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.result-row p{margin:7px 0}.result-row details{font-size:12px;color:var(--muted)}.feedback-pop{animation:feedbackPop .4s ease}@keyframes feedbackPop{50%{transform:scale(1.012)}}.drawing-wrap{border:1px solid #d9d1e9;border-radius:13px;overflow:hidden;background:white}.drawing-tools{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line);background:#faf9fe;flex-wrap:wrap}.drawing-tools input[type=color]{width:42px;padding:2px;height:32px}.drawing-tools input[type=range]{width:100px;padding:0}.draw-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;background:white}.draw-preview{width:100%;max-width:650px;border:1px solid var(--line);border-radius:10px}.essay-answer{min-height:180px}.import-destination{display:flex;gap:15px}.review-block{background:#faf9fe;padding:18px;border-radius:12px;margin-top:12px}.review-block textarea{min-height:60px}.grade-controls{display:flex;gap:10px;align-items:center;margin-top:12px}.grade-controls input{max-width:100px}.type-description{font-size:11px;color:#a092ad}.q-type{max-width:280px}.draw-caption{padding:12px;background:#f8f6ff;border-radius:8px;font-size:12px}.mode-section[hidden],.mode-settings[hidden],#json-editor[hidden],#visual-editor[hidden]{display:none!important}@media(max-width:1150px){.mode-grid{grid-template-columns:1fr}.mode-card strong{font-size:19px}.mode-card p{margin-top:5px}.mode-card{padding:17px}.mode-section{padding:18px}}@media(max-width:650px){.setting-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topbar .breadcrumb{display:none}.topbar .top-right{width:100%;justify-content:flex-end}.topbar .top-right>.btn{font-size:11px}.mode-card strong{font-size:18px}}
.assignment-list{margin-bottom:24px}.assignment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.assignment-stats h2{font-size:34px;color:var(--primary)}.assignment-stats p{margin-bottom:0}.assignment-stats~.panel{margin-bottom:24px}@media(max-width:650px){.assignment-stats{grid-template-columns:1fr}.assignment-list .section-heading{display:block}}
.exam-shell{min-height:100dvh;background:#f7f8fc}.exam-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100vw - 1060px)/2));background:#fff;border-bottom:1px solid var(--line)}.exam-user{display:flex;align-items:center;gap:10px;min-width:0;font-size:16px}.exam-user strong{overflow-wrap:anywhere}.exam-user .avatar{flex-shrink:0}.exam-main{width:100%;max-width:1060px;padding:28px 24px 40px}.exam-title{margin-bottom:20px}.exam-title h1{font-size:24px;line-height:1.4;margin:8px 0}.exam-layout{grid-template-columns:minmax(0,1fr)}.exam-main .room-main{min-height:0}.exam-main .field,.exam-main .helper,.exam-main .btn{font-size:16px}.exam-main .answer{font-size:16px}.close{display:grid;place-items:center}.close .icon{width:18px;height:18px}@media(max-width:650px){.exam-header{padding:16px;gap:16px;align-items:flex-start}.exam-header .brand{font-size:20px}.exam-header .logo{width:32px;height:36px}.exam-main{padding:20px 16px 32px}.exam-user{font-size:14px}.exam-user .avatar{display:none}}
.student-shell .sidebar{gap:0}.student-shell .student-badge{display:inline-block;align-self:flex-start;margin:16px 0 30px;padding:7px 12px;border-radius:9px;background:#ede9ff;color:var(--purple);font-size:14px;font-weight:700}.student-heading{font-size:16px;color:var(--purple)}.student-welcome{margin-bottom:24px}.student-welcome h1{font-size:28px;margin:10px 0}.student-join{max-width:560px;margin:0 auto 24px;padding:32px}.student-join h2{font-size:24px}.student-join p{font-size:16px;color:var(--muted);line-height:1.6}.student-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:auto}.student-shortcuts h2{font-size:20px}.student-shortcuts p{font-size:16px;color:var(--muted)}.student-shortcuts .icon{width:28px;height:28px;color:var(--purple)}.student-history{margin-top:24px}.student-shell .nav span{display:inline}.student-shell .main .welcome p{font-size:16px}.student-shell .sidebar nav{width:100%}@media(max-width:900px){.student-shell .sidebar{flex-wrap:wrap;gap:12px}.student-shell .student-badge{margin:0}.student-shell .sidebar nav{display:flex;justify-content:center}.student-shell .nav{flex:1;justify-content:center;font-size:14px;padding:12px 8px}.student-shell .sidebar nav{margin:0}.student-shell .nav .icon{width:18px;height:18px}}@media(max-width:650px){.student-shortcuts{grid-template-columns:1fr}.student-join{padding:24px}.student-welcome h1{font-size:24px}.student-shell .topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:15px 18px}.student-shell .student-heading{display:none}}