@font-face{font-family:Outfit;src:url('/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Outfit,'Segoe UI',sans-serif;color:#252531;background:#eaf7ff;--side:244px;--violet:#794cf2;--muted:#70717c;--line:#e7e7ed}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:3px solid #875be6;outline-offset:4px}svg{width:23px;height:23px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;left:20px;top:10px;padding:12px;background:white}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#f7f7f9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 14px 20px;z-index:10;transition:width .2s}.sidebar-head{display:flex;align-items:center;gap:10px;margin:0 2px 48px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:#7a50ed;color:white;font-size:26px;font-weight:700;width:36px;height:36px;border-radius:12px;letter-spacing:-2px;padding-right:3px}.brand-copy{font-weight:700;font-size:18px;letter-spacing:-.6px}.brand-copy>span,.mobile-brand>span{color:#7a50ed}.icon-button{border:0;background:transparent;color:#777581;display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px}.icon-button:hover{background:#eceaf1}.sidebar-head .icon-button{margin-left:auto;min-width:32px;width:32px}.nav-caption{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#90909c;margin:0 14px 16px}.nav-item{display:flex;align-items:center;gap:13px;height:49px;padding:0 14px;border-radius:12px;margin-bottom:6px;font-size:14px;color:#64636f;transition:background .16s,color .16s}.nav-item:hover{background:#eeeeF3}.nav-item[aria-current=page]{background:#eae3fa;color:#7147d4;font-weight:600}.nav-icon{display:grid;place-items:center}.nav-item[aria-current=page]::after{content:'';width:5px;height:5px;border-radius:50%;background:#8253ef;margin-left:auto}.sidebar-foot{margin-top:auto;padding:20px 9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;white-space:nowrap}.student-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ece6fa;color:#895bed}.student-mark svg{width:19px}.sidebar-foot strong{font-size:12px;font-weight:500}.sidebar-foot div>span{display:block;font-size:9px;color:#93919e;margin-top:3px}.workspace{margin-left:var(--side);height:100dvh;display:flex;flex-direction:column;transition:margin-left .2s}.shell-header{height:64px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2;padding:0 28px;gap:20px}.page-label{display:flex;align-items:center;gap:14px}.breadcrumb,.separator{font-size:12px;color:#9897a1}.page-label h1{font-size:14px;font-weight:500;margin:0}.mobile-brand{display:none}.shell-header #settings{margin-left:auto;color:#6d6b79;cursor:default}#settings[hidden]{display:none}#content{position:relative;flex:1;min-height:0;outline:none}#frames,iframe{width:100%;height:100%;border:0;display:block}iframe[hidden]{display:none}#loading{position:absolute;inset:auto 24px 16px;margin:0;padding:0;color:#526983;font-size:13px;line-height:1.5;pointer-events:none;z-index:2}#unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#edf7fd;text-align:center;padding:28px;color:#6b7183}#loading[hidden],#unavailable[hidden]{display:none}#unavailable h2{color:#303040;font-size:22px}#unavailable p{font-size:14px;max-width:320px;line-height:1.6}#retry{border:0;border-radius:12px;background:#794cf2;color:white;padding:13px 24px}.error-icon{font-size:36px;color:#8354ef}#mobile-nav{display:none}.collapsed{--side:76px}.collapsed .sidebar .brand-copy,.collapsed .sidebar .nav-caption,.collapsed .sidebar .nav-item .nav-label,.collapsed .sidebar .sidebar-foot div,.collapsed .sidebar .brand-mark{display:none}.collapsed .sidebar .sidebar-head{margin-bottom:42px;justify-content:center}.collapsed .sidebar .sidebar-head .icon-button{margin:0;width:40px}.collapsed .sidebar{padding-inline:10px}.collapsed .sidebar .nav-item{padding:0;justify-content:center}.collapsed .sidebar .nav-item[aria-current=page]::after{display:none}.collapsed .sidebar .sidebar-foot{padding-inline:10px}
@media(max-width:767px){.sidebar{display:none}.workspace,.collapsed .workspace{margin:0;height:calc(100dvh - 92px - env(safe-area-inset-bottom,0px))}.shell-header{height:55px;padding:0 19px;background:#fdfefe}.mobile-brand{display:block;font-weight:700;font-size:18px;letter-spacing:-.6px}.breadcrumb,.separator{display:none}.page-label{margin-left:auto}.page-label h1{font-size:12px;color:#767483}#settings{width:32px;min-width:32px;height:32px;margin-left:0!important}.shell-header:has(#settings:not([hidden])) .page-label{margin-right:0}.shell-header{gap:13px}#mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;z-index:20;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:66px;border-radius:20px;background:#fff;box-shadow:0 5px 25px #3d436914;border:1px solid #f0edf5;padding:0 2px}.nav-item{height:66px;min-width:0;padding:0;gap:0;margin:0;border-radius:15px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;color:#777380;font-weight:400;font-size:9px;line-height:11px;text-align:center}.nav-icon{position:absolute;top:12px;width:32px;height:27px;transition:transform .22s,color .22s}.nav-item svg{width:21px;height:21px}.nav-label{position:absolute;top:41px;max-width:54px;text-wrap:balance}.nav-item[aria-current=page]{background:transparent;color:#6940c1;font-weight:600}.nav-item[aria-current=page]::after{display:none}.nav-item[aria-current=page] .nav-icon{width:51px;height:51px;top:-23px;border:6px solid #fff;border-radius:50%;background:linear-gradient(140deg,#c5aaff 2%,#9a66fc 40%,#7945ec 72%,#af83ff);box-shadow:0 3px 3px #3c286e13,0 0 0 1px #efe9fa;color:#fff}.nav-item[aria-current=page] svg{width:23px;height:23px;stroke-width:1.9;filter:drop-shadow(0 2px 1px #51209d44);fill:#ffffff25}.nav-item[aria-current=page] .nav-label{top:34px}.nav-item:hover{background:#f6f3fc}.nav-item[aria-current=page]:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}