*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.m-1{margin:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-24{margin-left:6rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-full{width:100%;height:100%}.h-full{height:100%}.min-h-16{min-height:4rem}.w-\[400px\]{width:400px}.w-\[80px\]{width:80px}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-move{cursor:move}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-4{border-width:4px}.border-\[\#F1F1F1\]{--tw-border-opacity:1;border-color:rgb(241 241 241/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#6FB63C\]{--tw-bg-opacity:1;background-color:rgb(111 182 60/var(--tw-bg-opacity,1))}.bg-\[\#a9277c\]{--tw-bg-opacity:1;background-color:rgb(169 39 124/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(24 56 135/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-100{--tw-bg-opacity:1}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-60{--tw-bg-opacity:.6}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-5{padding-bottom:1.25rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.text-\[\#828282\]{--tw-text-opacity:1;color:rgb(130 130 130/var(--tw-text-opacity,1))}.text-\[\#FCFCFC\]{--tw-text-opacity:1;color:rgb(252 252 252/var(--tw-text-opacity,1))}.text-\[\#dfdfdf\]{--tw-text-opacity:1;color:rgb(223 223 223/var(--tw-text-opacity,1))}.text-\[\#fff\],.text-\[\#ffffff\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.opacity-100{opacity:1}.opacity-50{opacity:.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}body{margin:0;padding:0;font-family:Your preferred font,sans-serif;background-color:#183887!important}body:before{content:"";opacity:1;z-index:-1;background-position:50%;background-size:cover;position:fixed;inset:0;background-image:url(/okudio-theme/assets/image/student/images/stars.png)!important}.bg-gradient{background:linear-gradient(#40509ecc 0%,#2f59b580 20%,#09235380 100%) no-repeat padding-box padding-box;border-radius:0 50px 50px 0;box-shadow:0 3px 6px #00000029}.custom-border{border-bottom:3px solid #fff;border-image:linear-gradient(270deg,#fff0 0%,#fff 100%) 1}.custom-border-primary{border-bottom:3px solid #183887;border-image:linear-gradient(270deg,#fff 20%,#183887 80%) 1}.custom-border-pink{border-bottom:3px solid #a9277c;border-image:linear-gradient(270deg,#fff 20%,#a9277c 80%) 1}.black-and-white{filter:grayscale()}.badgeImage{border:6px solid #fcfcfc;border-radius:12px;width:200px;height:200px}.activeMenu{mix-blend-mode:screen;opacity:1;background:#183887 no-repeat padding-box padding-box}::-webkit-scrollbar{border-radius:8px;width:8px}::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:8px}@media not all and (width>=768px){.max-md\:flex-col-reverse{flex-direction:column-reverse}}@media (width>=640px){.sm\:flex-row{flex-direction:row}}@font-face{font-family:Poppins;src:url(/okudio-theme/assets/font/poppins/subset-Poppins-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/okudio-theme/assets/font/poppins/subset-Poppins-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/okudio-theme/assets/font/poppins/subset-Poppins-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/okudio-theme/assets/font/poppins/subset-Poppins-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--student-navy:#173b82;--student-navy-dark:#102b67;--student-pink:#ae2677;--student-coral:#ff4e54;--student-orange:#ff914d;--student-ink:#0c1b35;--student-soft:#f4f6ff;--student-muted:#68758c;--student-radius:clamp(24px, 2.5vw, 48px);--student-space:clamp(20px, 2.1vw, 40px);--student-header:clamp(76px, 7.9vw, 116px);--student-sidebar:clamp(280px, 20.6vw, 396px)}*{box-sizing:border-box}html{overflow-x:hidden}body{color:var(--student-ink);margin:0;background:var(--student-navy-dark)!important}body:before{display:none!important}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ffb44a}.student-app{background:var(--student-navy-dark);width:100%;max-width:1920px;min-height:100dvh;margin:0 auto;font-family:Poppins,sans-serif;display:flex;overflow-x:clip}.student-sidebar{z-index:30;flex:0 0 var(--student-sidebar);height:100dvh;padding:var(--student-space);color:#fff;background:radial-gradient(110% 90% at 20% 5%, #244d9e 0%, var(--student-navy-dark) 68%);flex-direction:column;transition:flex-basis .5s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.student-sidebar__top{height:calc(var(--student-header) - var(--student-space));align-items:center;min-height:52px;display:flex;position:relative}.student-sidebar__logo,.student-header__brand{cursor:pointer;background:0 0;border:0;padding:0}.student-sidebar__logo img{width:clamp(160px,12vw,194px);transition:width .35s,opacity .25s;display:block}.student-sidebar__collapse{cursor:pointer;background:#ffffff14;border:0;border-radius:14px;place-items:center;width:44px;height:44px;transition:background .2s,transform .3s;display:grid;position:absolute;right:0}.student-sidebar__collapse:hover{background:#ffffff29}.student-sidebar__collapse .student-icon{filter:brightness(0)invert();opacity:.72}.student-nav{align-content:start;gap:clamp(8px,1vw,16px);margin-top:clamp(24px,3vw,48px);display:grid}.student-nav__item{color:#ffffffad;isolation:isolate;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:18px;width:100%;min-width:0;min-height:54px;padding:4px;text-decoration:none;transition:color .3s;display:flex;position:relative;overflow:hidden}.student-nav__item:after{content:"";top:calc(50% + var(--hover-y,0px));left:calc(50% + var(--hover-x,0px));z-index:0;aspect-ratio:1;opacity:0;pointer-events:none;background:#fff3;border-radius:50%;height:50%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .12s;position:absolute;transform:translate(-50%,-50%)scale(0)}.student-nav__item:hover:not(:disabled){color:#fff}.student-nav__item:hover:not(:disabled):after,.student-nav__item:focus-visible:not(:disabled):after{opacity:1;transform:translate(-50%,-50%)scale(8)}.student-nav__item.is-active{color:#fff}.student-nav__icon{z-index:1;border-radius:18px;flex:0 0 50px;place-items:center;width:50px;height:50px;transition:background .3s;display:grid;position:relative}.student-nav__item.is-active .student-nav__icon{background:#fff}.student-nav__icon .student-icon{filter:brightness(0)invert();opacity:.62;width:22px;height:22px}.student-nav__item.is-active .student-icon{filter:invert(44%)sepia(20%)saturate(1333%)hue-rotate(181deg)brightness(91%)contrast(87%);opacity:1}.student-nav__label{z-index:1;white-space:nowrap;font-size:clamp(15px,1.05vw,20px);transition:opacity .2s,transform .3s;position:relative;overflow:hidden}.student-wave-text{z-index:1;white-space:nowrap;display:inline-flex;position:relative}.student-wave-text__char{transform-origin:50% 80%;display:inline-block;transform:translateY(0)rotate(0)}.student-nav__item:hover:not(:disabled) .student-wave-text__char,.student-nav__item:focus-visible:not(:disabled) .student-wave-text__char,.student-button:hover:not(:disabled) .student-wave-text__char,.student-button:focus-visible:not(:disabled) .student-wave-text__char{animation:.42s cubic-bezier(.365,.005,.355,1) both student-wave-letter;animation-delay:calc(var(--char-index) * 18ms)}@keyframes student-wave-letter{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-18%)rotate(-3deg)}70%{transform:translateY(8%)rotate(2deg)}}.student-nav__logout{margin-top:auto}.student-nav__logout:disabled{cursor:wait;opacity:.65}.student-stage{flex:1;min-width:0}.student-header{z-index:20;height:var(--student-header);padding:0 var(--student-space);justify-content:flex-end;align-items:center;display:flex;position:relative}.student-header__brand{display:none}.student-header__actions{align-items:center;gap:clamp(10px,1.2vw,20px);display:flex}.student-round-button{cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;place-items:center;width:clamp(42px,3.4vw,54px);height:clamp(42px,3.4vw,54px);transition:background .2s,transform .2s;display:grid}.student-round-button:hover{background:#ffffff29;transform:translateY(-2px)}.student-round-button .student-icon{filter:brightness(0)invert();width:21px;height:21px}.student-profile-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;align-items:center;gap:12px;padding:5px 14px 5px 5px;display:flex}.student-avatar{width:46px;height:46px;color:var(--student-navy);background:#fff;border:2px solid #fff;border-radius:16px;place-items:center;font-weight:700;display:grid;overflow:hidden}.student-avatar img{object-fit:cover;width:100%;height:100%}.student-avatar img.student-avatar__placeholder{object-fit:contain;background:#fff;padding:18%}.student-avatar img.student-avatar__placeholder--mascot{object-fit:cover;background:#102b67;padding:0}.student-profile-button__text{text-align:left;min-width:100px;display:grid}.student-profile-button__text strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.student-profile-button__text small{color:#ffffffa6;font-size:11px}.student-content{min-height:calc(100dvh - var(--student-header));margin-right:var(--student-space);padding:var(--student-space);border-radius:var(--student-radius) var(--student-radius) 0 0;background:#fff}.student-popover-anchor{position:relative}.student-popover{z-index:60;background:#fff;border:1px solid #e4e8f3;border-radius:22px;width:min(320px,100vw - 32px);padding:22px;animation:.25s ease-out both student-pop;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 70px #08193e3d}.student-popover p{color:var(--student-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.student-profile-menu{width:220px;padding:8px;display:grid}.student-profile-menu button{color:var(--student-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:12px 14px}.student-profile-menu button:hover{background:var(--student-soft)}.student-page{width:100%;max-width:1380px;margin:0 auto}.student-page__heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,3vw,46px);display:flex}.student-eyebrow{color:var(--student-pink);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.student-page h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,50px);line-height:1.05}.student-page__lead{max-width:650px;color:var(--student-muted);margin:12px 0 0;line-height:1.7}.student-section{margin-top:clamp(34px,4vw,70px)}.student-section__header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(18px,2vw,30px);display:flex}.student-section__title{letter-spacing:-.025em;align-items:center;gap:12px;margin:0;font-size:clamp(21px,2vw,32px);display:flex}.student-section__title .student-icon{width:30px;height:30px}.student-link-button{color:var(--student-navy);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;font-weight:600;text-decoration:underline}.student-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);display:grid}.student-stat{color:#fff;background:var(--student-navy);border-radius:clamp(22px,2.3vw,40px);min-height:clamp(125px,11vw,175px);padding:clamp(22px,2.4vw,38px);position:relative;overflow:hidden}.student-stat:nth-child(2){background:var(--student-pink)}.student-stat:after{content:"";border:30px solid #ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-45px;right:-20px}.student-stat span{max-width:70%;font-size:clamp(13px,1.2vw,18px);font-weight:500;display:block}.student-stat strong{margin-top:8px;font-size:clamp(34px,4vw,64px);line-height:1;display:block}.student-book-grid,.student-book-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,34px);display:grid}.student-book-row{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;padding:8px 6px 22px;overflow-x:auto}.student-book-card{min-width:0;color:inherit;text-align:left;cursor:pointer;perspective:1000px;scroll-snap-align:start;background:0 0;border:0;padding:0;display:block;position:relative}.student-book-card__cover{aspect-ratio:7/10;transform-origin:0;background:#e7eaf3;border-radius:clamp(14px,1.5vw,24px);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative;overflow:hidden;transform:rotateY(-4deg);box-shadow:0 18px 35px #102b672b}.student-book-card:hover .student-book-card__cover{transform:translateY(-7px)rotateY(0);box-shadow:0 28px 48px #102b6740}.student-book-card__cover:before{content:"";z-index:2;background:linear-gradient(90deg,#00000038,#0000);width:7%;position:absolute;inset:0 auto 0 0}.student-book-card__cover img{object-fit:cover;width:100%;height:100%}.student-book-card__lock{z-index:3;border-radius:inherit;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1b35c2;place-content:center;gap:8px;padding:18px;display:grid;position:absolute;inset:0}.student-book-card__lock .student-icon{filter:brightness(0)invert();margin:auto}.student-book-card__body{padding:15px 4px 0}.student-book-card__body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(14px,1.2vw,18px);line-height:1.35;display:-webkit-box;overflow:hidden}.student-book-card__body small{color:var(--student-muted);margin-top:5px;display:block}.student-table-wrap{border:1px solid #e7eaf2;border-radius:24px;overflow-x:auto}.student-table{border-collapse:collapse;width:100%;min-width:680px}.student-table th,.student-table td{text-align:left;border-bottom:1px solid #e7eaf2;padding:18px 22px}.student-table th{color:var(--student-muted);background:var(--student-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.student-table tr:last-child td{border-bottom:0}.student-status{color:#18825f;background:#dcf8ed;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.student-status--pending{color:#985d07;background:#fff0cc}.student-empty{background:var(--student-soft);text-align:center;border:1px dashed #cfd5e6;border-radius:28px;align-content:center;place-items:center;min-height:210px;padding:30px;display:grid}.student-empty__icon{color:#fff;background:var(--student-pink);border-radius:18px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.student-empty h3{margin:16px 0 4px}.student-empty p{max-width:480px;color:var(--student-muted);margin:0}.student-empty--error{background:#fff7f7;border-color:#ffc8c8}.student-button{color:#fff;isolation:isolate;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font-weight:600;transition:background-color .25s;display:inline-flex;position:relative;overflow:hidden}.student-button:before{content:"";z-index:-1;filter:blur(22px);opacity:0;pointer-events:none;background:#ffffff9e;border-radius:50%;width:100%;height:100%;transition:transform .25s,opacity .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.student-button:after{content:"";top:calc(50% + var(--hover-y,0px));left:calc(50% + var(--hover-x,0px));z-index:-1;aspect-ratio:1;background:var(--student-button-hover,#0c1b35);pointer-events:none;border-radius:50%;height:50%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%,-50%)scale(0)}.student-button:hover:not(:disabled):before,.student-button:focus-visible:not(:disabled):before{opacity:.42;transform:translate(-50%,50%)}.student-button:hover:not(:disabled):after,.student-button:focus-visible:not(:disabled):after{transform:translate(-50%,-50%)scale(5)}.student-button--primary{--student-button-hover:#e8b936;background:var(--student-navy)}.student-button--pink{--student-button-hover:#8dbb43;background:var(--student-pink)}.student-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.5;transform:none}.student-detail{padding:var(--student-space);background:#eff4ff;border-radius:clamp(16px,1.46vw,28px);grid-template-columns:minmax(0,37fr) minmax(0,68fr);gap:clamp(24px,2.08vw,40px);display:grid}.student-book-detail-page{max-width:none}.student-detail__media{min-width:0;position:relative}.student-detail__cover{aspect-ratio:7/10;box-shadow:none;border-radius:clamp(16px,1.46vw,28px);position:relative;overflow:hidden}.student-detail__cover img{object-fit:cover;width:100%;height:100%}.student-detail__favorite{z-index:2;color:#0c1b35;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffffad;border:0;border-radius:clamp(12px,1.04vw,20px);place-items:center;width:clamp(36px,2.5vw,48px);height:clamp(36px,2.5vw,48px);padding:0;transition:background .2s,transform .25s;display:grid;position:absolute;top:clamp(20px,1.67vw,32px);right:clamp(20px,1.67vw,32px)}.student-detail__favorite:hover{background:#fff;transform:scale(1.06)}.student-detail__favorite .student-icon{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px)}.student-detail__favorite.is-liked .student-icon{filter:invert(42%)sepia(83%)saturate(2528%)hue-rotate(330deg)}.student-detail__copy{min-width:0;padding-top:8px}.student-detail__top{justify-content:space-between;align-items:flex-start;gap:clamp(24px,3.33vw,64px);display:flex}.student-detail__field{min-width:0}.student-detail__field+.student-detail__field{margin-top:clamp(24px,2.08vw,40px)}.student-detail__field h2{color:#0c1b35;margin:0 0 6px;font-size:clamp(18px,15.663px + .2283vw,20px);font-weight:600;line-height:1.35}.student-detail__field p{color:#58677f;margin:0;font-size:clamp(14px,11.663px + .2283vw,16px);line-height:1.6}.student-detail__back{color:#0c1b35;cursor:pointer;background:#fff;border:0;border-radius:clamp(6px,.52vw,10px);flex:none;justify-content:center;align-items:center;min-width:104px;height:clamp(36px,2.08vw,40px);padding:0 clamp(16px,1.25vw,24px);font:500 14px/1 Poppins,sans-serif;transition:background .2s,transform .2s;display:inline-flex}.student-detail__back:hover{background:#e8edfb;transform:translateY(-2px)}.student-detail__actions{flex-wrap:wrap;gap:clamp(8px,.83vw,16px);margin-top:clamp(24px,2.08vw,40px);display:flex}.student-book-detail .student-button{min-height:clamp(52px,3.33vw,64px);padding-inline:clamp(20px,1.67vw,32px);font-size:clamp(14px,.83vw,16px);font-weight:500}.student-book-detail .student-button--primary{background:#102b67}.student-book-detail .student-button--pink{background:#f33f6c}.student-activities-page{max-width:none}.student-activities-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:clamp(24px,2.08vw,40px);display:flex}.student-activities-header__title{align-items:flex-start;gap:clamp(16px,1.25vw,24px);display:flex}.student-activities-header__icon{background:#ff7b36;border-radius:clamp(6px,.52vw,10px);flex:none;place-items:center;width:clamp(24px,1.67vw,32px);height:clamp(24px,1.67vw,32px);display:grid}.student-activities-header__icon .student-icon{filter:brightness(0)invert();width:clamp(12px,.83vw,16px);height:clamp(12px,.83vw,16px)}.student-activities-header h1{color:#0c1b35;letter-spacing:normal;margin:0;font-size:clamp(18px,10.986px + .6849vw,24px);font-weight:400;line-height:1.3}.student-activities-header p{color:#929aac;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.student-activities-layout{grid-template-columns:minmax(190px,24fr) minmax(0,76fr);align-items:start;gap:clamp(20px,2.08vw,40px);display:grid}.student-activities-book{background:#fff;border:1px solid #e5eaf5;border-radius:clamp(20px,1.67vw,32px);overflow:hidden;box-shadow:0 20px 50px #102b6714}.student-activities-book__cover{aspect-ratio:7/10;background:#e8edf7;border-radius:clamp(14px,1.25vw,24px);margin:clamp(12px,1.04vw,20px);position:relative;overflow:hidden;box-shadow:0 16px 32px #102b6726}.student-activities-book__cover:after{content:"";background:linear-gradient(90deg,#00000040,#0000);width:7%;position:absolute;inset:0 auto 0 0}.student-activities-book__cover img{object-fit:cover;width:100%;height:100%;display:block}.student-activities-book__copy{padding:2px clamp(18px,1.25vw,24px) clamp(18px,1.25vw,24px)}.student-activities-book__copy p{color:#8b96a9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:600}.student-activities-book__copy h2{color:#0c1b35;margin:0;font-size:clamp(15px,1.04vw,20px);line-height:1.35}.student-activities-progress{color:#fff;background:#173b82;padding:clamp(18px,1.25vw,24px)}.student-activities-progress>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-activities-progress span{font-size:12px;font-weight:500}.student-activities-progress strong{font-size:18px}.student-activities-progress__track{background:#ffffff2e;border-radius:999px;height:7px;margin-top:13px;display:block;overflow:hidden}.student-activities-progress__track i{border-radius:inherit;background:#ffbd43;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1);display:block}.student-activities-progress small{color:#ffffffa6;margin-top:7px;font-size:10px;display:block}.student-activities-panel{background:#f2f6ff;border-radius:clamp(20px,1.67vw,32px);min-width:0;padding:clamp(20px,2.08vw,40px)}.student-activities-panel__heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(20px,1.67vw,32px);display:flex}.student-activities-panel__heading .student-eyebrow{color:#9b2b7b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.student-activities-panel__heading h2{color:#0c1b35;margin:0;font-size:clamp(20px,1.56vw,30px);line-height:1.25}.student-activities-panel__heading>span{color:#173b82;white-space:nowrap;background:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600}.student-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.student-activity-card-wrap{min-width:0;position:relative}.student-activity-card{color:#fff;background:var(--student-navy);text-align:left;cursor:pointer;border:0;border-radius:28px;width:100%;min-height:180px;padding:26px;position:relative;overflow:hidden}.student-activity-card-wrap:nth-child(3n+2) .student-activity-card{background:var(--student-pink)}.student-activity-card-wrap:nth-child(3n+3) .student-activity-card{color:#fff;background:#ffc857}.student-activity-card small{color:#ffffffb8;font-size:11px;display:block}.student-activity-card strong{max-width:80%;margin-top:6px;font-size:20px;display:block}.student-activity-card__arrow{font-size:36px;transition:transform .25s;position:absolute;bottom:18px;right:20px}.student-activity-card:hover .student-activity-card__arrow{transform:translate(5px)}.student-activity-card.is-complete{filter:saturate(.55);opacity:.65;cursor:default}.student-activity-card__status-badge{z-index:2;pointer-events:none;border:3px solid #ffffffd1;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 7px 18px #0c2b233d}.student-activity-card__status-badge.is-completed{background:#36a56f}.student-activity-card__status-badge.is-ready{background:#173b82;box-shadow:0 7px 18px #0c1e4838}.student-activity-card__status-badge .student-icon{width:22px;height:22px}.student-activity-card__status-badge.is-ready .student-icon{filter:brightness(0)invert();width:19px;height:19px}.student-messages-page{max-width:none}.student-messages-panel{padding:var(--student-space);background:#f3f6ff;border-radius:clamp(16px,1.46vw,28px)}.student-messages-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.student-messages-heading{align-items:flex-start;gap:clamp(16px,1.25vw,24px);min-width:0;display:flex}.student-messages-count{color:#fff;background:#ff7b36;border-radius:clamp(6px,.52vw,10px);flex:none;place-items:center;width:clamp(24px,1.67vw,32px);height:clamp(24px,1.67vw,32px);font-size:clamp(12px,.73vw,14px);display:grid}.student-messages-heading h1{color:#0c1b35;letter-spacing:normal;margin:0;font-size:clamp(18px,10.986px + .6849vw,24px);font-weight:500;line-height:1.3}.student-messages-heading p{color:#929aac;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.student-messages-table-wrap{margin-top:clamp(24px,2.08vw,40px);overflow-x:auto}.student-messages-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:720px}.student-messages-table th{color:#0c1b35;border-bottom:1px solid #fff;padding:0 clamp(12px,1.04vw,20px) clamp(10px,.83vw,16px);font-size:clamp(14px,.94vw,18px);font-weight:600}.student-messages-table td{color:#58677f;border-bottom:1px solid #fff;padding:0;transition:border-color .2s,background .2s}.student-messages-table tr:last-child td{border-bottom:0}.student-messages-table tbody tr:hover td{background:#ffffffb8;border-color:#0000}.student-messages-table tbody tr:hover td:first-child{border-radius:10px 0 0 10px}.student-messages-table tbody tr:hover td:last-child{border-radius:0 10px 10px 0}.student-messages-table td>button{width:100%;min-height:clamp(54px,4.17vw,80px);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:clamp(8px,.83vw,16px) clamp(12px,1.04vw,20px);font-size:clamp(12px,.83vw,16px);line-height:1.45;display:block}.student-messages-table tr.is-unread td{color:#0c1b35;font-weight:500}.student-messages-sender{align-items:center;gap:12px;display:flex}.student-messages-sender>i{background:#ff7b36;border-radius:50%;flex:none;place-items:center;width:9px;height:9px;display:grid}.student-messages-sender>i .student-icon{opacity:.45;width:9px;height:9px}.student-messages-table tr:not(.is-unread) .student-messages-sender>i{background:0 0}.student-messages-sender span{display:grid}.student-messages-sender strong{color:#0c1b35;font-size:clamp(13px,.83vw,16px);font-weight:600}.student-messages-sender small{color:#929aac;margin-top:3px;font-size:10px;font-style:normal;font-weight:400}.student-messages-date-column{white-space:nowrap;width:145px}.student-message-modal{z-index:1100;padding:var(--student-space);display:grid;position:fixed;inset:0;overflow-y:auto}.student-message-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#173b826b;border:0;position:fixed;inset:0}.student-message-modal__panel{background:#fff;border:1px solid #0000002e;border-radius:clamp(24px,3.125vw,60px);grid-template-columns:minmax(220px,29fr) minmax(0,54fr);gap:clamp(24px,2.08vw,40px);width:min(980px,100%);margin:auto;padding:clamp(24px,2.5vw,48px);animation:.35s cubic-bezier(.16,1,.3,1) both student-modal-in;display:grid;position:relative;box-shadow:0 35px 90px #102b673d}.student-message-modal__close{z-index:2;cursor:pointer;background:#ff4e54;border:0;border-radius:50%;place-items:center;width:clamp(32px,2.5vw,48px);height:clamp(32px,2.5vw,48px);transition:background .2s,transform .25s;display:grid;position:absolute;top:clamp(16px,1.67vw,32px);right:clamp(16px,1.67vw,32px)}.student-message-modal__close:hover{background:#ff7b36;transform:rotate(90deg)}.student-message-modal__close .student-icon{filter:brightness(0)invert();width:clamp(10px,.73vw,14px);height:clamp(10px,.73vw,14px)}.student-message-modal__portrait{background:#edf1f9;border-radius:clamp(16px,1.67vw,32px);align-self:start;overflow:hidden}.student-message-modal__portrait img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.student-message-modal__content{min-width:0;padding:4px clamp(32px,3.13vw,60px) 4px 0}.student-message-modal__content .student-eyebrow{margin-bottom:6px;font-size:11px}.student-message-modal__content h2{color:#0c1b35;margin:0;font-size:clamp(20px,1.56vw,30px);line-height:1.3}.student-message-thread{gap:14px;margin-top:clamp(20px,1.67vw,32px);display:grid}.student-message-bubble{border-bottom:1px solid #e9edf5;padding:0 0 14px}.student-message-bubble:last-child{border-bottom:0}.student-message-bubble p{color:#58677f;white-space:pre-wrap;margin:0;font-size:clamp(13px,.83vw,16px);line-height:1.8}.student-message-bubble small{color:#9aa3b5;margin-top:9px;font-size:10px;display:block}.student-message-bubble.is-mine{background:#f2f6ff;border:0;border-radius:18px;padding:16px}.student-message-reply{border-top:1px solid #e9edf5;margin-top:clamp(20px,1.67vw,32px);padding-top:20px}.student-message-reply label{color:#0c1b35;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.student-message-reply>div{align-items:flex-end;gap:10px;display:flex}.student-message-reply textarea{resize:vertical;color:#0c1b35;width:100%;min-height:78px;font:inherit;background:#f8faff;border:1px solid #dce3f0;border-radius:16px;outline:none;padding:12px 14px;font-size:13px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.student-message-reply textarea:focus{border-color:#173b82;box-shadow:0 0 0 3px #173b821a}.student-message-reply button{color:#fff;cursor:pointer;background:#ff7b36;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-weight:600}.student-message-reply button:disabled{opacity:.45;cursor:default}.student-badges-page{max-width:none}.student-badge-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,1.88vw,36px);display:grid}.student-badge-stat{color:#fff;background:linear-gradient(45deg,#32a071,#70b53c);border-radius:clamp(16px,1.46vw,28px);min-height:clamp(180px,13vw,250px);padding:clamp(24px,2.5vw,48px);position:relative;overflow:hidden}.student-badge-stat.is-activities{background:linear-gradient(45deg,#efc14e,#ff8c42)}.student-badge-stat.is-badges{background:linear-gradient(45deg,#6987e1,#0199b1)}.student-badge-stat strong{z-index:2;font-size:clamp(36px,3.33vw,64px);font-weight:600;line-height:1.1;display:block;position:relative}.student-badge-stat>span{z-index:2;max-width:56%;margin-top:clamp(4px,.42vw,8px);font-size:clamp(16px,1.04vw,20px);font-weight:600;line-height:1.35;display:block;position:relative}.student-badge-stat video{aspect-ratio:1;object-fit:cover;pointer-events:none;width:auto;height:100%;position:absolute;top:0;right:0}.student-badge-stat.is-books video{transform-origin:50% 95%;transform:scale(1.4)}.student-badge-stat.is-activities video{transform-origin:50% 20%;transform:scale(1.15)}.student-badge-stat.is-badges video{transform-origin:50% 20%;transform:scale(1.1)}.student-badges-panel{margin-top:clamp(24px,2.08vw,40px)}.profilim-badges{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(20px,1.46vw,28px);margin-top:clamp(24px,1.67vw,32px);display:grid}.profilim-badges-btn{color:#58677f;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:clamp(6px,.52vw,10px);min-width:0;padding:0;display:flex}.profilim-badges-btn__media{aspect-ratio:1;background:#fff;border-radius:clamp(16px,1.46vw,28px);width:100%;display:block;overflow:hidden}.profilim-badges-btn__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),filter .3s,opacity .3s;display:block}.profilim-badges-btn.black-and-white .profilim-badges-btn__media img{filter:grayscale();opacity:.5}.profilim-badges-btn__title{text-align:center;font-size:clamp(14px,.83vw,16px);line-height:1.45}.profilim-badges-btn:hover .profilim-badges-btn__media img{transform:scale(1.05)}.profilim-badges .student-empty{grid-column:1/-1}.student-badge-modal .student-modal__panel{text-align:center}.student-badge-modal__image{aspect-ratio:1;object-fit:cover;border-radius:24px;width:min(180px,55%);margin:0 auto 20px;display:block}.student-badge-modal.is-locked .student-badge-modal__image{filter:grayscale();opacity:.55}.student-badge-modal .student-detail__actions{justify-content:center;margin-top:24px}.student-content>[aria-hidden=true]+*{position:relative}.student-content .text-white,.student-content .text-\[\#FCFCFC\],.student-content .text-\[\#fff\]{color:var(--student-ink)!important}.student-content button[class*="bg-[#183887]"],.student-content button[class*="bg-[#a9277c]"]{color:#fff!important}.student-task-shell{min-height:calc(100dvh - var(--student-header) - var(--student-space) * 2);grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(18px,2vw,32px);display:grid}.student-task-meta{color:#fff;background:var(--student-navy);border-radius:28px;flex-direction:column;gap:32px;padding:20px;display:flex}.student-task-user{align-items:center;gap:12px;display:flex}.student-task-user>span:last-child{min-width:0;display:grid}.student-task-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-task-user small,.student-task-book small{color:#ffffffa6}.student-task-book{gap:10px;display:grid}.student-task-book img{aspect-ratio:7/10;object-fit:cover;border-radius:18px;width:100%}.student-task-main{min-width:0}.student-task-toolbar{justify-content:flex-end;gap:8px;min-height:58px;display:flex}.student-task-toolbar button{min-width:58px;height:50px;color:var(--student-ink);cursor:pointer;background:#fff;border:1px solid #e1e5ef;border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:flex}.student-task-toolbar button:disabled{cursor:not-allowed;opacity:.4}.student-task-toolbar .student-icon{width:18px;height:18px}.student-task-toolbar span{font-size:12px}.student-task-content{background:var(--student-soft);border-radius:28px;min-width:0;padding:clamp(16px,2.5vw,36px)}.student-task-content .text-white,.student-task-content .text-\[\#FCFCFC\],.student-task-content .text-\[\#fff\]{color:var(--student-ink)!important}.student-task-content button{max-width:100%}.reading-detective-panel{background:#f3f6ff;border-radius:clamp(20px,1.67vw,32px);min-height:100%;padding:clamp(20px,2.08vw,40px);position:relative}.reading-detective-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reading-detective-heading{align-items:flex-start;gap:clamp(14px,1.04vw,20px);min-width:0;display:flex}.reading-detective-heading>span{background:linear-gradient(45deg,#0099ad,#5e87ee);border-radius:clamp(7px,.52vw,10px);flex:none;place-items:center;width:clamp(28px,1.67vw,32px);height:clamp(28px,1.67vw,32px);display:grid}.reading-detective-heading .student-icon{filter:brightness(0)invert();width:16px;height:16px}.reading-detective-heading h1{color:#0c1b35;margin:0;font-size:clamp(18px,1.25vw,24px);font-weight:500;line-height:1.3}.reading-detective-heading p{color:#929aac;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.reading-detective-header>button{color:#0c1b35;cursor:pointer;background:#fff;border:0;border-radius:10px;height:40px;padding:0 20px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.reading-detective-header>button:hover{background:#e9eef9;transform:translateY(-1px)}.reading-detective-paper{background:#fff;border-radius:clamp(16px,1.04vw,20px);margin-top:clamp(24px,1.67vw,32px);padding:clamp(24px,1.88vw,36px);box-shadow:0 16px 40px #1537780d}.reading-detective-instruction,.reading-detective-recording-note p{color:#58677f;margin:0;font-size:clamp(13px,.83vw,16px);line-height:1.6}.reading-detective-copy{color:#0c1b35;gap:20px;margin-top:clamp(18px,1.25vw,24px);display:grid}.reading-detective-copy .reading-detective-text{margin:0}.reading-detective-copy h3{color:#0c1b35;margin:0 0 8px;font-size:clamp(15px,.94vw,18px)}.reading-detective-copy p{color:#0c1b35;margin:0;font-size:clamp(14px,.94vw,18px);font-weight:500;line-height:1.85}.reading-detective-recording-note{align-items:center;gap:12px;display:flex}.reading-detective-recording-note>span{background:#f5f8ff;border:2px solid #173b82;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.reading-detective-recording-note .student-icon{filter:invert(20%)sepia(59%)saturate(2222%)hue-rotate(205deg)brightness(82%)contrast(97%);width:19px;height:19px}.reading-detective-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.04vw,20px);margin-top:clamp(24px,3.33vw,64px);display:grid}.reading-detective-actions.is-single{justify-content:flex-end;display:flex}.reading-detective-button{color:#fff;min-height:clamp(52px,3.33vw,64px);font:inherit;cursor:pointer;background:#173b82;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 clamp(20px,1.67vw,32px);font-size:clamp(14px,.83vw,16px);font-weight:600;transition:filter .2s,transform .25s,opacity .2s;display:flex}.reading-detective-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.reading-detective-button:disabled{cursor:not-allowed;opacity:.42}.reading-detective-button .student-icon{filter:brightness(0)invert();width:20px;height:20px}.reading-detective-button.is-primary{background:#173b82;min-width:min(100%,280px)}.reading-detective-button.is-restart{background:#ff4e54}.reading-detective-button.is-pause{background:#f4ae25}.reading-detective-button.is-finish{background:#173b82}.reading-detective-timer{z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#0c1b35;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:600;display:flex;position:absolute;top:clamp(20px,2.08vw,40px);right:clamp(118px,8vw,154px)}.reading-detective-live-dot{background:#ff4e54;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite reading-detective-pulse;box-shadow:0 0 0 4px #ff4e5429}.reading-detective-timer.is-ending{background:#ba3036}.reading-detective-evaluating{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;margin-top:32px;padding:40px;display:flex}.reading-detective-spinner{border:7px solid #e8edf8;border-top-color:#173b82;border-radius:50%;width:72px;height:72px;margin-bottom:26px;animation:.9s linear infinite reading-detective-spin}.reading-detective-evaluating h2{color:#0c1b35;margin:0;font-size:clamp(20px,1.56vw,30px)}.reading-detective-evaluating p{color:#929aac;margin:8px 0 0}.reading-detective-token-report{color:#0c1b35;font-size:clamp(14px,.94vw,18px);font-weight:500;line-height:2}.reading-detective-tokens{flex-wrap:wrap;gap:5px 4px;display:flex}.reading-detective-token{border-radius:4px;padding:0 5px;display:inline-block}.reading-detective-token.is-correct{color:#17623e;background:#bbf0d3}.reading-detective-token.is-wrong{color:#8a252c;cursor:help;background:#ffcdd0}.reading-detective-token.is-missing{color:#714011;cursor:help;background:#fef08b}.reading-detective-result-fallback{color:#0c1b35;padding:4px;line-height:1.85}.reading-detective-stats{gap:clamp(10px,1.25vw,24px);margin-top:clamp(24px,3.33vw,64px);display:grid}.reading-detective-stats__row{gap:clamp(10px,1.25vw,24px);display:grid}.reading-detective-stats__row.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-detective-stats__row.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-detective-stat{color:#fff;border-radius:clamp(16px,1.46vw,28px);min-width:0;padding:clamp(22px,1.46vw,28px)}.reading-detective-stat strong{overflow-wrap:anywhere;font-size:clamp(30px,2.5vw,48px);font-weight:600;line-height:1;display:block}.reading-detective-stat span{margin-top:clamp(8px,.83vw,16px);font-size:clamp(14px,.83vw,16px);font-weight:600;line-height:1.3;display:block}.reading-detective-stat.is-correct{background:#32a071}.reading-detective-stat.is-wrong{background:#ff3a44}.reading-detective-stat.is-missing{background:#ffbd00}.reading-detective-stat.is-total{background:#183887}.reading-detective-stat.is-duration{background:#a9277c}.reading-detective-submit-result{color:#fff;width:fit-content;min-width:160px;min-height:clamp(52px,3.33vw,64px);font:inherit;cursor:pointer;background:#173b82;border:0;border-radius:999px;justify-content:center;align-items:center;margin:clamp(24px,1.67vw,32px) 0 0 auto;padding:0 32px;font-size:16px;font-weight:600;transition:filter .2s,transform .25s;display:flex}.reading-detective-submit-result:hover{filter:brightness(1.08);transform:translateY(-2px)}@keyframes reading-detective-spin{to{transform:rotate(360deg)}}@keyframes reading-detective-pulse{50%{opacity:.45;transform:scale(.8)}}@media (width<=767px){.reading-detective-panel{padding:18px}.reading-detective-header{align-items:flex-start}.reading-detective-header>button{padding:0 12px;font-size:11px}.reading-detective-heading p{padding-right:8px}.reading-detective-paper{padding:20px}.reading-detective-actions{grid-template-columns:1fr;margin-top:24px}.reading-detective-actions.is-single{display:block}.reading-detective-button.is-primary{width:100%}.reading-detective-timer{width:max-content;margin:0 0 16px auto;position:static}.reading-detective-copy p{line-height:1.7}.reading-detective-stats__row.is-three,.reading-detective-stats__row.is-two{grid-template-columns:1fr}.reading-detective-submit-result{width:100%}}.student-task-shell--reader{z-index:1100;background:radial-gradient(circle at 7% 82%,#b7227c57 0,#0000 28%),radial-gradient(circle at 94% 2%,#442f91ad 0,#0000 32%),#102b67;min-height:100dvh;font-family:Poppins,sans-serif;display:block;position:fixed;inset:0;overflow:hidden auto}.student-task-shell--reader:before,.student-task-shell--reader:after{content:"";z-index:-1;pointer-events:none;border:2px solid #ffffff0d;border-radius:50%;position:fixed}.student-task-shell--reader:before{width:58vw;height:58vw;bottom:-32vw;right:-12vw}.student-task-shell--reader:after{width:42vw;height:42vw;top:12%;left:-18vw}.student-task-shell--reader .student-task-meta{z-index:3;width:auto;height:var(--student-header);padding:var(--student-space);background:0 0;border-radius:0;justify-content:center;display:flex;position:fixed;top:0;left:0}.student-task-shell--reader .student-task-user .student-avatar{border-radius:50%;width:clamp(48px,3.75vw,72px);height:clamp(48px,3.75vw,72px)}.student-task-shell--reader .student-task-user strong{font-size:clamp(16px,1.25vw,24px);font-weight:600}.student-task-shell--reader .student-task-user small{font-size:clamp(12px,.83vw,16px)}.student-task-shell--reader .student-task-main{min-height:100dvh}.student-task-shell--reader>.student-dashboard-canvas{z-index:0}.student-task-shell--reader>.student-icon-canvas{z-index:1}.student-task-shell--reader .student-task-main{z-index:2;position:relative}.student-task-shell--reader .student-task-toolbar{z-index:4;min-height:var(--student-header);padding:var(--student-space);grid-auto-columns:clamp(40px,2.71vw,52px);grid-auto-flow:column;justify-content:end;align-items:flex-start;gap:clamp(6px,.52vw,10px);display:grid;position:fixed;top:0;right:0}.student-task-shell--reader .student-task-toolbar button{color:#fff;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:clamp(40px,2.71vw,52px);min-width:0;height:auto;min-height:0;padding:0;display:flex}.student-task-shell--reader .student-reader-control__icon{box-sizing:border-box;background:#fff;border-radius:clamp(12px,1.04vw,20px);flex:none;place-items:center;width:clamp(40px,2.71vw,52px);height:clamp(40px,2.71vw,52px);transition:transform .25s,background .25s;display:grid;position:relative}.student-task-shell--reader .student-reader-control__icon .student-icon{background:0 0;width:clamp(18px,1.15vw,22px);height:clamp(18px,1.15vw,22px);padding:0}.student-task-shell--reader .student-reader-control__icon--state .student-reader-control__state-icon{opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.75)}.student-task-shell--reader .student-reader-control__icon--state .student-reader-control__state-icon.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.student-task-shell--reader .student-reader-control--play .student-icon,.student-task-shell--reader .student-reader-control--sound .student-icon{filter:invert(20%)sepia(59%)saturate(2222%)hue-rotate(205deg)brightness(82%)contrast(97%)}.student-task-shell--reader .student-reader-control__mute-mark{opacity:0;background:#ff3b45;border-radius:999px;width:clamp(24px,1.67vw,32px);height:8px;padding:0;transition:opacity .2s,transform .3s cubic-bezier(.365,.005,.355,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0);box-shadow:0 0 0 2px #fff}.student-task-shell--reader .student-reader-control--sound.is-vocal .student-reader-control__mute-mark{opacity:1;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}.student-task-shell--reader .student-reader-control--close .student-reader-control__icon{background:#ff4651}.student-task-shell--reader .student-reader-control--close .student-icon{filter:none}.student-task-shell--reader .student-task-toolbar button:hover .student-reader-control__icon{transform:translateY(-2px)}.student-task-shell--reader .student-task-toolbar button>span:last-child{color:#fff;text-align:center;white-space:normal;width:100%;padding-top:4px;font-size:clamp(12px,.73vw,14px);line-height:1.15;display:block}.student-task-shell--reader .student-task-content{min-height:100dvh;padding:var(--student-header) var(--student-space) var(--student-space);background:0 0;border-radius:0}.student-book-preview{width:100%;min-height:calc(100dvh - var(--student-header) - var(--student-space));justify-content:center;align-items:center;display:flex}.student-book-preview__stage{grid-template-columns:minmax(74px,auto) minmax(0,auto) minmax(74px,auto);justify-content:center;align-items:center;gap:clamp(16px,2.08vw,40px);width:100%;display:grid}.student-book-preview__page{width:auto;max-width:min(750px,100vw - 300px);height:auto;max-height:calc(100dvh - var(--student-header) - var(--student-space) * 2);aspect-ratio:750/1061;background:#fff;border:clamp(4px,.52vw,10px) solid #fff;border-radius:clamp(16px,1.67vw,32px);position:relative;overflow:hidden}.student-book-preview__page img{object-fit:cover;width:100%;height:100%;display:block}.student-book-preview__counter{color:#0c1b35;background:#fff;border-radius:clamp(6px,.63vw,12px);padding:clamp(6px,.52vw,10px) clamp(10px,.73vw,14px);font-size:clamp(10px,.73vw,14px);font-weight:500;line-height:1;display:block;position:absolute;bottom:clamp(16px,1.67vw,32px);right:clamp(16px,1.67vw,32px)}.student-book-preview__nav{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:auto;min-width:74px;padding:0;display:flex}.student-book-preview__nav--previous{align-items:flex-end}.student-book-preview__nav .student-icon{filter:brightness(0)invert();width:clamp(32px,2.5vw,48px);height:clamp(32px,2.5vw,48px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.student-book-preview__nav span{color:#fff;font-size:clamp(12px,.73vw,14px)}.student-book-preview__nav--previous:hover .student-icon{transform:translate(-12px)}.student-book-preview__nav--next:hover .student-icon{transform:translate(12px)}.student-book-preview__nav:disabled{cursor:not-allowed;opacity:.25}@media (width<=1023px){.student-book-preview__stage{grid-template-columns:auto auto;grid-template-areas:"page page""previous next";justify-items:center}.student-book-preview__page{max-width:min(750px, calc(100vw - var(--student-space) * 2));max-height:calc(100dvh - var(--student-header) - 100px);grid-area:page}.student-book-preview__nav--previous{grid-area:previous}.student-book-preview__nav--next{grid-area:next}.student-book-preview__nav{min-width:90px}}@media (width<=767px){.student-task-shell--reader .student-task-meta{height:84px;padding:16px}.student-task-shell--reader .student-task-user{gap:8px}.student-task-shell--reader .student-task-user .student-avatar{width:44px;height:44px}.student-task-shell--reader .student-task-user strong{max-width:105px;font-size:14px}.student-task-shell--reader .student-task-user small{max-width:105px;font-size:10px}.student-task-shell--reader .student-task-toolbar{min-height:84px;padding:16px}.student-task-shell--reader .student-task-toolbar button>span:last-child{display:none}.student-task-shell--reader .student-task-content{padding:84px 16px 16px}.student-book-preview{min-height:calc(100dvh - 100px)}.student-book-preview__stage{gap:16px 24px}.student-book-preview__page{max-width:calc(100vw - 32px);max-height:calc(100dvh - 184px)}.student-book-preview__nav{align-items:center}.student-book-preview__nav span{display:none}}.student-world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.student-world-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8f2;border-radius:26px;padding:0 0 20px;transition:transform .25s,box-shadow .25s;overflow:hidden}.student-world-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #102b6724}.student-world-card__media{aspect-ratio:4/3;color:#fff;background:var(--student-navy);place-items:center;margin-bottom:18px;font-size:52px;display:grid;overflow:hidden}.student-world-card__media img,.student-world-card__media video{object-fit:cover;width:100%;height:100%}.student-world-card strong,.student-world-card small{margin:0 20px;display:block}.student-world-card small{color:var(--student-muted);margin-top:5px}.student-world-detail{border-radius:var(--student-radius);background:var(--student-soft);padding:clamp(20px,3vw,42px)}.student-world-detail>img,.student-world-detail>video{border-radius:24px;max-width:100%;max-height:620px;margin:0 auto 28px;display:block}.student-world-detail>audio{width:100%;margin-bottom:28px}.student-world-detail p{color:var(--student-muted);line-height:1.75}.student-modal{z-index:1000;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.student-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#102b678c;border:0;position:fixed;inset:0}.student-modal__panel{border-radius:var(--student-radius);background:#fff;width:min(620px,100%);margin:auto;padding:clamp(28px,4vw,54px);animation:.35s cubic-bezier(.16,1,.3,1) both student-modal-in;position:relative;box-shadow:0 30px 90px #0000003d}.student-modal__panel h2{margin:0;font-size:clamp(26px,3vw,42px)}.student-modal__panel p{color:var(--student-muted)}.student-modal__close{color:#fff;background:var(--student-coral);cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:28px;display:grid;position:absolute;top:18px;right:18px}.student-modal--book-warning{padding:var(--student-space)}.student-modal--book-warning .student-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102b6766}.student-modal--book-warning .student-modal__panel{width:min(448px,100%);box-shadow:none;border:1px solid #0003;border-radius:clamp(24px,3.125vw,60px);padding:clamp(24px,2.5vw,48px)}.student-modal--book-warning .student-modal__panel h2{color:#0c1b35;letter-spacing:normal;margin:0;padding-right:44px;font:600 clamp(18px,10.986px + .6849vw,24px)/1.3 Poppins,sans-serif}.student-modal--book-warning .student-modal__panel p{color:#58677f;margin:8px 0 0;font-size:clamp(14px,11.663px + .2283vw,16px);line-height:1.6}.student-modal--book-warning .student-modal__close{width:clamp(32px,2.5vw,48px);height:clamp(32px,2.5vw,48px);font-size:clamp(22px,1.46vw,28px);line-height:1;transition:background .2s,transform .25s;top:clamp(16px,1.67vw,32px);right:clamp(16px,1.67vw,32px)}.student-modal--book-warning .student-modal__close:hover{background:#ff7b36;transform:rotate(90deg)}.student-modal--book-warning .student-detail__actions{gap:clamp(8px,.83vw,16px);margin-top:clamp(20px,1.67vw,32px)}.student-modal--book-warning .student-button{min-height:clamp(52px,3.33vw,64px);padding-inline:clamp(20px,1.67vw,32px);font-size:clamp(14px,.83vw,16px);font-weight:500}.student-modal--book-warning .student-button--primary{background:#1d4095}.student-modal--book-warning .student-button--pink{background:#b7227c}.student-modal--reading-progress .student-modal__panel{width:min(560px,100%)}.student-reading-progress-preview{background:#f4f7fd;border:1px solid #dce3f0;border-radius:20px;margin:clamp(18px,1.67vw,26px) 0 0;position:relative;overflow:hidden}.student-reading-progress-preview img{object-fit:contain;width:100%;max-height:min(42vh,360px);display:block}.student-reading-progress-preview figcaption{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1b35c7;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.student-search-field{border:1px solid #dfe3ee;border-radius:999px;align-items:center;gap:12px;margin-top:24px;padding:0 18px;display:flex}.student-search-field .student-icon{width:19px}.student-search-field input{background:0 0;border:0;outline:0;width:100%;height:54px}.student-search-modal .student-modal__panel{width:min(720px,100%)}.student-search-results{min-height:86px;margin-top:18px}.student-search-status{text-align:center;background:#f5f6ff;border-radius:18px;place-items:center;min-height:86px;display:grid;margin:0!important}.student-search-status.is-error{color:#b42318;background:#fff1f0}.student-search-summary{font-size:13px;font-weight:600;margin:0 0 10px!important}.student-search-list{gap:8px;max-height:min(48vh,440px);padding-right:4px;display:grid;overflow-y:auto}.student-search-result{color:#0c1b35;text-align:left;cursor:pointer;background:#fff;border:1px solid #e6e9f2;border-radius:16px;align-items:center;gap:14px;width:100%;padding:10px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.student-search-result:hover,.student-search-result:focus-visible{border-color:#173b82;outline:none;transform:translateY(-1px);box-shadow:0 8px 22px #173b821f}.student-search-result img{object-fit:cover;border-radius:8px;flex:none;width:48px;height:64px}.student-search-result>span:not(.student-search-result__arrow){min-width:0}.student-search-result strong,.student-search-result small{display:block}.student-search-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.student-search-result small{color:#858da0;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.student-search-result__arrow{color:#173b82;margin-left:auto;font-size:30px;line-height:1}.student-app--collapsed .student-sidebar{flex-basis:calc(52px + var(--student-space) * 2)}.student-app--collapsed .student-sidebar__logo img{opacity:0;width:52px}.student-app--collapsed .student-sidebar__collapse{right:4px;transform:rotate(180deg)}.student-app--collapsed .student-nav__label{opacity:0;width:0;transform:translate(-12px)}@keyframes student-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes student-modal-in{0%{opacity:0;transform:translateY(25px)scale(.97)}}@media (width<=1023px){:root{--student-header:84px;--student-space:clamp(16px, 3vw, 28px)}.student-app{padding-bottom:86px;display:block}.student-sidebar,.student-app--collapsed .student-sidebar{z-index:100;width:100%;height:78px;padding:9px max(14px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(100% 200% at 50% 200%, var(--student-pink), var(--student-navy-dark));border-radius:28px 28px 0 0;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -10px 35px #56144b4d}.student-sidebar__top,.student-nav__logout{display:none}.student-nav{justify-content:space-around;align-items:center;gap:4px;height:100%;margin:0;display:flex}.student-nav__item{justify-content:center;gap:0;width:auto;min-height:52px;padding:0}.student-nav__item:hover{transform:none}.student-nav__icon{flex-basis:48px;width:48px;height:48px}.student-nav__label{display:none}.student-header{padding:0 var(--student-space);justify-content:space-between}.student-header__brand{display:block}.student-header__brand img{width:128px;display:block}.student-profile-button__text{display:none}.student-profile-button{padding-right:5px}.student-content{min-height:calc(100dvh - 162px);padding:var(--student-space);border-radius:var(--student-radius) var(--student-radius) 0 0;margin:0}.student-task-shell{grid-template-columns:1fr}.student-task-meta{display:none}.student-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-activities-layout{grid-template-columns:minmax(170px,30fr) minmax(0,70fr)}.student-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profilim-badges{grid-template-columns:repeat(4,minmax(0,1fr))}.student-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.student-header__actions{gap:7px}.student-round-button{border-radius:14px;width:40px;height:40px}.student-profile-button{background:0 0;border:0}.student-avatar{border-radius:14px;width:40px;height:40px}.student-page__heading{flex-direction:column;align-items:flex-start}.student-stats{grid-template-columns:1fr}.student-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.student-book-row{grid-auto-columns:minmax(150px,68vw)}.student-detail{grid-template-columns:1fr}.student-detail__cover{width:min(320px,100%);margin:auto}.student-book-detail{gap:24px}.student-book-detail .student-detail__media{width:min(100%,320px);margin:0 auto}.student-book-detail .student-detail__cover{width:100%}.student-book-detail .student-detail__copy{padding-top:0}.student-book-detail .student-detail__top{flex-direction:column-reverse;gap:24px;display:flex}.student-book-detail .student-detail__back{width:100%}.student-activities-header{flex-direction:column;align-items:flex-start}.student-activities-header .student-detail__back{width:100%}.student-activities-layout{grid-template-columns:1fr}.student-activities-book{grid-template-columns:112px minmax(0,1fr);align-items:center;display:grid}.student-activities-book__cover{grid-row:span 2}.student-activities-book__copy{align-self:end;padding:18px 18px 8px 4px}.student-activities-progress{color:#173b82;background:0 0;align-self:stretch;padding:10px 18px 18px 4px}.student-activities-progress__track{background:#dce4f5}.student-activities-progress small{color:#68758c}.student-activity-grid{grid-template-columns:1fr}.student-messages-panel{background:0 0;padding:20px 0}.student-messages-header{padding-inline:4px}.student-messages-table-wrap{margin-inline:-4px}.student-message-modal{padding:16px}.student-message-modal__panel{border-radius:28px;grid-template-columns:1fr;padding:20px}.student-message-modal__portrait{width:112px}.student-message-modal__portrait img{aspect-ratio:1}.student-message-modal__content{padding:0}.student-message-modal__content h2{padding-right:44px}.student-detail__actions .student-button{width:100%}.student-table th,.student-table td{padding:14px}.student-task-content{padding:12px}.student-task-toolbar span{display:none}.student-badge-stats{grid-template-columns:1fr;gap:16px}.student-badge-stat{min-height:170px}.profilim-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.student-world-grid{grid-template-columns:1fr}}@media (width>=640px) and (width<=767px){.profilim-badges{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.student-book-detail{grid-template-columns:minmax(0,37fr) minmax(0,68fr)}}@media (width<=430px){.student-header__brand img{width:108px}.student-header__actions .student-popover-anchor:first-of-type{display:none}.student-book-card__body strong{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{min-height:100%}body{background:#173b82!important}html{scrollbar-width:thin;scrollbar-color:transparent transparent}html.student-is-scrolling{scrollbar-color:#ffffff8c transparent}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}html.student-is-scrolling::-webkit-scrollbar-thumb{background-color:#ffffff8c}.okudio-student-shell{--student-header:clamp(96px, 7.92vw, 152px);--student-sidebar:clamp(280px, 20.63vw, 396px);--student-space:clamp(24px, 2.08vw, 40px);--student-radius:clamp(28px, 2.35vw, 45px);isolation:isolate;background:#183887;position:relative}.student-dashboard-canvas{z-index:-2;pointer-events:none;opacity:.8;width:100%;height:100%;position:fixed;inset:0}.student-icon-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.okudio-student-shell .student-sidebar{padding:0 var(--student-space) var(--student-space);overscroll-behavior:contain;scrollbar-width:none;background:0 0;overflow:hidden auto}.okudio-student-shell .student-sidebar::-webkit-scrollbar{display:none}.okudio-student-shell .student-sidebar__top{height:var(--student-header);min-height:var(--student-header)}.okudio-student-shell .student-sidebar__logo{border:0;outline:0;place-items:center;display:grid}.okudio-student-shell .student-sidebar__logo img{border:0;outline:0;width:clamp(160px,10vw,192px);height:auto}.okudio-student-shell .student-sidebar__logo-mark{display:none}.okudio-student-shell .student-sidebar__collapse{background:0 0;border-radius:18px;width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px);right:0}.student-sidebar__expand{z-index:3;opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;border-radius:clamp(12px,1.04vw,20px);place-items:center;width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px);padding:0;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1),background .2s;display:grid;position:absolute;top:50%;left:0;transform:translateY(-100%)}.student-sidebar__expand:hover{background:#ffffff1a}.student-sidebar__expand .student-icon{filter:brightness(0)invert();opacity:.7;width:22px;height:22px}.student-sidebar__body{min-height:calc(100% - var(--student-header));flex-direction:column;justify-content:flex-start;gap:0;display:flex}.okudio-student-shell .student-nav{flex:none;gap:clamp(4px,.42vw,8px);margin:32px 0 0}.okudio-student-shell .student-nav__item{color:#ffffffe0;border-radius:clamp(16px,1.46vw,28px);gap:clamp(12px,1.04vw,20px);min-height:clamp(40px,2.7vw,52px);padding:0}.okudio-student-shell .student-nav__item:hover{background:0 0;transform:none}.okudio-student-shell .student-nav__item.is-active{color:#fff;background:0 0;width:100%;margin-left:0;padding-left:0;padding-right:0}.okudio-student-shell .student-nav__icon{border-radius:clamp(16px,1.46vw,28px);flex-basis:clamp(40px,2.7vw,52px);width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px)}.okudio-student-shell .student-nav__item.is-active .student-nav__icon{background:#fff}.okudio-student-shell .student-nav__label{font-size:clamp(16px,1.04vw,20px)}.okudio-student-shell .student-nav__logout{margin-top:0}.okudio-student-shell .student-nav__item.is-disabled{cursor:not-allowed;opacity:1}.student-promo{width:calc(var(--student-sidebar) - var(--student-space) * 2);box-shadow:none;isolation:isolate;background:linear-gradient(#14327d 0% 42%,#a9277c 100%);border-radius:clamp(16px,1.25vw,24px);flex:none;margin-top:50px;padding:clamp(16px,1.04vw,20px);animation:.5s cubic-bezier(.175,.885,.32,1.275) both student-promo-in;position:relative;overflow:hidden}.student-promo:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(100px);pointer-events:none;background:#a9277c;border-radius:50%;width:190%;position:absolute;bottom:-32%;right:-45%}.student-promo p{z-index:2;color:#fff;text-align:center;margin:0;font-size:clamp(16px,.94vw,18px);line-height:1.5;position:relative}.student-promo p strong{font-weight:600}.student-promo__phones{z-index:2;aspect-ratio:10/9;pointer-events:none;width:100%;height:auto;margin-top:clamp(8px,.63vw,12px);position:relative}.student-promo__phones img{z-index:2;aspect-ratio:250/354;object-fit:contain;width:50%;height:auto;animation:3s cubic-bezier(.365,.005,.355,1) infinite student-phone-float;position:absolute;bottom:0;left:5%}.student-promo__phones img+img{z-index:1;aspect-ratio:250/372;animation-delay:1s;bottom:12%;left:auto;right:5%}.student-promo__stores{z-index:2;gap:8px;margin-top:clamp(24px,1.67vw,32px);display:flex;position:relative}.student-promo__stores span{border:2px solid #fff;border-radius:8px;flex:1;place-items:center;min-width:0;padding:4px 12px;display:grid}.student-promo__stores span:hover{border-color:#9febf7}.student-promo__stores img{width:100%;display:block}@keyframes student-phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes student-promo-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.student-sidebar__compact-links,.student-app--collapsed .student-promo{display:none}.student-app--collapsed .student-sidebar__body{flex:1;justify-content:space-between;align-items:flex-start}.student-app--collapsed .student-nav{gap:clamp(12px,1.04vw,20px);width:clamp(40px,2.7vw,52px)}.student-app--collapsed .student-nav__item{width:clamp(40px,2.7vw,52px);min-height:clamp(40px,2.7vw,52px)}.student-app--collapsed .student-nav__icon{background:#ffffff1a}.student-app--collapsed .student-nav__item.is-active{width:clamp(40px,2.7vw,52px);margin-left:0;padding:0}.student-app--collapsed .student-nav__item.is-active .student-nav__icon{background:#fff}.student-app--collapsed .student-sidebar__logo-full{display:none}.student-app--collapsed .student-sidebar__logo .student-sidebar__logo-mark{opacity:1;border-radius:50%;width:clamp(40px,2.7vw,52px);display:block}.student-app--collapsed .student-sidebar__top{width:clamp(40px,2.7vw,52px)}.student-app--collapsed .student-sidebar__logo{place-items:center;width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:grid}.student-app--collapsed .student-sidebar__collapse{opacity:0;pointer-events:none;transform:translate(-100%)}.student-app--collapsed .student-sidebar__top:hover .student-sidebar__logo{opacity:0;pointer-events:none;transform:translateY(25%)}.student-app--collapsed .student-sidebar__top:hover .student-sidebar__expand{opacity:1;pointer-events:auto;transition-delay:.1s;transform:translateY(-50%)}.student-app--collapsed .student-sidebar__compact-links{gap:clamp(8px,.83vw,16px);width:clamp(40px,2.7vw,52px);animation:.5s cubic-bezier(.16,1,.3,1) both student-compact-links;display:grid}.student-sidebar__compact-links button{cursor:not-allowed;background:#fff;border:0;border-radius:clamp(12px,1.04vw,20px);place-items:center;width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px);padding:0;display:grid}.student-sidebar__compact-links img{object-fit:contain;width:clamp(20px,1.25vw,24px);height:clamp(20px,1.25vw,24px);transition:transform .3s}.student-sidebar__compact-links button:hover img{transform:scale(1.05)}@keyframes student-compact-links{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.okudio-student-shell .student-header{padding:var(--student-space) calc(var(--student-space) * 2) var(--student-space) var(--student-space);color:#fff;justify-content:space-between;gap:18px}.student-header__welcome{align-items:center;gap:clamp(16px,1.25vw,24px);min-width:0;display:flex}.student-header__welcome>span:last-child{min-width:0;line-height:1.35;display:grid}.student-header__welcome strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.25vw,24px);font-weight:400;overflow:hidden}.student-header__welcome b{font-weight:600}.student-header__welcome small{color:#ffffff85;font-size:clamp(12px,.83vw,16px)}.okudio-student-shell .student-avatar{border:0;border-radius:50%;flex:none;width:clamp(48px,3.75vw,72px);height:clamp(48px,3.75vw,72px)}.okudio-student-shell .student-header__actions{gap:clamp(4px,.42vw,8px)}.student-date{color:#fff;background:#fff3;border-radius:clamp(12px,1.04vw,20px);align-items:center;gap:clamp(6px,.52vw,10px);height:clamp(40px,2.7vw,52px);padding:0 clamp(12px,1.04vw,20px);display:flex}.student-date .student-icon{filter:brightness(0)invert();width:clamp(18px,1.15vw,22px);height:clamp(18px,1.15vw,22px)}.student-date>span{white-space:nowrap;font-size:clamp(12px,.83vw,16px);font-weight:400}.okudio-student-shell .student-round-button{background:#fff;border:0;border-radius:clamp(12px,1.04vw,20px);width:clamp(40px,2.7vw,52px);height:clamp(40px,2.7vw,52px);overflow:hidden}.okudio-student-shell .student-round-button:hover{background:#dbe6fe;transform:none}.okudio-student-shell .student-round-button:disabled{cursor:not-allowed;opacity:1}.okudio-student-shell .student-round-button .student-icon{filter:invert(20%)sepia(56%)saturate(1967%)hue-rotate(199deg)brightness(82%)contrast(94%);width:clamp(18px,1.15vw,22px);height:clamp(18px,1.15vw,22px)}.okudio-student-shell .student-round-button--search .student-icon{transform:translate(-5%)}.okudio-student-shell .student-round-button--message .student-icon,.okudio-student-shell .student-round-button--notification .student-icon{transform:translateY(5%)}.okudio-student-shell .student-round-button--exit{background:#ff3b45}.okudio-student-shell .student-round-button--exit:hover{background:#ff8c42}.okudio-student-shell .student-round-button--exit .student-icon{filter:brightness(0)invert();transform:translate(10%)}.student-notification-anchor:after{content:"";z-index:2;pointer-events:none;background:#ff3b45;border-radius:50%;width:clamp(8px,.625vw,12px);height:clamp(8px,.625vw,12px);position:absolute;top:0;right:0;transform:translate(10%,-10%)}.okudio-student-shell .student-content{min-height:max(calc(100dvh - var(--student-header) - var(--student-space)), 918px);margin-right:var(--student-space);margin-bottom:var(--student-space);padding:var(--student-space);border-radius:clamp(24px,2.5vw,48px)}.okudio-student-dashboard{max-width:none}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,1.88vw,36px);display:grid}.dashboard-stat{color:#fff;border-radius:clamp(16px,1.46vw,28px);min-height:clamp(145px,10.42vw,200px);padding:clamp(24px,2.5vw,48px);position:relative;overflow:hidden}.dashboard-stat--green{background:linear-gradient(45deg,#069b58,#71c934)}.dashboard-stat--orange{background:linear-gradient(45deg,#f6c85c,#ff7b36)}.dashboard-stat--blue{background:linear-gradient(45deg,#6e8ff5,#169ab7)}.dashboard-stat>strong,.dashboard-stat>span{z-index:2;max-width:68%;display:block;position:relative}.dashboard-stat>strong{font-size:clamp(36px,3.33vw,64px);font-weight:600;line-height:1.1}.dashboard-stat>span{margin-top:clamp(4px,.42vw,8px);font-size:clamp(15px,1.04vw,20px);font-weight:600;line-height:1.35}.dashboard-stat video{aspect-ratio:1;object-fit:contain;transform-origin:50% 20%;width:auto;height:100%;position:absolute;top:0;right:-2%;transform:scale(1.16)}.dashboard-stat--green video{transform-origin:50% 95%;transform:scale(1.4)}.dashboard-tasks{padding:var(--student-space);background:#f5f6ff;border-radius:clamp(16px,1.46vw,28px);margin-top:clamp(24px,2.08vw,40px);overflow:hidden}.dashboard-tasks__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dashboard-tasks__heading{align-items:flex-start;gap:clamp(16px,1.25vw,24px);display:flex}.dashboard-tasks__count{color:#fff;background:#ff7b36;border-radius:clamp(6px,.52vw,10px);flex:none;place-items:center;width:clamp(24px,1.67vw,32px);height:clamp(24px,1.67vw,32px);font-size:clamp(12px,.73vw,14px);display:grid}.dashboard-tasks h2{color:#0c1b35;margin:0;font-size:clamp(18px,1.25vw,24px);font-weight:500;line-height:1.2}.dashboard-tasks p{color:#858da0;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.dashboard-tasks__all{color:#0c1b35;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:156px;height:40px;padding:0 18px;font-size:14px;font-weight:500;display:flex}.dashboard-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:56%;margin-top:32px;display:grid}.dashboard-book-wrap{perspective:1600px;min-width:0;position:relative}.dashboard-book{cursor:pointer;perspective:2000px;background:0 0;border:0;width:100%;padding:0;display:block}.dashboard-book__cover{aspect-ratio:7/10;isolation:isolate;width:100%;transform-style:preserve-3d;background:0 0;border-radius:clamp(16px,1.46vw,28px);transition:box-shadow .5s cubic-bezier(.365,.005,.355,1);display:block;position:relative;box-shadow:5px 2px 0 -1px #fff,7px 2px 0 -1px #d7d9df,9px 3px 0 -2px #fff,11px 20px 30px -10px #0e26503d}.dashboard-book__pages{z-index:1;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%);background:linear-gradient(90deg,#f7f5ef 0%,#fff 8% 94%,#e1ddd4 100%);border:1px solid #aaa;border-radius:calc(clamp(16px,1.46vw,28px) - 3px);display:block;position:absolute;inset:2% 0;box-shadow:inset -1px 0 #aaa,inset -3px 0 #fff,inset -5px 0 #dbdbdb,inset -7px 0 #fff,inset -9px 0 #dbdbdb}.dashboard-book__front{z-index:2;border-radius:inherit;pointer-events:none;transform-origin:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .5s cubic-bezier(.365,.005,.355,1),box-shadow .5s cubic-bezier(.365,.005,.355,1),filter .35s;display:block;position:absolute;inset:0;overflow:hidden;transform:rotateY(0)translateZ(1px)}.dashboard-book__front img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.dashboard-book__shine{z-index:2;opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff3 100%);transition:opacity .5s cubic-bezier(.365,.005,.355,1);display:block;position:absolute;inset:0}.dashboard-book__fold{z-index:3;opacity:0;background:linear-gradient(90deg,#fff3 0%,#fff0 100%);border-left:2px solid #0000001a;width:20px;transition:opacity .5s cubic-bezier(.365,.005,.355,1);display:block;position:absolute;inset:0 auto 0 10px}.dashboard-book:hover .dashboard-book__cover,.dashboard-book:focus-visible .dashboard-book__cover{box-shadow:7px 2px 0 -1px #fff,9px 2px 0 -1px #d7d9df,12px 26px 36px -9px #0e26504f}.dashboard-book:hover .dashboard-book__front,.dashboard-book:focus-visible .dashboard-book__front{filter:brightness(1.03);transform:rotateY(-12deg)translateZ(1px);box-shadow:inset 3px 1px 3px #ffffff52,inset 0 -1px 2px #00000047,6px 0 7px -5px #0003}.dashboard-book:hover .dashboard-book__shine,.dashboard-book:hover .dashboard-book__fold,.dashboard-book:focus-visible .dashboard-book__shine,.dashboard-book:focus-visible .dashboard-book__fold{opacity:1}.dashboard-book:hover+.dashboard-book__like,.dashboard-book:focus-visible+.dashboard-book__like{pointer-events:none;opacity:0;transform:translate(-25%)}.dashboard-book__lock{z-index:2;color:#fff;background:#0c1b35b3;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.dashboard-book__lock .student-icon{filter:brightness(0)invert();margin:auto}.dashboard-book__like{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffffb8;border:0;border-radius:clamp(12px,1.04vw,20px);place-items:center;width:clamp(36px,2.5vw,48px);height:clamp(36px,2.5vw,48px);transition:opacity .5s cubic-bezier(.365,.005,.355,1),transform .5s cubic-bezier(.365,.005,.355,1);display:grid;position:absolute;top:clamp(12px,1.04vw,20px);right:clamp(12px,1.04vw,20px)}.dashboard-book__like .student-icon{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px)}.dashboard-book__like.is-liked .student-icon{filter:invert(42%)sepia(83%)saturate(2528%)hue-rotate(330deg)}.dashboard-lock-note{background:#fff;border-radius:12px;gap:8px;margin-top:8px;padding:10px;font-size:11px;display:grid}.dashboard-lock-note button{color:#173b82;background:0 0;border:0;justify-self:start;font-weight:600}.dashboard-library{padding:var(--student-space);background:#f5f6ff;border-radius:clamp(16px,1.46vw,28px);margin-top:clamp(24px,2.08vw,40px)}.dashboard-library__heading{align-items:flex-start;gap:clamp(12px,1.04vw,20px);display:flex}.dashboard-library__icon{background:#173b82;border-radius:clamp(6px,.52vw,10px);flex:none;place-items:center;width:clamp(24px,1.67vw,32px);height:clamp(24px,1.67vw,32px);display:grid}.dashboard-library__icon .student-icon{filter:brightness(0)invert();width:58%;height:58%}.dashboard-library__heading h2,.dashboard-library__shelf h3{color:#0c1b35;margin:0;font-weight:500}.dashboard-library__heading h2{font-size:clamp(18px,1.25vw,24px)}.dashboard-library__heading p{color:#858da0;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.dashboard-library__shelf{margin-top:clamp(28px,2.08vw,40px)}.dashboard-library__shelf>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(18px,1.25vw,24px);display:flex}.dashboard-library__shelf h3{min-width:0;font-size:clamp(16px,1.04vw,20px)}.dashboard-library__shelf>header button{color:#173b82;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:8px 0;font-size:13px;font-weight:600}.dashboard-library__books{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.08vw,40px);padding:8px 8px 24px;display:grid}.dashboard-library>.student-empty{margin-top:clamp(24px,1.67vw,32px)}@media (width<=1279px){.student-date{display:none}.dashboard-stat{padding:24px}.dashboard-stat video{right:-12%}.dashboard-books{max-width:82%}}@media (width<=1023px){.student-nav__item:after,.student-button:before,.student-button:after{display:none}.okudio-student-shell{--student-header:96px;padding-bottom:86px;display:block}.okudio-student-shell .student-sidebar{padding:9px max(14px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(100% 200% at 50% 200%,#ae2677,#173b82)}.student-sidebar__body{min-height:0;display:block}.student-promo{display:none}.student-sidebar__compact-links{display:none!important}.okudio-student-shell .student-nav{margin:0}.okudio-student-shell .student-nav__item.is-active{width:auto;margin-left:0;padding:0}.okudio-student-shell .student-nav__item:nth-child(3),.okudio-student-shell .student-nav__item:nth-child(5),.okudio-student-shell .student-nav__logout{display:none}.okudio-student-shell .student-header{padding:0 var(--student-space)}.okudio-student-shell .student-header__brand{display:block}.okudio-student-shell .student-header__brand img{border:0;width:120px;display:block}.student-header__welcome{margin-right:auto}.student-header__welcome strong{font-size:14px}.student-header__welcome small{font-size:11px}.okudio-student-shell .student-avatar{width:46px;height:46px}.okudio-student-shell .student-content{border-radius:var(--student-radius) var(--student-radius) 0 0;min-height:calc(100dvh - 174px);margin:0}.dashboard-stats{gap:14px}.dashboard-stat{min-height:145px;padding:20px}.dashboard-stat>strong{font-size:38px}.dashboard-stat>span{font-size:14px}.dashboard-books{max-width:100%}.dashboard-library__books{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.okudio-student-shell{--student-header:84px}.okudio-student-shell .student-header__brand img{width:104px}.student-header__welcome{gap:8px}.student-header__welcome>span:last-child{display:none}.okudio-student-shell .student-header__actions{gap:4px}.okudio-student-shell .student-header__actions>.student-round-button:nth-of-type(2){display:none}.okudio-student-shell .student-round-button{border-radius:12px;width:40px;height:40px}.dashboard-stats{grid-template-columns:1fr}.dashboard-stat{min-height:132px}.dashboard-stat video{right:0}.dashboard-tasks{padding:20px}.dashboard-tasks__header{align-items:flex-start}.dashboard-tasks__heading{gap:10px}.dashboard-tasks__all{white-space:nowrap}.dashboard-books{scroll-snap-type:x mandatory;gap:16px;padding:4px 4px 24px;display:flex;overflow-x:auto}.dashboard-book-wrap{scroll-snap-align:start;flex:0 0 min(58vw,210px)}.dashboard-library__books{scroll-snap-type:x mandatory;gap:16px;padding:4px 4px 24px;display:flex;overflow-x:auto}.dashboard-library__books .student-assignment-book{flex:0 0 min(58vw,210px)}.dashboard-library__shelf>header{gap:10px}.dashboard-library__shelf>header button{font-size:11px}}@media (width<=430px){.okudio-student-shell .student-header__brand img{width:92px}.okudio-student-shell .student-header__actions>.student-round-button:first-child{display:none}.dashboard-tasks__all{font-size:11px}}@media (width<=767px){.okudio-student-shell{--student-header:92px}.okudio-student-shell .student-header{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left));gap:8px}.okudio-student-shell .student-header__brand{display:none}.okudio-student-shell .student-header__welcome{flex:auto;gap:10px;min-width:0;margin-right:0}.okudio-student-shell .student-header__welcome>span:last-child{min-width:0;display:grid}.okudio-student-shell .student-header__welcome strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,3.85vw,15px);line-height:1.3;overflow:hidden}.okudio-student-shell .student-header__welcome small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;line-height:1.25;overflow:hidden}.okudio-student-shell .student-avatar{border:2px solid #ffffffbd;border-radius:50%;flex:0 0 46px;width:46px;height:46px;box-shadow:0 7px 18px #0c1b3538}.okudio-student-shell .student-header__actions{flex:none;gap:5px}.okudio-student-shell .student-round-button--message{display:none}.okudio-student-shell .student-header__actions>.student-round-button--search{display:grid}.okudio-student-shell .student-round-button{border-radius:12px;width:40px;height:40px;box-shadow:0 6px 14px #0c1b3521}}@media (width<=374px){.okudio-student-shell .student-header{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));gap:6px}.okudio-student-shell .student-header__welcome{gap:7px}.okudio-student-shell .student-header__welcome small{display:none}.okudio-student-shell .student-avatar{flex-basis:42px;width:42px;height:42px}.okudio-student-shell .student-header__actions{gap:4px}.okudio-student-shell .student-round-button{border-radius:11px;width:38px;height:38px}}@media (width<=1023px){.okudio-student-shell .student-sidebar{background:radial-gradient(circle at 11% 64%,#ffffff1a 0 7px,#0000 8px),radial-gradient(circle at 37% 12%,#ffffff12 0 11px,#0000 12px),radial-gradient(circle at 72% 78%,#ffffff14 0 5px,#0000 6px),radial-gradient(circle at 92% 24%,#ffffff0f 0 9px,#0000 10px),radial-gradient(100% 200% at 50% 200%,#ae2677,#173b82);overflow:hidden}.okudio-student-shell .student-sidebar:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(45deg,#0000 47%,#ffffff0d 48% 52%,#0000 53%) 18% 45%/18px 18px no-repeat,radial-gradient(circle,#ffffff14 0 2px,#0000 3px) 82% 38%/20px 20px no-repeat;animation:9s ease-in-out infinite alternate student-nav-atmosphere;position:absolute;inset:-30% -5%}.okudio-student-shell .student-sidebar__body{z-index:1;position:relative}.okudio-student-shell .student-nav{gap:0;justify-content:initial;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.okudio-student-shell .student-nav__item:nth-child(3),.okudio-student-shell .student-nav__item:nth-child(5){display:flex}.okudio-student-shell .student-nav__item,.okudio-student-shell .student-nav__item.is-active{justify-content:center;justify-self:stretch;width:100%;min-width:0;margin:0;padding:0}.okudio-student-shell .student-nav__item.is-active,.okudio-student-shell .student-nav__item.is-active:hover{background:0 0}.okudio-student-shell .student-nav__icon{border-radius:12px;flex:0 0 40px;width:40px;height:40px;margin:0 auto}.okudio-student-shell .student-nav__item.is-active .student-nav__icon{background:#fff}.okudio-student-shell .student-nav__item.is-active .student-icon{filter:invert(44%)sepia(20%)saturate(1333%)hue-rotate(181deg)brightness(91%)contrast(87%)}}@keyframes student-nav-atmosphere{0%{transform:translate(-1%)rotate(-1deg)}to{transform:translate(1%,-4%)rotate(2deg)}}.student-assignments-page{max-width:none}.student-assignment-panel{padding:var(--student-space);background:#eff4ff;border-radius:clamp(16px,1.46vw,28px);position:relative;overflow:hidden}.student-assignment-panel+.student-assignment-panel{margin-top:clamp(24px,2.08vw,40px)}.student-assignment-panel__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.student-assignment-panel__heading{align-items:flex-start;gap:clamp(16px,1.25vw,24px);min-width:0;display:flex}.student-assignment-panel__count{color:#fff;background:#ff7b36;border-radius:clamp(6px,.52vw,10px);flex:none;place-items:center;width:clamp(24px,1.67vw,32px);height:clamp(24px,1.67vw,32px);font-size:clamp(12px,.73vw,14px);display:grid}.student-assignment-panel h1,.student-assignment-panel h2{color:#0c1b35;letter-spacing:normal;margin:0;font-family:Poppins,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(18px,10.986px + .6849vw,24px);font-weight:400;line-height:1.3}.student-assignment-panel__heading p{color:#929aac;margin:5px 0 0;font-size:clamp(12px,.83vw,16px)}.student-assignment-panel__all{color:#0c1b35;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:156px;height:40px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.student-assignment-books{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:clamp(180px,15.6vw,240px);grid-auto-flow:column;gap:clamp(20px,2.08vw,40px);margin-top:clamp(24px,1.67vw,32px);padding:8px 8px 26px;display:grid;overflow-x:auto}.student-bookcase-page,.student-liked-books-page{max-width:none}.student-liked-books-page .student-assignment-panel__count{color:#fff;background:#ff5364}.student-bookcase-grid{grid-template-columns:repeat(auto-fill,minmax(180px,240px));gap:clamp(24px,2.08vw,40px);margin-top:clamp(24px,1.67vw,32px);padding:8px 8px 26px;display:grid}.student-bookcase-grid .student-book-card{width:100%;min-width:0}.student-bookcase-panel .student-empty,.student-bookcase-panel .student-empty--error{margin-top:clamp(24px,1.67vw,32px)}.student-assignment-book{scroll-snap-align:start;perspective:1600px;min-width:0;position:relative}.student-assignment-book .student-book-card{z-index:1;perspective:2000px;width:100%}.student-assignment-book .student-book-card__cover{aspect-ratio:7/10;isolation:isolate;width:100%;transform-style:preserve-3d;background:0 0;border-radius:clamp(16px,1.46vw,28px);display:block;overflow:visible;transform:none;box-shadow:5px 2px 0 -1px #fff,7px 2px 0 -1px #d7d9df,9px 3px 0 -2px #fff,11px 20px 30px -10px #0e26503d}.student-assignment-book .student-book-card__cover:before{content:none}.student-assignment-book .student-book-card__cover:after{z-index:3;border-radius:inherit}.student-assignment-book .student-book-card__lock{z-index:6}.student-book-card__pages-layer{z-index:1;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%);background:linear-gradient(90deg,#f7f5ef 0%,#fff 8% 94%,#e1ddd4 100%);border:1px solid #aaa;border-radius:calc(clamp(16px,1.46vw,28px) - 3px);display:block;position:absolute;inset:2% 0;box-shadow:inset -1px 0 #aaa,inset -3px 0 #fff,inset -5px 0 #dbdbdb,inset -7px 0 #fff,inset -9px 0 #dbdbdb}.student-book-card__front{z-index:4;border-radius:inherit;pointer-events:none;transform-origin:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .5s cubic-bezier(.365,.005,.355,1),box-shadow .5s cubic-bezier(.365,.005,.355,1),filter .35s;display:block;position:absolute;inset:0;overflow:hidden;transform:rotateY(0)translateZ(1px)}.student-book-card__front img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.student-book-card__front-shine{z-index:2;opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff3 100%);transition:opacity .5s cubic-bezier(.365,.005,.355,1);display:block;position:absolute;inset:0}.student-book-card__front-fold{z-index:3;opacity:0;background:linear-gradient(90deg,#fff3 0%,#fff0 100%);border-left:2px solid #0000001a;width:20px;transition:opacity .5s cubic-bezier(.365,.005,.355,1);display:block;position:absolute;inset:0 auto 0 10px}.student-assignment-book .student-book-card:hover .student-book-card__cover{box-shadow:7px 2px 0 -1px #fff,9px 2px 0 -1px #d7d9df,12px 26px 36px -9px #0e26504f}.student-assignment-book .student-book-card:hover .student-book-card__front,.student-assignment-book .student-book-card:focus-visible .student-book-card__front{filter:brightness(1.03);transform:rotateY(-12deg)translateZ(1px);box-shadow:inset 3px 1px 3px #ffffff52,inset 0 -1px 2px #00000047,6px 0 7px -5px #0003}.student-assignment-book .student-book-card:hover .student-book-card__front-shine,.student-assignment-book .student-book-card:hover .student-book-card__front-fold,.student-assignment-book .student-book-card:focus-visible .student-book-card__front-shine,.student-assignment-book .student-book-card:focus-visible .student-book-card__front-fold{opacity:1}.student-assignment-book .student-book-card:hover .student-book-card__body strong,.student-assignment-book .student-book-card:focus-visible .student-book-card__body strong{color:#ff7b36}.student-assignment-book .student-book-card:hover+.student-assignment-book__like,.student-assignment-book .student-book-card:focus-visible+.student-assignment-book__like{opacity:0;transform:translate(-25%)}.student-assignment-book .student-book-card__body{padding:18px 10px 0}.student-book-card__pages{color:#0c1b35;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;font-weight:500;display:flex}.student-book-card__pages .student-icon{filter:invert(58%)sepia(92%)saturate(891%)hue-rotate(142deg)brightness(88%)contrast(89%);width:15px;height:15px}.student-book-card__progress{color:#173b82;background:#e9effd;border-radius:9px;align-items:center;gap:7px;margin-bottom:7px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.student-book-card__progress .student-icon{filter:invert(20%)sepia(56%)saturate(1967%)hue-rotate(199deg)brightness(82%)contrast(94%);width:14px;height:14px}.student-assignment-book .student-book-card__body strong{color:#0c1b35;font-size:clamp(14px,.94vw,18px);font-weight:500;transition:color .3s}.student-assignment-book__like{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffffb8;border:0;border-radius:clamp(12px,1.04vw,20px);place-items:center;width:clamp(36px,2.5vw,48px);height:clamp(36px,2.5vw,48px);padding:0;transition:background .2s,transform .25s,opacity .2s;display:grid;position:absolute;top:clamp(12px,1.04vw,20px);right:clamp(10px,.83vw,16px)}.student-assignment-book__like:hover,.student-assignment-book__like:focus-visible{opacity:1;background:#fff;transform:scale(1.06)}.student-assignment-book__like .student-icon{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px)}.student-assignment-book__like.is-liked .student-icon{filter:invert(42%)sepia(83%)saturate(2528%)hue-rotate(330deg)}.student-assignment-table-wrap{margin-top:clamp(24px,1.67vw,32px);overflow-x:auto}.student-assignment-table{border-collapse:collapse;color:#58677f;text-align:left;width:100%;min-width:680px;font-size:clamp(14px,.83vw,16px)}.student-assignment-table th{color:#0c1b35;border-bottom:1px solid #fff;padding:0 clamp(8px,.63vw,12px) clamp(8px,.63vw,12px);font-size:clamp(16px,.94vw,18px);font-weight:600}.student-assignment-table td{white-space:nowrap;border-bottom:1px solid #fff;padding:clamp(8px,.63vw,12px);transition:background .2s}.student-assignment-table tr:last-child td{border-bottom:0}.student-assignment-table tbody tr:hover td{background:#ffffff8c}.student-assignment-table tbody tr:hover td:first-child{border-radius:8px 0 0 8px}.student-assignment-table tbody tr:hover td:last-child{border-radius:0 8px 8px 0}.assignment-history-filters{flex-wrap:wrap;gap:10px;margin-top:clamp(24px,1.67vw,32px);display:flex}.assignment-history-filter{color:#58677f;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13px;transition:color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.assignment-history-filter:hover{transform:translateY(-1px);box-shadow:0 7px 18px #173b821a}.assignment-history-filter i{background:#ffac2f;border-radius:50%;width:9px;height:9px}.assignment-history-filter--completed i{background:#18ad67}.assignment-history-filter--expired i{background:#f14848}.assignment-history-filter--upcoming i{background:#6c63e8}.assignment-history-filter strong{font-weight:600}.assignment-history-filter.is-active{color:#fff;background:#173b82;box-shadow:0 8px 20px #173b822e}.assignment-history-filter.is-active i{background:#fff}.student-assignment-history .student-assignment-table-wrap{margin-top:24px}.student-assignment-history .student-assignment-table{min-width:820px}.student-assignment-history .student-assignment-table th{color:#68758c;border-bottom-color:#dfe5f0;padding-bottom:14px;font-size:14px}.student-assignment-history .student-assignment-table td{border-bottom-color:#e3e8f1;height:78px}.assignment-history-book{align-items:center;gap:12px;min-width:220px;display:flex}.assignment-history-book img{object-fit:cover;border-radius:8px;flex:none;width:42px;height:56px;box-shadow:0 5px 12px #0c1b3526}.assignment-history-book strong{color:#0c1b35;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.assignment-history-progress{align-items:center;gap:12px;min-width:150px;display:flex}.assignment-history-progress>span{background:#dfe5f0;border-radius:999px;width:102px;height:9px;display:block;overflow:hidden}.assignment-history-progress>span i{border-radius:inherit;background:#ffac2f;height:100%;display:block}.assignment-history-progress.is-completed>span i{background:#18ad67}.assignment-history-progress.is-expired>span i{background:#f14848}.assignment-history-progress.is-upcoming>span i{background:#6c63e8}.assignment-history-progress>strong{color:#58677f;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.assignment-history-status{color:#a66500;white-space:nowrap;background:#fff0c7;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.assignment-history-status.is-completed{color:#087a43;background:#d8f8e7}.assignment-history-status.is-expired{color:#c52d3b;background:#ffe1e3}.assignment-history-status.is-upcoming{color:#5147c8;background:#e8e6ff}.assignment-history-status .student-icon{filter:invert(26%)sepia(95%)saturate(1938%)hue-rotate(333deg)brightness(89%)contrast(91%);width:15px;height:15px}@media (width<=767px){.student-assignment-panel{padding:20px}.student-assignment-panel__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.student-assignment-panel__heading{gap:10px}.student-assignment-panel__all{white-space:nowrap;width:auto;min-width:0;height:38px;margin:0;padding:0 14px;font-size:11px}.student-assignment-books{grid-auto-columns:minmax(190px,56vw);gap:16px;margin-right:-20px;padding-right:20px;scroll-padding-inline:8px 20px}.student-bookcase-panel{overflow:hidden}.student-bookcase-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(190px,56vw);grid-auto-flow:column;gap:16px;margin-right:-20px;padding-right:20px;scroll-padding-inline:8px 20px;overflow-x:auto}.student-assignment-books .student-book-card{width:100%;min-width:0}.student-assignment-table{min-width:620px}.assignment-history-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.assignment-history-filter{justify-content:center;min-width:0;padding-inline:10px;font-size:11px}}