*,:before,:after{box-sizing:border-box}.elements-container-wrapper,.atoms-container-wrapper,.chemical-reactions-container-wrapper,.acids-bases-and-ph-container-wrapper,.states-of-matter-container-wrapper{box-sizing:border-box!important;background-color:#f0f4f8!important;background-image:url(/images/chemistry-background.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;justify-content:center!important;align-items:flex-start!important;gap:20px!important;width:100%!important;min-height:100vh!important;padding:40px 20px!important;display:flex!important}.elements-container,.atoms-container,.chemical-reactions-container,.acids-bases-and-ph-container,.states-of-matter-container{text-align:left!important;box-sizing:border-box!important;background-color:#fff!important;border-radius:14px!important;width:100%!important;max-width:1500px!important;padding:28px 28px 30px!important;box-shadow:0 6px 18px #0000001f!important}.elements-title,.atoms-title,.chemical-reactions-title,.acids-bases-and-ph-title,.states-of-matter-title{color:#2b2f36!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin:0 0 10px!important;font-size:clamp(1.85rem,2.4vw,2.1rem)!important;font-weight:750!important;line-height:1.18!important;display:flex!important}.elements-container>p:first-of-type,.atoms-container>p:first-of-type,.chemical-reactions-container>p:first-of-type,.acids-bases-and-ph-container>p:first-of-type,.states-of-matter-container>p:first-of-type{color:#333!important;max-width:820px!important;margin:0 0 18px!important;font-size:1.08rem!important;line-height:1.62!important}.start-exercises-btn{color:#fff!important;background:#0ea5e9!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:30px!important;padding:6px 12px!important;font-size:.9rem!important;font-weight:700!important;line-height:1.1!important;text-decoration:none!important;transition:background .2s,transform .2s!important;display:inline-flex!important}.start-exercises-btn:hover{color:#fff!important;background:#0284c7!important;transform:translateY(-1px)!important}.hub-intro-panel,.atoms-info-panel,.chemical-reactions-info-panel,.acids-bases-info-panel,.states-of-matter-info-panel{margin:0 0 24px!important}.subject-info-bottom{margin:28px 0 0!important}.hub-info-grid,.atoms-info-grid,.chemical-reactions-info-grid,.acids-bases-info-grid,.states-of-matter-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.hub-info-card,.atoms-info-card,.chemical-reactions-info-card,.acids-bases-info-card,.states-of-matter-info-card{min-height:0!important;box-shadow:none!important;background:linear-gradient(#f8fcff 0%,#eef6fb 100%)!important;border:1px solid #d8e6ef!important;border-radius:14px!important;padding:18px!important}.hub-info-title,.atoms-info-title,.chemical-reactions-info-title,.acids-bases-info-title,.states-of-matter-info-title{color:#2c3e50!important;margin:0 0 8px!important;font-size:1rem!important;font-weight:750!important;line-height:1.35!important}.hub-info-card p,.atoms-info-card p,.chemical-reactions-info-card p,.acids-bases-info-card p,.states-of-matter-info-card p{color:#334155!important;margin:0!important;font-size:1rem!important;line-height:1.6!important}.atoms-category-wrapper,.chemical-reactions-category-wrapper,.acids-bases-category-wrapper,.states-of-matter-category-wrapper{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:20px!important;padding:20px 0!important;display:grid!important}.atoms-category-box,.chemical-reactions-category-box,.acids-bases-category-box,.states-of-matter-category-box{background:#fff!important;border:1px solid #e3edf3!important;border-radius:12px!important;width:100%!important;max-width:none!important;overflow:hidden!important;box-shadow:0 5px 14px #0f172a14!important}.atoms-category-title,.chemical-reactions-category-title,.acids-bases-category-title,.states-of-matter-category-title{color:#2c3e50!important;text-align:center!important;background:linear-gradient(#f8fcff 0%,#eef6fb 100%)!important;border-radius:0!important;justify-content:center!important;align-items:center!important;min-height:48px!important;padding:12px 10px!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important;display:flex!important}.atoms-button,.chemical-reactions-button,.acids-bases-button,.states-of-matter-button,.test-basic-button{color:#fff!important;box-sizing:border-box!important;border-radius:8px!important;min-height:42px!important;margin:8px 0!important;padding:10px 14px!important;font-size:1rem!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important}@media (max-width:768px){.elements-container-wrapper,.atoms-container-wrapper,.chemical-reactions-container-wrapper,.acids-bases-and-ph-container-wrapper,.states-of-matter-container-wrapper{flex-direction:column!important;gap:12px!important;max-width:100vw!important;padding:32px 10px!important;overflow-x:hidden!important}.elements-container,.atoms-container,.chemical-reactions-container,.acids-bases-and-ph-container,.states-of-matter-container{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;max-width:100%!important;padding:24px 18px!important}.elements-container-wrapper>.elements-container{width:100%!important;max-width:100%!important}.elements-title,.atoms-title,.chemical-reactions-title,.acids-bases-and-ph-title,.states-of-matter-title{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;font-size:clamp(1.75rem,8vw,2rem)!important}.elements-container>p:first-of-type,.atoms-container>p:first-of-type,.chemical-reactions-container>p:first-of-type,.acids-bases-and-ph-container>p:first-of-type,.states-of-matter-container>p:first-of-type{font-size:1.03rem!important}.hub-info-grid,.atoms-info-grid,.chemical-reactions-info-grid,.acids-bases-info-grid,.states-of-matter-info-grid,.atoms-category-wrapper,.chemical-reactions-category-wrapper,.acids-bases-category-wrapper,.states-of-matter-category-wrapper{grid-template-columns:1fr!important}.atoms-category-box,.chemical-reactions-category-box,.acids-bases-category-box,.states-of-matter-category-box{flex:none!important;max-width:100%!important}}body{background-color:#f0f4f8!important}html,body{max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:clip}.app-body{background-image:url(/images/chemistry-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;display:flex}.app-layout{flex:1;margin-bottom:40px;display:flex}.app-main{flex:1;min-width:0;margin-left:0}.app-main,.outer-box,main,section,article{max-width:100%}p,li,h1,h2,h3,h4,h5,h6,a{overflow-wrap:anywhere}img,svg,video{max-width:100%}.game-learning-panel{text-align:left;background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #d8e6ef;border-radius:12px;width:min(760px,100%);margin:0 auto 18px;padding:18px 20px;box-shadow:0 6px 16px #0f172a0f}.game-learning-panel h3{color:#005f73;margin:0 0 10px;font-size:1.2rem}.game-learning-panel p{color:#334155;margin:0 0 10px}.game-learning-panel ul{margin:8px 0 0 22px;padding:0}.game-learning-panel li{margin-bottom:6px}.elements-container-wrapper,.atoms-container-wrapper,.chemical-reactions-container-wrapper,.molecules-bonding-container-wrapper,.chemistry-calculations-container-wrapper,.chemistry-sustainability-container-wrapper,.exams-container-wrapper,.posters-container-wrapper,.acids-bases-and-ph-container-wrapper,.states-of-matter-container-wrapper{align-items:flex-start;padding:40px 20px}.elements-container,.atoms-container,.chemical-reactions-container,.molecules-bonding-container,.chemistry-calculations-container,.chemistry-sustainability-container,.exams-container,.posters-container,.acids-bases-and-ph-container,.states-of-matter-container{text-align:left;background-color:#fff;border-radius:12px;width:100%;max-width:1500px;padding:0 20px 20px;box-shadow:0 6px 18px #0000001f}.elements-title,.atoms-title,.chemical-reactions-title,.molecules-bonding-title,.chemistry-calculations-title,.chemistry-sustainability-title,.exams-title,.posters-title,.acids-bases-and-ph-title,.states-of-matter-title{color:#333;flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0 10px;font-size:32px;line-height:1.2;display:flex}.hub-intro-panel,.atoms-info-panel,.chemical-reactions-info-panel,.molecules-bonding-info-panel,.chemistry-calculations-info-panel,.chemistry-sustainability-info-panel,.exams-info-panel,.posters-info-panel,.acids-bases-info-panel,.states-of-matter-info-panel{margin:0 0 24px}.hub-info-grid,.atoms-info-grid,.chemical-reactions-info-grid,.molecules-bonding-info-grid,.chemistry-calculations-info-grid,.chemistry-sustainability-info-grid,.exams-info-grid,.posters-info-grid,.acids-bases-info-grid,.states-of-matter-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hub-info-card,.atoms-info-card,.chemical-reactions-info-card,.molecules-bonding-info-card,.chemistry-calculations-info-card,.chemistry-sustainability-info-card,.exams-info-card,.posters-info-card,.acids-bases-info-card,.states-of-matter-info-card{background:linear-gradient(#f8fcff 0%,#eef6fb 100%);border:1px solid #d8e6ef;border-radius:14px;padding:18px}.hub-info-title,.atoms-info-title,.chemical-reactions-info-title,.molecules-bonding-info-title,.chemistry-calculations-info-title,.chemistry-sustainability-info-title,.exams-info-title,.posters-info-title,.acids-bases-info-title,.states-of-matter-info-title{color:#2c3e50;margin:0 0 8px;font-size:1rem;font-weight:700}.atoms-category-wrapper,.chemical-reactions-category-wrapper,.molecules-bonding-category-wrapper,.chemistry-calculations-category-wrapper,.chemistry-sustainability-category-wrapper,.acids-bases-category-wrapper,.states-of-matter-category-wrapper{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px 0;display:grid}.atoms-category-box,.chemical-reactions-category-box,.molecules-bonding-category-box,.chemistry-calculations-category-box,.chemistry-sustainability-category-box,.acids-bases-category-box,.states-of-matter-category-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;width:100%;max-width:none;overflow:hidden}.atoms-category-title,.chemical-reactions-category-title,.molecules-bonding-category-title,.chemistry-calculations-category-title,.chemistry-sustainability-category-title,.acids-bases-category-title,.states-of-matter-category-title{color:#2c3e50;text-align:center;background-color:#e9ecef;justify-content:center;align-items:center;min-height:48px;padding:10px;font-size:16px;font-weight:700;display:flex}.atoms-button,.chemical-reactions-button,.molecules-bonding-button,.chemistry-calculations-button,.chemistry-sustainability-button,.acids-bases-button,.states-of-matter-button,.test-basic-button{min-height:44px;line-height:1.2}.elements-title,.atoms-title,.states-of-matter-title{text-align:left;color:#333;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:2em;display:flex}p{color:#333;line-height:1.6}.btn{text-align:center;border-radius:5px;width:auto;max-width:fit-content;margin:10px 5px;padding:10px 15px;transition:all .3s ease-in-out;display:inline-block}.btn:hover{transform:scale(1.05)}.all-exercises-btn,.next-exercise-btn{padding:10px 16px;font-size:15px}.btn i{margin-left:8px}.completion-star{width:20px;height:20px;margin-left:8px}.elements-menu{background-color:#f8f9fa;border:2px solid #ccc;border-radius:10px;align-self:flex-start;max-width:260px;padding:15px;box-shadow:0 4px 6px #0000001a}.menu-title-box{color:#fff;text-align:center;background-color:#0077b6;border-radius:8px;margin-bottom:10px;padding:8px;font-size:14px;font-weight:700}.menu-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-list-item{text-align:center;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:8px;font-size:12px;font-weight:700;transition:background-color .3s;display:block}.menu-list-item:hover{background-color:#f0f0f0}.correct-answer,.option.correct-answer{background-color:#28a74526!important;border:2px solid #28a745!important}.incorrect-answer,.option.incorrect-answer{background-color:#dc354526!important;border:2px solid #dc3545!important}.quiz-example-questions{text-align:left;color:#2d3748;background:#f8fcff;border:1px solid #d8e6ef;border-radius:12px;margin:22px 0 0;padding:16px}.quiz-example-questions h3{color:#1f3447;margin:0 0 8px;font-size:1rem;font-weight:700}.quiz-example-questions p{margin:0 0 10px;line-height:1.6}.quiz-example-questions ol,.quiz-example-questions ul{margin:0;padding-left:1.2rem}.quiz-example-questions li{margin-bottom:6px;line-height:1.55}.quiz-crawl-summary{text-align:left;color:#2d3748;margin-top:14px}.quiz-crawl-summary summary{cursor:pointer;font-weight:700}@media (max-width:768px){.app-layout{flex-direction:column}.app-main{margin-left:0}.elements-menu{max-width:100%}.elements-container-wrapper,.atoms-container-wrapper,.chemical-reactions-container-wrapper,.molecules-bonding-container-wrapper,.chemistry-calculations-container-wrapper,.chemistry-sustainability-container-wrapper,.exams-container-wrapper,.posters-container-wrapper,.states-of-matter-container-wrapper,.acids-bases-and-ph-container-wrapper{flex-direction:column;gap:12px;max-width:100vw;overflow-x:hidden}.elements-container-wrapper{box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px}.elements-container,.atoms-container,.chemical-reactions-container,.molecules-bonding-container,.chemistry-calculations-container,.chemistry-sustainability-container,.exams-container,.posters-container,.acids-bases-and-ph-container,.states-of-matter-container{box-sizing:border-box;border-radius:0;max-width:100%;padding:24px 18px}.elements-container-wrapper>.elements-container{width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important}.elements-title,.atoms-title,.chemical-reactions-title,.molecules-bonding-title,.chemistry-calculations-title,.chemistry-sustainability-title,.exams-title,.posters-title,.acids-bases-and-ph-title,.states-of-matter-title{flex-direction:column;align-items:flex-start;gap:8px;font-size:28px}.hub-info-grid,.atoms-info-grid,.chemical-reactions-info-grid,.molecules-bonding-info-grid,.chemistry-calculations-info-grid,.chemistry-sustainability-info-grid,.exams-info-grid,.posters-info-grid,.acids-bases-info-grid,.states-of-matter-info-grid,.atoms-category-wrapper,.chemical-reactions-category-wrapper,.molecules-bonding-category-wrapper,.chemistry-calculations-category-wrapper,.chemistry-sustainability-category-wrapper,.acids-bases-category-wrapper,.states-of-matter-category-wrapper{grid-template-columns:1fr}.elements-container-wrapper>.elements-container,.elements-container-wrapper>.atoms-container-2,.atoms-container-wrapper>.elements-container,.atoms-container-wrapper>.atoms-container-2,.chemical-reactions-container-wrapper>.chemical-reactions-container,.chemical-reactions-container-wrapper .chemical-reactions-container-2,.molecules-bonding-container-wrapper>.molecules-bonding-container,.molecules-bonding-container-wrapper>.molecules-bonding-container-2,.chemistry-calculations-container-wrapper>.chemistry-calculations-container,.chemistry-calculations-container-wrapper>.chemistry-calculations-container-2,.chemistry-sustainability-container-wrapper>.chemistry-sustainability-container,.chemistry-sustainability-container-wrapper>.chemistry-sustainability-container-2,.exams-container-wrapper>.exams-container,.posters-container-wrapper>.posters-container,.states-of-matter-container-wrapper>.states-of-matter-container,.states-of-matter-container-wrapper>.states-of-matter-container-2,.acids-bases-and-ph-container-wrapper>.acids-bases-and-ph-container,.acids-bases-and-ph-container-wrapper>.acids-bases-and-ph-container-2,.elements-container-wrapper .elements-container-2,.atoms-container-wrapper .atoms-container-2,.states-of-matter-container-wrapper .states-of-matter-container-2{box-sizing:border-box;width:100%;flex:100%!important;max-width:100%!important}.elements-container-wrapper>.elements-menu,.atoms-container-wrapper>.elements-menu,.chemical-reactions-container-wrapper>.elements-menu,.molecules-bonding-container-wrapper>.elements-menu,.chemistry-calculations-container-wrapper>.elements-menu,.chemistry-sustainability-container-wrapper>.elements-menu,.states-of-matter-container-wrapper>.elements-menu{box-sizing:border-box;width:100%;max-width:100%}.elements-container-wrapper .button-group,.atoms-container-wrapper .button-group,.chemical-reactions-container-wrapper .button-group,.molecules-bonding-container-wrapper .button-group,.chemistry-calculations-container-wrapper .button-group,.chemistry-sustainability-container-wrapper .button-group,.states-of-matter-container-wrapper .button-group,.acids-bases-and-ph-container-wrapper .button-group{flex-direction:column;gap:12px;width:100%;display:flex}.elements-container-wrapper .button-group a,.atoms-container-wrapper .button-group a,.chemical-reactions-container-wrapper .button-group a,.molecules-bonding-container-wrapper .button-group a,.chemistry-calculations-container-wrapper .button-group a,.chemistry-sustainability-container-wrapper .button-group a,.states-of-matter-container-wrapper .button-group a,.acids-bases-and-ph-container-wrapper .button-group a{box-sizing:border-box;justify-content:center;width:100%}}html{scrollbar-gutter:stable;scroll-padding-top:76px}.elements-title>h1{font:inherit;color:inherit;margin:0}
.elements-container-wrapper{box-sizing:border-box;background-color:#f0f4f8;background-image:url(/images/chemistry-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.elements-container{text-align:left;box-sizing:border-box;background-color:#fff;border-radius:12px;width:100%;max-width:1500px;padding:0 20px 20px;box-shadow:0 6px 18px #0000001f}.elements-title{flex-wrap:wrap;align-items:center;gap:15px;margin-top:0;margin-bottom:10px;font-size:32px;display:flex}@media (max-width:768px){.elements-title{flex-direction:column;align-items:flex-start;gap:8px}}.start-exercises-btn{color:#fff;cursor:pointer;background-color:#55a160;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.start-exercises-btn:hover{background-color:#3f8a4d;transform:translateY(-1px)}.start-exercises-btn:active{transform:translateY(0)}.atoms-category-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 0;display:flex}.atoms-category-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex:calc(25% - 20px);max-width:300px}@media (max-width:768px){.atoms-category-box{flex:100%;max-width:100%}}.atoms-category-title{text-align:center;background-color:#e9ecef;border-radius:8px 8px 0 0;padding:10px;font-size:16px;font-weight:700}.atoms-button{color:#fff;box-sizing:border-box;background-color:#5d74b3;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin:8px 0;padding:10px 14px;text-decoration:none;transition:background-color .2s;display:flex}.atoms-button:hover{color:#fff;background-color:#005f99}.completion-star{flex-shrink:0;width:26px;height:26px;margin-left:10px}.elements-heading-2{color:#0077b6;margin-bottom:15px;font-size:25px;font-weight:700}.elements-text-2{color:#333;margin-bottom:15px;font-size:18px;line-height:1.55}.elements-list-2{margin-left:20px;font-size:18px}.elements-list-item-2{margin-bottom:12px}.exercise-page-header{margin-top:10px}.exercise-learning-panel{background:linear-gradient(#f8fcff 0%,#eef6fb 100%);border:1px solid #d8e6ef;border-radius:14px;margin:22px 0 26px;padding:22px}.exercise-learning-panel h2{color:#2c3e50;margin:0 0 12px;font-size:1.35rem}.exercise-learning-panel p{color:#334155;margin:0 0 12px;line-height:1.65}.exercise-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.exercise-learning-card{background-color:#fff;border:1px solid #e3edf3;border-radius:12px;padding:16px}.exercise-learning-card h3{color:#005f73;margin:0 0 8px;font-size:1rem}.exercise-learning-card p{margin:0}.quiz-crawl-summary{color:#334155;text-align:left;background:#f8fafc;border:1px solid #d8e6ef;border-radius:10px;max-width:760px;margin:0 auto 18px;padding:12px 14px;font-size:.95rem;line-height:1.55}.quiz-crawl-summary summary{color:#005f73;cursor:pointer;font-weight:700}.quiz-crawl-summary ul,.quiz-crawl-summary ol{max-height:190px;margin:10px 0 0 22px;padding:0;overflow:auto}.quiz-crawl-summary li{margin-bottom:6px}.test-text{margin-bottom:25px}.test-heading{color:#0077b6;margin-bottom:15px;font-size:28px}.test-paragraph{margin-bottom:10px;font-size:16px;line-height:1.5}.hub-intro-panel{margin:18px 0 12px}.hub-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hub-info-card{text-align:left;background:linear-gradient(#f8fcff 0%,#eef6fb 100%);border:1px solid #d8e6ef;border-radius:14px;padding:18px}.hub-info-title{color:#2c3e50;margin:0 0 8px;font-size:1rem;font-weight:700}.hub-info-text{color:#3a4757;margin:0;line-height:1.6}.hub-info-text a{color:#0f766e;font-weight:700;text-decoration:none}.hub-info-text a:hover{text-decoration:underline}.d-flex{justify-content:center;margin-top:35px;display:flex}@media (max-width:768px){.elements-container-wrapper{width:100%;padding-left:20px;padding-right:20px}.elements-container{border-radius:0;padding:24px 18px;width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important}.elements-container-2,.exercise-box,.description-block{box-sizing:border-box;max-width:100%}.hub-info-grid{grid-template-columns:1fr}.exercise-learning-panel{padding:18px}.exercise-learning-grid{grid-template-columns:1fr}}
.subject-hub-grid{--subject-card-rows:4;--subject-link-rows:3}.subject-hub-card{grid-template-rows:subgrid;grid-row:span var(--subject-card-rows);gap:0;min-width:0;display:grid}.subject-hub-card>h2{margin:0}.subject-hub-links{grid-template-rows:subgrid;grid-row:span var(--subject-link-rows);padding:10px;display:grid}.subject-hub-link>span{overflow-wrap:anywhere;min-width:0}.subject-hub-example{color:#333;border-top:1px solid #e3edf3;margin-top:24px;padding-top:24px;line-height:1.7}.subject-hub-example h2{color:#2c3e50;margin:0 0 12px;font-size:1.4rem}.subject-hub-example p{margin:0 0 16px}.subject-hub-formula{color:#2c3e50;overflow-wrap:anywhere;background:linear-gradient(#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:12px;padding:12px 16px;font-size:1.1rem;font-weight:700;display:inline-block}.subject-hub a:focus-visible{outline-offset:3px;outline:3px solid #b57b04}
.sidebar{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a9b9d6 transparent;box-sizing:border-box;background-color:#f1f3fa;border-right:1px solid #d8cdee;border-radius:8px;flex-shrink:0;align-self:flex-start;width:200px;height:fit-content;max-height:calc(100dvh - 86px);margin-top:13px;margin-right:0;padding-bottom:6px;position:sticky;top:73px;left:0;overflow-y:auto;box-shadow:0 2px 4px #0000000d}@supports selector(::-webkit-scrollbar){.sidebar{scrollbar-width:auto;scrollbar-color:auto}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0;margin-block:8px}.sidebar::-webkit-scrollbar-thumb{background:#a9b9d6;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#7d93bc}.sidebar::-webkit-scrollbar-button{display:none}.sidebar-header{color:#fff;text-align:center;background-color:#5d74b3;border-bottom:2px solid #5d74b3;border-top-left-radius:8px;border-top-right-radius:8px;padding:2px 0;font-size:15px;font-weight:700}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-item{border-bottom:1px solid #e0d7f3}.sidebar-link{color:#2d2d2d;border-radius:6px;align-items:center;gap:7px;margin:1px 6px;padding:5px 10px;font-size:11.5px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#000;background-color:#c3d8ff}.sidebar-icon{color:#5d74b3;flex-shrink:0;font-size:10px}@media (max-width:992px){.sidebar{overscroll-behavior-y:contain;z-index:1000;max-height:calc(100dvh - 60px);margin-top:0;display:none;position:fixed;top:60px;left:0;overflow-y:auto}.sidebar.open{display:block}.sidebar-link{min-height:36px}}.sidebar-section-title{text-transform:uppercase;color:#414141;padding:7px 16px 4px;font-size:11px;font-weight:600;line-height:1.4}
nav.navbar{z-index:1100;background-color:#5d74b3;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;min-height:60px;margin:0;padding:0 40px 0 12px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.navbar-left{align-items:center;gap:12px;height:44px;display:flex}.navbar-hamburger{cursor:pointer;color:#fff;background:0 0;border:none;font-size:24px;display:none}.navbar .navbar-brand{align-items:center;height:44px;margin:0;padding:0;line-height:0;display:flex}.navbar-brand>.navbar-logo-frame{aspect-ratio:2110/340;width:300px;display:block;position:relative;overflow:hidden}.navbar-logo{width:102.56%;max-width:none;height:auto;display:block;position:absolute;top:-55.88%;left:-1.18%}.search-container{flex-shrink:0;align-items:center;display:flex}.search-form{background-color:#fff;border:1px solid #ccc;border-radius:20px;align-items:center;height:34px;display:flex;overflow:hidden}.search-input{background:0 0;border:none;outline:none;width:140px;height:100%;padding:0 10px;font-size:14px}.search-button{cursor:pointer;color:#1f2937;background-color:#fff;border:none;justify-content:center;align-items:center;height:100%;padding:0 12px;display:flex}.search-button:hover{background-color:#f0f0f0}.desktop-only{display:flex}.mobile-only{display:none}.mobile-search-toggle{color:#1f2937;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px}.mobile-search-form{z-index:10000;background:#fff;border:1px solid #d8e3ee;border-radius:10px;gap:8px;padding:10px;display:flex;position:absolute;top:68px;left:12px;right:12px;box-shadow:0 10px 24px #0f172a2e}.mobile-search-input{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:0;padding:9px 10px;font-size:16px}.mobile-search-submit{color:#fff;background:#007b83;border:none;border-radius:8px;padding:0 14px;font-weight:700}@media (max-width:992px){.navbar-brand>.navbar-logo-frame{width:min(230px,100vw - 130px)}nav.navbar{padding:0 16px 0 8px}.navbar-left{gap:6px}.navbar-hamburger{display:block}.desktop-only{display:none}.mobile-only{display:inline-flex}}.navbar-hamburger{z-index:9999;position:relative;pointer-events:auto!important}.navbar-left{z-index:9999;position:relative}.search-container,.mobile-only{pointer-events:auto}@media (max-width:1600px){nav.navbar .search-container{display:none}nav.navbar .mobile-search-toggle{flex-shrink:0;margin-left:auto;display:inline-flex}}
body{color:#2c3e50;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:#0077b6}button{cursor:pointer}button:disabled{cursor:default}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ad7400}h1,h2,h3{overflow-wrap:normal}h2{margin:0 0 12px;font-size:1.3rem}h3{margin:0 0 7px;font-size:1rem}.skip-link{z-index:2000;background:#fff;padding:10px;position:fixed;top:-100px;left:8px}.skip-link:focus{top:8px}.german-wrapper{min-height:0!important;padding-top:20px!important;padding-bottom:20px!important}.elements-container{min-width:0}.navbar-brand>.navbar-logo-frame{aspect-ratio:2110/340;width:275px}.navbar-logo{top:-55.88%;left:-1.18%}.header-tools{align-items:center;gap:13px;margin-left:auto;display:flex}.icon-button{color:#2c3e50;background:#fff;border:1px solid #dbe6f5;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;padding:4px;font-size:27px;display:grid}.icon-button img{object-fit:contain;width:28px;height:28px}.header-stars{color:#715118;background:#fff7d6;border:1px solid #e6c16b;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-width:58px;height:34px;padding:2px 7px;font-weight:750;line-height:1;text-decoration:none;display:flex}.header-stars img{object-fit:contain}.german-search{background:#fff;border:1px solid #d8e6ef;border-radius:12px;grid-template-columns:1fr auto;gap:10px;width:min(470px,100vw - 24px);padding:16px;display:grid;position:absolute;top:68px;right:20px;box-shadow:0 10px 28px #1f29372b}.german-search label{grid-column:1/-1;font-weight:700}.german-search input,.page-search input{border:1px solid #a9bfd9;border-radius:8px;width:100%;min-width:0;padding:10px}.notification-panel{background:#fff;border:1px solid #d8e6ef;border-radius:12px;width:min(380px,100vw - 24px);padding:18px;font-size:14px;position:absolute;top:68px;right:18px;box-shadow:0 10px 28px #1f29372b}.notification-panel h2{font-size:18px}.ad-space{color:#64748b;background:#f7f9fc;border:1px dashed #d8e2ef;justify-content:center;align-items:flex-start;font-size:10px;display:flex}.ad-space span{padding-top:2px}.top-ad{height:62px;margin:12px 20px 0}.bottom-ad{height:82px;margin:0 20px 12px}.rail-ad{flex-shrink:0;width:142px;min-height:520px;margin:12px 14px 0 0;display:none}.primary-button,.secondary-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#0077b6;border-bottom:3px solid #005886}.primary-button:hover{color:#fff;background:#069}.secondary-button{color:#345d98;background:#f3f8ff;border:1px solid #c9daf0}.secondary-button:hover{color:#274b80;background:#e3efff}.action-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button img,.secondary-button img{object-fit:contain}.section-heading{color:#2c3e50;margin:26px 0 12px;font-size:23px}.home-start{background:linear-gradient(#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:14px;justify-content:space-between;align-items:center;gap:22px;margin:20px 0;padding:22px;display:flex}.home-start h2{font-size:25px}.home-art{object-fit:contain;flex-shrink:0}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:16px;margin-top:22px;display:grid}.state-card{color:#2c3e50;background:linear-gradient(#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:12px;flex-direction:column;gap:8px;padding:18px 32px 18px 18px;font-size:16px;text-decoration:none;display:flex;position:relative}.state-card:hover,.topic-card:hover{background:#f0f7ff;border-color:#8aa9d2}.state-card>span:not(.state-arrow){color:#5b708e;font-size:12px;line-height:1.5}.state-arrow{color:#5d74b3;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.topic-card{color:#2c3e50;background:linear-gradient(#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px;text-decoration:none;display:flex}.topic-card h3{margin:0 0 8px;font-size:17px;line-height:1.35}.topic-card p{color:#5b708e;margin:0;font-size:14px;line-height:1.5}.topic-card img{object-fit:contain;flex-shrink:0}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;margin:22px 0;display:grid}.lesson-card{background:#fff;border:1px solid #d8e6ef;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 3px 10px #24395d08}.lesson-card header{background:linear-gradient(#f8fcff,#eef6fb);min-height:115px;padding:18px 50px 16px 18px;position:relative}.lesson-card header img{object-fit:contain;position:absolute;top:16px;right:15px}.lesson-card h2{margin:8px 0 0;font-size:19px;line-height:1.35}.eyebrow{color:#5b708e;font-size:12px;font-weight:700}.lesson-card-links{flex:1;grid-template-rows:repeat(3,1fr);gap:7px;padding:10px;display:grid}.lesson-card .atoms-button{gap:10px;min-height:64px!important;margin:0!important;font-size:15px!important;line-height:1.35!important}.lesson-card .atoms-button>span{overflow-wrap:normal}.completion-star{object-fit:contain;width:26px;height:26px;margin-left:0}.element-ranges h2{margin:25px 0 12px}.range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.range-grid .atoms-button{gap:10px;margin:0!important}.breadcrumbs{color:#5b708e;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumbs a{text-decoration:none}.step-nav{z-index:5;background:#f6faff;border:1px solid #d8e6ef;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:9px;margin:18px 0 22px;padding:8px;display:grid;position:sticky;top:70px}.step-nav a{color:#345d98;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.step-nav a[aria-current]{color:#fff;background:#5d74b3}.step-nav a:hover{color:#274b80;background:#e3efff}.step-nav a[aria-current]:hover{color:#fff;background:#49619f}.step-nav a>span{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.theory-content{max-width:860px;line-height:1.7}.theory-content h2{color:#0077b6;margin:26px 0 10px;font-size:23px}.theory-content p{font-size:17px}.learning-goal{background:#f5f9ff;border:1px solid #d8e6ef;border-radius:10px;padding:12px 16px}.worked-example{background:linear-gradient(#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:12px;margin:22px 0;padding:18px}.worked-example h2{margin:0 0 8px}.worked-example p{margin:0}.learning-navigation{border-top:1px solid #d8e6ef;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:26px 0 8px;padding-top:16px;display:flex}.source-details{color:#5b708e;border-top:1px solid #d8e6ef;margin-top:22px;padding-top:14px;font-size:13px}.source-details summary{cursor:pointer;font-weight:700}.source-details p{font-size:13px}.source-date{margin-top:10px;font-size:12px}.quiz-panel{background:#f8fbff;border:1px solid #d8e6ef;border-radius:14px;max-width:800px;margin:22px auto;padding:24px}.quiz-panel h2{margin:18px 0;font-size:23px;line-height:1.4}.quiz-progress{color:#5b708e;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.quiz-progress progress{accent-color:#5d74b3;width:40%;height:8px}.answer-options{gap:10px;display:grid}.answer-option{text-align:left;color:#2c3e50;background:#fff;border:1px solid #bfcee2;border-radius:10px;min-height:48px;padding:13px 16px;line-height:1.4}.answer-option:hover:not(:disabled){background:#eaf2ff;border-color:#5d74b3}.answer-option.correct{color:#1e5c39;background:#eaf7ef;border-color:#459260}.answer-option.incorrect{color:#883636;background:#ffefef;border-color:#cf6c6c}.answer-feedback{background:#fff;border:1px solid #d8e6ef;border-radius:10px;margin-top:18px;padding:16px}.answer-feedback p{margin:8px 0 14px}.quiz-score{font-size:25px;font-weight:700}.earned-star{color:#765510;align-items:center;gap:8px;font-weight:700;display:flex}.page-search{max-width:650px}.page-search label{margin:15px 0 8px;font-weight:700;display:block}.page-search>div{gap:10px;display:flex}.search-results{gap:12px;margin:22px 0;display:grid}.search-results>a,.search-results>section{color:#2c3e50;background:#f8fbff;border:1px solid #d8e6ef;border-radius:12px;padding:18px;text-decoration:none;display:block}.search-results p{margin-bottom:0}.german-footer{background:#fff;border-top:1px solid #d8e6ef;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;font-size:12px;display:flex}.german-footer a{text-decoration:none}.menu-backdrop{display:none}@media (min-width:1600px){.rail-ad{display:flex}}@media (max-width:1200px){.state-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar{padding-right:18px!important}}@media (max-width:992px){.navbar-hamburger{display:block}.navbar-brand>.navbar-logo-frame{width:230px}.menu-backdrop{z-index:900;background:#1f293730;border:0;display:block;position:fixed;inset:60px 0 0}.sidebar{z-index:1000}.app-layout{flex-direction:column}}@media (max-width:600px){.navbar-brand>.navbar-logo-frame{width:176px}.navbar-left{gap:8px}.navbar{padding:0 10px!important}.header-tools{gap:8px}.navbar-hamburger{padding:0;font-size:21px}.header-stars{gap:2px;min-width:49px;padding:2px 5px;font-size:14px}.header-stars img{width:23px;height:23px}.icon-button{width:31px;height:33px;padding:3px;font-size:25px}.icon-button img{width:25px;height:25px}.german-wrapper{padding:16px 10px!important}.elements-container{padding:20px 16px!important}.state-grid,.topic-grid,.range-grid{grid-template-columns:1fr}.home-start{padding:16px}.home-start h2{font-size:21px}.home-art{display:none}.lesson-grid{grid-template-columns:1fr}.lesson-card header{min-height:96px}.lesson-card .atoms-button{min-height:54px!important}.step-nav{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:5px;top:67px}.step-nav a{flex-direction:column;gap:5px;padding:7px 4px;font-size:12px}.step-nav a:first-child{font-size:11px}.step-nav a>span{width:20px;height:20px}.quiz-panel{padding:16px}.quiz-panel h2{font-size:20px}.quiz-progress{font-size:12px}.top-ad{margin:10px 10px 0}.bottom-ad{margin-left:10px;margin-right:10px}.theory-content p{font-size:16px}.theory-content h2{font-size:21px}.learning-navigation .primary-button,.learning-navigation .secondary-button{font-size:12px}.german-footer{gap:12px;padding:16px}}@media (max-width:360px){.navbar-brand>.navbar-logo-frame{width:148px}.header-tools{gap:6px}}.periodic-filters label{flex-direction:column;gap:8px;max-width:450px;font-size:14px;font-weight:700;display:flex}.periodic-filters input{font:inherit;border:1px solid #a9bfd9;border-radius:8px;padding:10px}.group-chips{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.group-chips button{color:#2c3e50;background:#fff;border:1px solid #b9c9dd;border-radius:7px;padding:7px 10px;font-size:12px}.group-chips button[aria-pressed=true]{background:var(--group-color,#5d74b3);border-color:#315580;box-shadow:inset 0 0 0 1px #315580}.group-chips button:first-child[aria-pressed=true]{color:#fff}.table-help{color:#5b708e;font-size:12px}.periodic-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9bb1d1 #f5f8ff;padding:5px 0 14px;overflow-x:auto}.periodic-grid{grid-template-rows:24px repeat(10,70px);grid-template-columns:repeat(18,minmax(51px,1fr));gap:4px;min-width:990px;display:grid}.group-number{text-align:center;color:#5b708e;font-size:12px}.element-tile{color:#203040;border:1px solid #64748b66;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;transition:opacity .15s;display:flex}.element-tile strong{font-size:22px;line-height:1}.element-tile small{font-size:10px;line-height:1}.element-tile>span{text-overflow:ellipsis;max-width:100%;font-size:8px;line-height:1.2;overflow:hidden}.element-tile.dimmed{opacity:.23}.element-dialog{color:#2c3e50;border:1px solid #d8e6ef;border-radius:16px;width:min(500px,100vw - 24px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 60px #1f29374a}.element-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c345c80}.element-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.element-dialog h2{margin:0;font-size:25px}.element-dialog h2 span{color:#0077b6}.element-dialog dl{margin:22px 0}.element-dialog dl>div{border-bottom:1px solid #d8e6ef;justify-content:space-between;gap:15px;padding:10px;font-size:14px;display:flex}.element-dialog dt{font-weight:600}.element-dialog dd{text-align:right;margin:0}.progress-total{background:#fff8df;border:1px solid #e9d494;border-radius:12px;align-items:center;gap:10px;width:fit-content;margin:20px 0;padding:15px;display:flex}.progress-total strong{color:#725716;font-size:25px}.memory-game{background:#f8fbff;border:1px solid #d8e6ef;border-radius:14px;max-width:800px;margin:20px auto;padding:22px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.memory-grid button{color:#fff;overflow-wrap:normal;background:#5d74b3;border:1px solid #425c9d;border-bottom-width:4px;border-radius:12px;min-height:86px;padding:8px;font-size:24px;font-weight:700}.memory-grid button.revealed{color:#695015;background:#fff8df;border-color:#d9bc68;font-size:17px}.memory-grid button:disabled{opacity:.7}.memory-grid button:hover:not(:disabled){filter:brightness(1.08)}@media (max-width:600px){.memory-game{padding:14px}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.memory-grid button{min-height:72px}.memory-grid button.revealed{font-size:14px}.element-dialog{padding:18px}.element-dialog h2{font-size:21px}}@supports (grid-template-rows:subgrid){.lesson-card{grid-row:span 4;grid-template-rows:subgrid;gap:0;display:grid}.lesson-card-links{grid-row:span 3;grid-template-rows:subgrid;gap:0;padding:7px 10px;display:grid}.lesson-card-links .atoms-button{margin:4px 0!important}}.header-tools .icon-button{position:relative}.notification-dot{background:#e54f4f;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;animation:2.8s ease-in-out infinite gentle-pulse;position:absolute;bottom:-2px;right:-2px}.notification-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.notification-list li{background:#f7fbff;border:1px solid #d8e6ef;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.notification-list a{flex-direction:column;gap:3px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.notification-list strong{color:#345d98}.notification-list span{color:#5b708e}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.notification-dot{animation:none}}.lesson-card header img{width:42px;height:42px;top:13px;right:12px}.lesson-card header{padding-right:60px}.topic-card img{width:48px;height:48px}.lesson-card header{min-height:104px}.lesson-card .atoms-button{min-height:55px!important}@media (max-width:360px){.navbar-brand>.navbar-logo-frame{width:130px}.navbar-left{gap:6px}nav.navbar{padding:0 8px!important}.header-stars{min-width:44px;padding:2px 4px}}.site-search-toggle{flex-shrink:0;margin-left:auto;display:grid}.navbar>.header-stars{background:0 0;border:0;gap:0;min-width:0;margin-left:12px;padding:0}.navbar>.notification-root,.navbar>.student-profile{margin-left:14px}.navbar .notification-panel{padding:0}.navbar .notification-list{margin:0;display:block}.navbar .notification-item p{font-size:12px}.game-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.game-catalog-card{color:#2c3e50;background:#f8fbff;border:1px solid #d8e6ef;border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.game-catalog-card>img{aspect-ratio:5/3;object-fit:cover;width:100%;height:auto}.game-catalog-card>div{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.game-catalog-card h2{margin:0;font-size:20px}.game-catalog-card p{margin:0;font-size:14px;line-height:1.5}.game-catalog-card span{color:#0077b6;margin-top:auto;font-weight:700}.game-catalog-card:hover{border-color:#8aa9d2}.classroom-page .student-profile-panel a:hover{color:#345d98}.class-icon-action>.account-icon{order:1}.student-profile-panel a>span{min-width:0}@media (max-width:1000px){.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.game-catalog-grid{grid-template-columns:1fr}nav.navbar:has(.guest-auth){height:106px;min-height:106px;display:grid}.navbar:has(.guest-auth) .site-search-toggle{grid-area:1/4;margin:0}.navbar:has(.guest-auth) .header-stars{grid-area:2/1;margin:0}.navbar:has(.guest-auth) .notification-root{grid-area:2/2;margin:0}.navbar:has(.guest-auth) .guest-auth{grid-area:2/3/auto/5;margin:0}.navbar:has(.guest-auth)+.app-layout .step-nav{top:116px}.navbar:has(.guest-auth) .german-search{top:114px}.navbar>.student-profile{margin-left:8px}.navbar>.notification-root{margin-left:10px}}.german-wrapper .german-lab{max-width:none;padding:0;font-size:16px}.profile-mobile-icon{display:none}.stars-hero>h2{color:#007cb3;margin:0;font-size:26px}@media (max-width:440px){.profile-mobile-icon{justify-content:center;align-items:center;display:flex}.student-profile-button .profile-chevron{display:none}}.grade-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0 24px;display:grid}.grade-choices a{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.school-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 24px;display:grid}.school-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.school-tabs a{color:#345b8d;background:#f5f9ff;border:1px solid #c9d9ef;border-radius:8px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none}.school-tabs a[aria-current=page]{color:#fff;background:#5e74b3;border-color:#5e74b3}.learning-scope{color:#5b6f8a;font-size:14px}@media (max-width:900px){.grade-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.grade-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.school-choices{grid-template-columns:1fr}.school-tabs a{padding:8px 10px}}.sidebar-navigation{padding:8px 7px}.sidebar-navigation .sidebar-list{margin:0;padding:0;list-style:none}.sidebar-navigation .sidebar-item{border:0}.sidebar-navigation .sidebar-link{border-radius:6px;gap:0;min-height:30px;margin:1px 0;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.35}.sidebar-navigation .sidebar-link.active{color:#264779;background:#dbe5fc;box-shadow:inset 3px 0 #6076b4}.sidebar-navigation .sidebar-link:hover{color:#264779;background:#e4ebfa}.sidebar-label{color:#66768e;letter-spacing:.045em;text-transform:uppercase;margin:10px 7px 7px;font-size:10px;font-weight:700}.sidebar-group{background:#f8faff;border:1px solid #dbe3f1;border-radius:8px;margin-bottom:3px;overflow:clip}.sidebar-group>summary{color:#435a7d;cursor:pointer;justify-content:space-between;align-items:center;gap:4px;min-height:34px;padding:8px 9px;font-size:11.5px;font-weight:700;line-height:1.35;list-style:none;display:flex}.sidebar-group>summary::-webkit-details-marker{display:none}.sidebar-group>summary:hover{background:#eaf0fb}.sidebar-group>summary:focus-visible,.sidebar-navigation .sidebar-link:focus-visible{outline-offset:-2px;outline:2px solid #b77908}.sidebar-group-chevron{color:#7084ac;flex-shrink:0;font-size:20px;font-weight:500;line-height:1;transition:transform .15s}.sidebar-group[open]>.sidebar-group-chevron,.sidebar-group[open]>summary>.sidebar-group-chevron{transform:rotate(90deg)}.sidebar-group[open]>summary{color:#345581;background:#edf2fd;border-bottom:1px solid #dbe3f1}.sidebar-group>.sidebar-list{padding:4px 5px 5px}.sidebar-school-group{border-bottom:1px solid #d9e0ef;margin-bottom:8px;padding-bottom:8px}.sidebar-learning-heading{margin-top:7px;text-decoration:none;display:block}.sidebar-learning-heading:hover,.sidebar-learning-heading[aria-current=page]{color:#264779}.sidebar-navigation .sidebar-grade-links,.sidebar-navigation .sidebar-school-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;display:grid}.sidebar-grade-links .sidebar-link{background:#f8faff;border:1px solid #dbe3f1}.sidebar-school-links .sidebar-link{font-size:11.5px}.sidebar-navigation .sidebar-resource-links{border-top:1px solid #d9e0ef;margin-top:8px;padding-top:5px}@media (max-width:992px){.sidebar{width:min(270px,100vw - 48px)}.sidebar-navigation{padding:10px}.sidebar-navigation .sidebar-link{min-height:44px;padding:9px 12px;font-size:13px}.sidebar-group>summary{min-height:44px;padding:10px 11px;font-size:13px}.sidebar-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.sidebar-group-chevron{transition:none}}
.student-profile{flex-shrink:0;margin-left:16px;font-size:14px;position:relative}.student-profile-button{color:#314971;background:#fff;border:2px solid #d4e3f6;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:5px 12px;font-weight:700;display:flex}.student-profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.profile-stars{align-items:center;gap:5px;display:flex}.profile-level{color:#fff;white-space:nowrap;background:#5d74b3;border-radius:14px;padding:3px 10px;font-size:12px}.student-profile-panel{color:#2c3e50;z-index:12000;background:#fff;border:1px solid #d8e6ef;border-radius:12px;width:280px;padding:20px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 30px #243d6933}.student-profile-panel>strong{font-size:19px}.student-profile-panel p{margin:8px 0 15px}.student-profile-panel a,.student-profile-panel button{color:#31568a;text-align:left;width:100%;font:inherit;background:#f5f9ff;border:1px solid #d8e6ef;border-radius:8px;margin-top:8px;padding:11px 12px;font-weight:600;text-decoration:none;display:block}.student-profile-panel small{color:#52667e;margin-top:15px;font-size:12px;display:block}.student-profile-panel a:hover,.student-profile-panel button:hover{background:#e8f0fd}.student-profile :focus-visible,.account-page :focus-visible,.stars-page :focus-visible{outline-offset:3px;outline:3px solid #b17609}.navbar:has(.student-profile) .search-container{margin-left:auto}.navbar:has(.student-profile) .mobile-search-toggle{margin-left:auto}.account-page,.stars-page{color:#2c3e50;max-width:1450px;margin:auto;padding:28px 20px 45px;font-size:16px;line-height:1.6}.account-page *,.stars-page *{box-sizing:border-box}.account-page h1,.stars-page h1{color:#0077b6;margin:8px 0 12px;font-size:32px;font-weight:750}.account-page h2,.stars-page h2{color:#2c3e50;font-size:23px;font-weight:700}.account-page h3,.stars-page h3{font-size:18px;font-weight:700}.account-page a,.stars-page a{color:#23578d;text-underline-offset:3px}.account-form-card{background:#fff;border:1px solid #dce6ef;border-radius:16px;max-width:540px;margin:auto;padding:32px;box-shadow:0 6px 20px #23365012}.account-form-card header{grid-template-columns:minmax(0,1fr);display:grid}.account-form-card header>img{object-fit:contain;grid-area:1/1;justify-self:end}.account-eyebrow{color:#5b7089;grid-area:1/1;align-self:center;padding-right:90px;font-size:13px;font-weight:650}.account-form-card header h1{grid-row:2}.account-form-card header p{color:#5b7089;grid-row:3;margin-bottom:24px}.account-form-card form>label{margin:0 0 20px;font-weight:650;display:block}.account-form-card input:not([type=checkbox]){width:100%;min-height:46px;font:inherit;color:#243b53;background:#fff;border:1px solid #a9bfd7;border-radius:8px;margin-top:6px;padding:10px 12px;display:block}.account-form-card small{color:#5b7089;margin-top:5px;font-size:13px;font-weight:400;display:block}.password-field{align-items:center;gap:8px;display:flex}.password-field input{flex:1;min-width:0}.password-field button{color:#31568a;background:#f2f7fd;border:1px solid #b8cbe0;border-radius:7px;min-height:44px;padding:10px;font-size:13px}.account-form-card .account-checkbox{background:#f5f9ff;border:1px solid #d8e6ef;border-radius:10px;gap:12px;padding:14px;font-size:14px;display:flex}.account-checkbox input{accent-color:#5d74b3;flex-shrink:0;width:20px;height:20px;margin-top:3px}.account-button,.account-page .account-button,.stars-page .account-button{color:#fff;background:#0077b6;border:1px solid #0077b6;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.account-button:hover{color:#fff;background:#00659b}.account-form-card .account-button{width:100%}.account-button:disabled{opacity:.55;cursor:wait}.account-form-switch{margin:20px 0 12px;font-size:14px}.account-back{margin-top:26px;font-size:14px;display:block}.account-error{color:#71390c;background:#fff2e8;border:1px solid #e4b48a;border-radius:8px;padding:12px 14px}.stars-page{background:#fff;border-radius:16px;margin:28px 20px 40px;padding:30px 32px;box-shadow:0 6px 20px #23365012}.stars-hero{grid-template-columns:minmax(0,1fr);margin-bottom:26px;display:grid}.stars-kicker{color:#5b7089;grid-area:1/1;align-self:center;max-width:calc(100% - 110px);font-size:14px;font-weight:650}.stars-hero-art{object-fit:contain;grid-area:1/1;justify-self:end;width:92px;height:92px}.stars-hero h1{grid-row:2}.stars-hero p{color:#5b7089;grid-row:3;max-width:750px;margin:0}.stars-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stars-stats section{background:#f3f8fe;border:1px solid #d4e3f2;border-radius:12px;padding:20px}.stars-stats section>span{color:#536a84;font-size:14px;font-weight:600}.stars-stats strong{color:#2c3e50;justify-content:space-between;align-items:center;margin:8px 0;font-size:32px;line-height:1.4;display:flex}.stars-stats small{color:#536a84;font-size:13px}.stars-stats progress{accent-color:#5d74b3;border:0;border-radius:8px;width:100%;height:8px;margin:9px 0 12px;display:block;overflow:hidden}.stars-stats progress::-webkit-progress-bar{background:#dfe8f5}.stars-stats progress::-webkit-progress-value{background:#5d74b3;border-radius:8px}.stars-account-prompt{background:#f5f9ff;border:1px solid #d4e3f2;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:22px;display:flex}.stars-account-prompt h2{margin:0 0 6px;font-size:19px}.stars-account-prompt p{color:#536a84;margin:0;font-size:14px}.stars-account-prompt>div:last-child{text-align:center;flex-direction:column;flex-shrink:0;gap:8px;font-size:13px;display:flex}.stars-sync{color:#536a84;flex-wrap:wrap;gap:10px;margin:16px 0 26px;font-size:13px;display:flex}.stars-sync button,.stars-explainer button{color:#31568a;background:#eff5fd;border:1px solid #b8cbe0;border-radius:7px;padding:8px 14px}.stars-section-heading{justify-content:space-between;align-items:baseline;gap:15px;margin:30px 0 18px;display:flex}.stars-section-heading h2{margin:0}.stars-section-heading>span{color:#536a84;font-size:13px}.stars-filters{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.stars-filters button{color:#405d83;background:#f7faff;border:1px solid #cddded;border-radius:20px;min-height:40px;padding:8px 13px;font-size:13px}.stars-filters button[aria-pressed=true]{color:#fff;background:#5d74b3;border-color:#5d74b3}.stars-star-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stars-star-card{background:#fbfdff;border:1px solid #d8e6ef;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex;text-decoration:none!important}.stars-star-card:hover{background:#f0f6ff;border-color:#5d74b3}.stars-star-card>span{min-width:0}.stars-star-card small{color:#61718a;font-size:12px;display:block}.stars-star-card strong{color:#2c3e50;margin:4px 0;font-size:15px;display:block}.stars-star-card span>span{color:#31568a;font-size:12px}.stars-star-card img{object-fit:contain;flex-shrink:0}.stars-star-card.earned{background:#fffef8;border-color:#e4d399}.stars-empty{text-align:center;border:1px dashed #bccfe5;border-radius:12px;padding:28px}.stars-empty p{color:#536a84;font-size:14px}.stars-explainer{color:#536a84;border-top:1px solid #d8e6ef;margin-top:28px;padding-top:20px;font-size:14px}.stars-explainer summary{color:#31568a;margin-bottom:12px;font-weight:700}@media (max-width:992px){.navbar:has(.student-profile) .navbar-logo-frame{width:min(230px,100vw - 240px)}.student-profile{margin-left:8px}.student-profile-name,.student-profile .profile-level{display:none}.student-profile-button{gap:5px;padding:5px 8px}.student-profile-panel{right:0}.stars-page{margin:18px 12px;padding:22px}.stars-stats{gap:10px}.stars-stats section{padding:14px}.stars-stats strong{font-size:26px}}@media (max-width:600px){.account-page{padding:18px 12px 30px}.account-form-card{padding:22px 18px}.account-page h1,.stars-page h1{font-size:27px}.stars-page{padding:22px 16px}.stars-stats,.stars-star-grid{grid-template-columns:1fr}.stars-account-prompt{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.stars-section-heading{flex-wrap:wrap;gap:6px}.stars-filters{gap:6px}.stars-filters button{padding:7px 11px}.stars-hero-art{width:76px;height:76px}.student-profile-panel{width:min(290px,100vw - 28px)}.account-form-card header img{width:64px;height:64px}}.account-form-card{max-width:490px;padding:24px;font-size:15px;line-height:1.45}.account-form-card header{position:relative}.account-form-card header>img{width:48px;height:48px;position:absolute;top:0;right:0}.account-form-card .account-eyebrow{min-height:19px;padding-right:60px;font-size:12px}.account-form-card header h1{margin:4px 0 8px;padding-right:54px;font-size:28px;line-height:1.2}.account-form-card header p{margin:0 0 18px;font-size:14px}.account-form-card header:not(:has(.account-eyebrow)) h1{grid-row:1;margin-top:0}.account-form-card header:not(:has(.account-eyebrow)) p{grid-row:2}.account-form-card form>label{margin-bottom:13px;font-size:14px}.account-form-card input:not([type=checkbox]){min-height:44px;margin-top:4px;padding:9px 11px}.account-form-card small{margin-top:4px;font-size:12px;line-height:1.4}.account-form-card .password-field{align-items:flex-end}.account-form-card .password-field button{min-height:44px;padding:8px 10px}.account-form-card .account-button{min-height:44px;padding:9px 16px;font-size:15px}.account-form-card .account-checkbox{gap:9px;padding:10px;font-size:13px}.account-form-card .account-form-switch{margin:13px 0 0;font-size:13px}.account-form-footer{border-top:1px solid #e5edf5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.account-form-footer a{padding:3px 0}.account-login-card{max-width:460px}.account-login-card header p{margin-bottom:15px}.account-login-card form>label{margin-bottom:12px}@media (max-width:600px){.account-form-card{padding:20px 18px}.account-form-card header h1{font-size:25px}.account-form-card header>img{width:44px;height:44px}.account-form-card header p{margin-bottom:15px}}.account-icon{object-fit:contain;flex-shrink:0;display:block}.reward-badges{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.reward-count{color:#624c13;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#fffef6,#fff3c9);border:1px solid #e6cf81;border-bottom:3px solid #d9b955;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:90px;min-height:52px;padding:7px 12px;font-size:23px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff}.reward-count-compact{border-bottom-width:2px;border-radius:8px;gap:6px;min-width:60px;min-height:32px;padding:2px 6px;font-size:17px}.student-profile-button{cursor:pointer;padding:4px 9px;box-shadow:0 2px #405c9440}.profile-chevron{font-size:19px;line-height:1;transition:transform .15s}.student-profile-button[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}.student-profile-panel{box-sizing:border-box;width:300px;padding:20px}.student-profile-panel a,.student-profile-panel button{box-sizing:border-box;cursor:pointer;border-bottom-width:2px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px;display:flex}.student-profile-panel button:disabled{cursor:wait;opacity:.6}.student-profile-panel a:hover,.student-profile-panel button:hover{border-color:#b1c6e5}.student-rewards{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.student-rewards .reward-badges{margin:0}.guest-auth{align-items:center;gap:7px;display:flex}.guest-auth a{color:#fff;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #ffffff80;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:3px 9px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.guest-auth .guest-register{color:#314971;background:#f7faff;border-color:#e5ecf7}.guest-auth .guest-login{color:#314971;background:#edf2fa;border-color:#d5dfef}.guest-auth a:hover{background:#ffffff18;border-color:#fff}.guest-auth .guest-login:hover{color:#244576;background:#fff;border-color:#e5ecf7}.guest-auth .guest-register:hover{color:#244576;background:#fff}.guest-auth a:active{transform:translateY(1px)}@media (max-width:992px){.navbar:has(.guest-auth) .navbar-logo-frame{width:min(230px,100vw - 400px)}.student-profile-panel .profile-level{display:inline-flex}}@media (max-width:650px){nav.navbar:has(.guest-auth){flex-wrap:wrap;row-gap:3px;height:auto;min-height:100px;padding-bottom:8px}.navbar:has(.guest-auth) .navbar-logo-frame{width:min(230px,100vw - 130px)}.guest-auth{justify-content:flex-end;width:100%;margin:0}.guest-auth a{min-height:32px;padding:3px 9px}.guest-auth .account-icon{width:22px;height:22px}.navbar:has(.guest-auth) .mobile-search-form{top:calc(100% + 8px)}.navbar:has(.guest-auth)+.app-layout .sidebar{max-height:calc(100dvh - 100px);top:100px}}.registration-choice header h1,.registration-choice .account-eyebrow{padding-right:0}.registration-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-page .registration-role{aspect-ratio:1;color:#314971;background:#f2f8fe;border:1px solid #cfdeee;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.registration-role .account-icon{align-self:flex-end}.registration-role-copy{flex-direction:column;gap:5px;display:flex}.registration-role-copy strong{font-size:21px;line-height:1.15}.registration-role-copy>span{color:#526982;font-size:13px;line-height:1.4}.account-page .registration-teacher{background:#f4f3fc;border-color:#d9d8ee}.account-page .registration-role:hover{background:#eaf3ff;border-color:#6686b7;box-shadow:0 4px 12px #344d7514}.account-page .registration-teacher:hover{background:#eeecfb;border-color:#8b88bd}.registration-choice .account-form-switch{text-align:center;margin-top:20px}@media (max-width:600px){.registration-roles{gap:10px}.account-page .registration-role{gap:8px;padding:13px}.registration-role .account-icon{width:52px;height:52px}.registration-role-copy strong{font-size:19px}.registration-role-copy>span{font-size:12px}}@media (max-width:360px){.registration-role-copy>span{display:none}.registration-role .account-icon{width:42px;height:42px}}.stars-page{margin:16px 16px 28px;padding:20px;line-height:1.45}.stars-page .stars-hero{margin-bottom:14px;display:block;position:relative}.stars-page .stars-kicker{max-width:none;margin:0;padding-right:54px;font-size:12px}.stars-page .stars-hero-art{width:44px;height:44px;position:absolute;top:0;right:0}.stars-page .stars-hero h1{margin:4px 0 6px;padding-right:54px;font-size:27px;line-height:1.2}.stars-page .stars-hero p{max-width:none;font-size:14px}.stars-page .stars-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stars-page .stars-stats section{border-radius:9px;padding:12px 14px}.stars-page .stars-stats section>span{font-size:12px}.stars-page .stars-stats strong{margin:5px 0;font-size:24px;line-height:1.2}.stars-page .stars-stats strong img{width:26px;height:26px}.stars-page .stars-stats small{font-size:12px}.stars-page .stars-stats progress{height:6px;margin:6px 0}.stars-page .stars-sync{gap:6px;margin:8px 0 12px;font-size:12px}.stars-page .stars-section-heading{gap:6px 12px;margin:14px 0 8px}.stars-page .stars-section-heading h2{font-size:19px}.stars-page .stars-section-heading>span{font-size:12px}.stars-page .stars-filters{gap:6px;margin:8px 0 12px}.stars-page .stars-filters button{min-height:32px;padding:5px 10px;font-size:12px}.stars-page .stars-star-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px}.stars-page .stars-star-card{border-radius:8px;gap:10px;padding:10px 12px}.stars-page .stars-star-card small{font-size:11px}.stars-page .stars-star-card strong{margin:3px 0;font-size:14px}.stars-page .stars-star-card span>span{font-size:11px}.stars-page .stars-star-card img{width:28px;height:28px}.stars-page .stars-account-prompt{gap:12px;margin:12px 0;padding:12px 14px}.stars-page .stars-account-prompt h2{margin-bottom:4px;font-size:17px}.stars-page .stars-account-prompt p{font-size:13px}.stars-page .stars-account-prompt .account-button{min-height:38px;padding:7px 12px;font-size:13px}.stars-page .stars-empty{padding:16px}.stars-page .stars-explainer{margin-top:16px;padding-top:12px;font-size:13px}.stars-page .stars-explainer summary{margin-bottom:8px}@media (max-width:600px){.stars-page{margin:12px 10px 24px;padding:14px}.stars-page .stars-hero h1{font-size:24px}.stars-page .stars-hero-art{width:38px;height:38px}.stars-page .stars-stats{gap:8px}.stars-page .stars-stats section{min-width:0;padding:10px}.stars-page .stars-stats small{font-size:11px}.stars-page .stars-stats strong{font-size:21px}.stars-page .stars-filters button{min-height:36px}.stars-page .stars-account-prompt>div:last-child{align-items:flex-start}}.stars-legend{color:#405778;align-items:center;gap:16px;font-size:12px;display:flex}.stars-legend>span{align-items:center;gap:6px;display:flex}.stars-legend img{object-fit:contain}.stars-board-hint{color:#536a84;margin:0 0 10px;font-size:12px}.stars-board{border:1px solid #c8d7eb;border-radius:10px;overflow:hidden}.stars-board-heading,.stars-board-row{grid-template-columns:190px minmax(0,1fr);display:grid}.stars-board-heading{color:#fff;background:#5d74b3;font-size:13px;font-weight:700}.stars-board-heading>span{padding:10px 16px}.stars-board-row{background:#f8faff;border-top:1px solid #c8d7eb}.stars-board-row:nth-child(odd){background:#eaf1fb}.stars-board-subject{border-right:1px solid #c8d7eb;flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;display:flex}.stars-board-subject h3{margin:0;font-size:14px;line-height:1.35}.stars-board-subject>span{color:#536a84;font-variant-numeric:tabular-nums;font-size:12px}.stars-board-subject b{color:#2c3e50}.stars-board-exercises{min-width:0;padding:8px 12px}.stars-board-slots{flex-wrap:wrap;gap:4px;display:flex}.stars-slot{color:#405778;cursor:pointer;width:46px;min-height:58px;font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:3px;display:flex}.stars-slot img{object-fit:contain;width:36px;height:36px}.stars-slot>span{font-size:10px;font-weight:700;line-height:1.3}.stars-slot.earned{color:#735812;background:#fff4cb;border-color:#e6cf81}.stars-slot:hover,.stars-slot[aria-expanded=true]{background:#fff;border-color:#5d74b3;box-shadow:0 2px 5px #3149711a}.stars-board-detail{background:#fff;border:1px solid #c8d7eb;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.stars-board-detail strong,.stars-board-detail small{display:block}.stars-board-detail small{color:#536a84;margin-top:2px;font-size:11px}.stars-board-detail a{white-space:nowrap;font-weight:700}@media (max-width:700px){.stars-board-heading,.stars-board-row{grid-template-columns:125px minmax(0,1fr)}.stars-board-subject,.stars-board-heading>span{padding:10px}.stars-board-subject h3{font-size:13px}.stars-board-exercises{padding:7px}.stars-board-slots{gap:2px}.stars-slot{width:40px;min-height:53px}.stars-slot img{width:32px;height:32px}.stars-board-detail{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:440px){.stars-board-heading{display:none}.stars-board-row{grid-template-columns:minmax(0,1fr)}.stars-board-row:first-of-type{border-top:0}.stars-board-subject{border-right:0;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 12px 4px}.stars-board-exercises{padding:4px 8px 10px}.stars-legend{gap:10px;font-size:11px}}.account-page{padding:16px;line-height:1.45}.account-form-card{border-radius:10px;max-width:440px;padding:18px;box-shadow:0 2px 8px #2336500b}.account-form-card header{min-height:36px;margin-bottom:14px}.account-form-card header h1{margin:0;font-size:24px;line-height:1.25}.account-form-card header>img{width:36px;height:36px}.account-form-card .account-eyebrow{min-height:16px;font-size:11px}.account-form-card form>label{margin-bottom:10px}.account-form-footer:empty{display:none}.account-form-switch{margin-top:10px}.student-profile-panel{border-radius:10px;width:260px;padding:12px;top:calc(100% + 6px);box-shadow:0 5px 18px #243d6926}.student-profile-panel>strong{overflow-wrap:anywhere;padding:2px 4px 6px;font-size:14px;display:block}.student-profile-panel a,.student-profile-panel button{border-bottom-width:1px;min-height:40px;margin-top:6px;padding:6px 10px;font-size:13px}.student-profile-panel .account-icon{width:26px;height:26px}.student-profile-panel small{margin-top:8px}.account-form-card.registration-choice{max-width:620px;padding:24px}.registration-choice header{margin-bottom:18px}.registration-choice header h1{font-size:28px}.registration-roles{gap:14px}.account-page .registration-role{aspect-ratio:auto;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:156px;padding:78px 18px 18px;display:flex;position:relative}.registration-role .account-icon{pointer-events:none;width:52px;height:52px;position:absolute;top:14px;right:16px}.registration-role-copy{gap:6px;width:100%;min-width:0}.registration-role-copy strong{font-size:21px}.registration-role-copy>span{font-size:14px;display:block}.stars-page{border:1px solid #dce6ef;border-radius:10px;margin:16px;padding:16px;box-shadow:0 2px 8px #2336500b}.stars-page .stars-hero{min-height:36px;margin-bottom:10px}.stars-page .stars-hero h1{margin:0;font-size:24px}.stars-page .stars-hero-art{width:36px;height:36px}.stars-page .stars-stats section{padding:10px 12px}.stars-page .stars-explainer{background:#f8faff;border:1px solid #d8e6ef;border-radius:8px;margin-top:12px;padding:10px 12px}.stars-page .stars-explainer summary{cursor:pointer;margin:0}.stars-page .stars-explainer p{margin:8px 0 0}.stars-page .stars-explainer button{margin-top:8px}@media (max-width:600px){.account-page{padding:12px 10px}.account-form-card{padding:16px}.student-profile-panel a,.student-profile-panel button{min-height:44px}.stars-page{margin:12px 10px;padding:12px}.account-form-card.registration-choice{padding:20px}.registration-choice header h1{font-size:26px}.registration-roles{gap:10px}.account-page .registration-role{min-height:152px;padding:72px 12px 14px}.registration-role .account-icon{width:48px;height:48px;top:12px;right:12px}.registration-role-copy strong{font-size:20px}.registration-role-copy>span{font-size:13px;display:block}}.reward-count .account-icon{flex-shrink:0;width:36px;height:36px;display:block}.reward-count-compact .account-icon{width:26px;height:26px}.notification-root{flex-shrink:0;margin-left:10px;position:relative}.notification-toggle{cursor:pointer;background:#fff;border:1px solid #d8e6ef;border-radius:8px;place-items:center;width:38px;height:38px;padding:4px;display:grid;position:relative}.notification-toggle img{object-fit:contain;width:28px;height:28px;display:block}.notification-badge{pointer-events:none;background:#ef3545;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;top:-3px;right:-3px;box-shadow:0 1px 3px #263b5526}.notification-panel{color:#2c3e50;z-index:12000;background:#fff;border:1px solid #d8e6ef;border-radius:12px;width:340px;max-height:min(480px,100dvh - 120px);padding:12px;font-size:13px;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 10px 30px #243d6933}.notification-panel header{border-bottom:1px solid #e2eaf4;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.notification-panel h2{color:#31568a;margin:0;font-size:17px}.notification-close{color:#536a84;background:#f1f5fa;border:0;border-radius:6px;width:32px;height:32px;font-size:22px}.notification-list{gap:8px;display:grid}.notification-item{background:#f7faff;border:1px solid #d8e6ef;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.notification-item>img{object-fit:contain;flex-shrink:0}.notification-item>div{min-width:0}.notification-item strong,.notification-item a{overflow-wrap:anywhere;display:block}.notification-item p{color:#536a84;margin:5px 0;font-size:12px}.notification-item a,.notification-panel footer a{color:#23578d;text-underline-offset:3px}.notification-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.notification-actions button{color:#31568a;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d8eb;border-radius:6px;padding:6px 9px}.notification-actions button:first-child{color:#fff;background:#0077b6;border-color:#0077b6}.notification-actions button:disabled{opacity:.6;cursor:wait}.notification-panel footer{border-top:1px solid #e2eaf4;margin-top:10px;padding-top:10px}.notification-empty{color:#536a84;margin:10px 0;padding:10px}.notification-root :focus-visible{outline-offset:3px;outline:3px solid #b17609}@media (max-width:600px){.notification-root{margin-left:6px}.notification-panel{width:auto;max-height:calc(100dvh - 90px);position:fixed;top:68px;left:10px;right:10px}.notification-actions button{min-height:44px}.navbar:has(.guest-auth) .notification-panel{top:108px}}.student-profile-panel a,.student-profile-panel button{justify-content:flex-start;gap:8px}.student-profile-panel a>span,.student-profile-panel button>span{flex:0 auto}.student-profile-panel a>.account-icon,.student-profile-panel button>.account-icon{order:1;width:28px;height:28px}.student-profile-panel a,.student-profile-panel button{gap:6px}.header-stars{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.header-stars .reward-count{margin:0}.stars-page .stars-stats{grid-template-columns:1fr}.header-stars{margin-left:10px}.header-stars+.notification-root{margin-left:12px}@media (max-width:600px){.header-stars{margin-left:6px}}.notification-root .notification-panel{box-sizing:border-box;border-radius:14px;flex-direction:column;width:400px;max-width:calc(100vw - 24px);min-height:150px;max-height:min(520px,100dvh - 90px);padding:14px;font-size:14px;display:flex;overflow:hidden}.notification-panel>header{flex-shrink:0;margin:0;padding-bottom:10px}.notification-panel h2{font-size:19px}.notification-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5c7df transparent;min-height:0;padding:12px 3px 3px 0;overflow:hidden auto}.notification-scroll::-webkit-scrollbar{width:6px}.notification-scroll::-webkit-scrollbar-track{background:0 0}.notification-scroll::-webkit-scrollbar-thumb{background:#b5c7df;border-radius:6px}.notification-scroll::-webkit-scrollbar-thumb:hover{background:#8da9cc}.notification-panel .notification-item{gap:10px;padding:12px}.notification-item>div{flex:1}.notification-item strong{font-size:14px}.notification-panel .notification-item p{font-size:13px;line-height:1.5}.notification-panel>footer{flex-shrink:0;margin-top:10px;padding-top:10px}.notification-panel .notification-empty{align-items:center;min-height:70px;margin:0;font-size:14px;display:flex}.notification-panel .notification-actions button{min-height:38px;padding:7px 12px}@media (max-width:600px){.notification-root .notification-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);position:fixed;top:68px;left:12px;right:12px}.notification-panel .notification-actions button{min-height:42px}}.notification-item a.notification-task-start{color:#fff;background:#0077b6;border-radius:7px;min-height:34px;margin-top:8px;padding:7px 11px;font-weight:650;text-decoration:none;display:inline-flex}.notification-item a.notification-task-start:hover{background:#00659b}.task-count-badge,.student-box-heading .task-count-badge{color:#fff;text-shadow:-.6px 0 #49321e,.6px 0 #49321e,0 -.6px #49321e,0 .6px #49321e;background:#f38b24;border:1px solid #d77516;border-radius:50%;flex-shrink:0;place-items:center;min-width:27px;height:27px;padding:0 6px;font-size:15px;font-weight:800;line-height:1;display:inline-grid;box-shadow:0 2px #bf661733}.notification-toggle .notification-badge{animation:3s ease-in-out infinite notification-dot-blink;top:auto;bottom:-3px;right:-3px}@keyframes notification-dot-blink{0%,to{opacity:1}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.notification-toggle .notification-badge{animation:none}}.task-count-badge,.student-box-heading .task-count-badge{min-width:20px;height:20px;text-shadow:none;box-shadow:none;color:#fff;background:#ed861c;border:0;padding:0 4px;font-size:12px;font-weight:700}.student-profile-panel .task-count-badge{order:2;margin-left:1px}.reward-count-number{align-self:center;place-items:center;min-height:36px;margin:0;padding:0;line-height:1;display:grid;position:relative;top:1px}.reward-count-compact .reward-count-number{height:26px;min-height:26px}.header-stars .reward-count-compact{box-sizing:border-box;justify-content:center;align-items:center;gap:3px;min-width:0;height:34px;min-height:34px;padding:2px 5px 2px 6px}@media (max-width:600px){nav.navbar{padding-left:4px;padding-right:8px}nav.navbar .navbar-left{flex-shrink:0;gap:4px}nav.navbar .navbar-hamburger,nav.navbar .mobile-search-toggle,nav.navbar .notification-toggle,nav.navbar .student-profile-button{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px}nav.navbar .navbar-hamburger{place-items:center;padding:0;display:grid}nav.navbar .navbar-hamburger svg{flex-shrink:0;width:22px;height:22px}nav.navbar .header-stars{min-height:44px}nav.navbar:has(.notification-root) .navbar-brand>.navbar-logo-frame{width:min(230px,100vw - 300px)}.notification-panel .notification-actions button,.notification-panel a.notification-task-start{min-height:44px}.notification-close{flex-shrink:0;width:44px;height:44px}.account-form-card input:not([type=checkbox]){font-size:16px}}@media (max-width:440px){nav.navbar:has(.notification-root):not(:has(.guest-auth)) .navbar-brand>.navbar-logo-frame{aspect-ratio:auto;width:34px;height:40px}nav.navbar:has(.notification-root):not(:has(.guest-auth)) .navbar-logo{width:255px;top:-23px;left:-3px}}@media (max-width:650px){nav.navbar:has(.guest-auth){--navbar-panel-top:114px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;height:106px;min-height:106px;padding:6px 8px;display:grid}nav.navbar:has(.guest-auth) .navbar-left{grid-area:1/1/auto/4;gap:4px}nav.navbar:has(.guest-auth) .navbar-brand>.navbar-logo-frame{width:min(230px,100vw - 140px)}nav.navbar:has(.guest-auth) .mobile-search-toggle{grid-area:1/4;margin-left:0}nav.navbar:has(.guest-auth) .header-stars{grid-area:2/1;justify-self:start;margin:0}nav.navbar:has(.guest-auth) .notification-root{grid-area:2/2;margin:0}nav.navbar .guest-auth{grid-area:2/3/auto/5;justify-content:flex-end;gap:5px;width:auto;margin:0}nav.navbar .guest-auth a{gap:4px;min-height:44px;padding:4px 7px;font-size:12px}nav.navbar .guest-auth .account-icon{width:20px;height:20px}.navbar:has(.guest-auth)+.app-layout .sidebar{max-height:calc(100dvh - 106px);top:106px}.navbar:has(.guest-auth) .notification-root .notification-panel{width:calc(100vw - 24px);left:12px;right:12px;top:var(--navbar-panel-top,114px);max-height:calc(100dvh - 126px);position:fixed}}.student-profile-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5c7df transparent;max-height:calc(100dvh - 80px);overflow-y:auto}@media (max-width:600px){nav.navbar:has(.student-profile):not(:has(.notification-root)) .navbar-brand>.navbar-logo-frame{width:min(230px,100vw - 180px)}}@media (max-width:992px) and (max-height:480px){nav.navbar .navbar-hamburger,nav.navbar .mobile-search-toggle,nav.navbar .notification-toggle,nav.navbar .student-profile-button{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px}.account-form-card input:not([type=checkbox]){font-size:16px}.notification-close{width:44px;height:44px}.notification-panel .notification-actions button,.notification-panel a.notification-task-start{min-height:44px}}@media (max-width:360px){nav.navbar:has(.guest-auth){grid-template-columns:minmax(max-content,1fr) auto auto auto;gap:4px}nav.navbar .guest-auth{gap:3px}nav.navbar .guest-auth a{gap:3px;padding:4px 5px;font-size:11px}nav.navbar .guest-auth .account-icon{width:16px;height:16px}nav.navbar:has(.guest-auth) .reward-count-number{font-size:14px}}
.classroom-page{color:#2c3e50;max-width:1450px;margin:28px 20px 40px;font-size:16px;line-height:1.6}.classroom-page *{box-sizing:border-box}.classroom-page h1{color:#0077b6;font-size:32px;font-weight:750}.classroom-page h2{font-size:23px;font-weight:700}.classroom-page h3{font-size:18px;font-weight:700}.classroom-page a{color:#23578d}.classroom-page .account-button{color:#fff}.classroom-page button:not(.account-button){color:#31568a;background:#f4f8fe;border:1px solid #c7d8eb;border-radius:8px;min-height:42px;padding:9px 14px}.classroom-page button:disabled{opacity:.55;cursor:wait}.classroom-page :focus-visible{outline-offset:3px;outline:3px solid #b17609}.class-header,.class-panel{background:#fff;border:1px solid #dce6ef;border-radius:14px;margin-bottom:20px;padding:26px;box-shadow:0 5px 16px #2336500b}.class-header{grid-template-columns:minmax(0,1fr);display:grid}.class-header>img{object-fit:contain;grid-area:1/1;justify-self:end}.class-header>span{color:#61718a;grid-area:1/1;align-self:center;padding-right:90px;font-size:14px;font-weight:650}.class-header h1{grid-row:2;margin:8px 0}.class-header p{color:#536a84;grid-row:3;margin:0}.class-toolbar,.class-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;display:flex}.class-toolbar span,.class-heading>span,.class-muted{color:#61718a;font-size:13px}.class-heading h2{margin:0}.class-panel summary{color:#31568a;cursor:pointer;min-height:32px;font-weight:700}.class-form{gap:15px;margin-top:20px;display:grid}.class-form label{gap:6px;min-width:0;font-size:14px;font-weight:650;display:grid}.class-form input,.class-form select,.class-form textarea{font:inherit;color:#243b53;background:#fff;border:1px solid #a9bfd7;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-weight:400}.class-form textarea{resize:vertical}.class-form button{justify-self:start}.class-form p{color:#61718a;margin:0;font-size:13px}.class-inline-form{grid-template-columns:2fr 1fr auto;align-items:end}.class-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.class-two-column details{background:#f8fbff;border:1px solid #dce6ef;border-radius:10px;padding:18px}.class-two-column details p{font-size:14px}.class-tabs{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.class-tabs button{min-width:150px;text-align:left!important}.class-tabs small{font-weight:400;display:block}.class-tabs button[aria-pressed=true]{color:#fff;background:#5d74b3;border-color:#5d74b3}.class-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.class-stat-grid section{background:#f3f8fe;border:1px solid #d4e3f2;border-radius:12px;padding:20px}.class-stat-grid section>span{color:#536a84;font-size:14px}.class-stat-grid strong{justify-content:space-between;align-items:center;font-size:30px;display:flex}.class-stat-grid small{font-size:16px}.class-empty{background:#f7faff;border:1px dashed #bccfe5;border-radius:12px;margin:20px 0;padding:32px}.class-roster,.class-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.class-roster article,.class-task-grid article{background:#fbfdff;border:1px solid #d8e6ef;border-radius:12px;min-width:0;padding:20px}.class-roster h3{margin:0}.class-roster small,.class-task-grid small{color:#61718a;font-size:13px}.class-roster p{margin:10px 0}.class-row-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;display:flex}.class-row-actions details{width:100%;font-size:13px}.class-invitations{padding:0;list-style:none}.class-invitations li,.class-task-row{border-bottom:1px solid #e1eaf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.class-status{color:#405d83;white-space:nowrap;background:#f1f6fc;border:1px solid #cfdeed;border-radius:15px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-block}.status-done,.status-already{color:#497029;background:#f0f7e9;border-color:#c5d8ac}.status-late{color:#8b571a;background:#fff4e5;border-color:#e8cea6}.class-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.class-credentials{background:#fffdf1;border-color:#e3cd82}.class-credentials dd{overflow-wrap:anywhere}.class-table-wrap{overflow-x:auto}.class-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.class-table-wrap th,.class-table-wrap td{text-align:left;border-bottom:1px solid #d8e6ef;padding:12px}.class-student-report>section,.class-student-report>div{scroll-margin-top:90px}@media (max-width:800px){.classroom-page{margin:18px 12px}.class-header,.class-panel{padding:20px}.class-two-column,.class-roster,.class-task-grid,.class-inline-form{grid-template-columns:1fr}.class-stat-grid{gap:8px}.class-stat-grid section{padding:12px}.class-stat-grid section>span{font-size:12px}.class-stat-grid strong{font-size:24px}.class-stat-grid img{width:23px;height:23px}.classroom-page h1{font-size:27px}.classroom-page h2{font-size:21px}.class-form button{width:100%}.class-roster .account-button{width:100%;font-size:14px}}.classroom-page h1,.classroom-page h2,.classroom-page h3,.class-tabs button{overflow-wrap:anywhere}.class-tabs button{max-width:100%}.teacher-dashboard{margin:16px 16px 28px;font-size:15px;line-height:1.45}.teacher-dashboard .class-header,.teacher-dashboard .class-panel{border-radius:12px;margin-bottom:12px;padding:16px 18px}.teacher-dashboard .class-header{display:block;position:relative}.teacher-dashboard .class-header>img{width:44px;height:44px;position:absolute;top:16px;right:18px}.teacher-dashboard .class-header>span{padding-right:56px;font-size:12px;display:block}.teacher-dashboard .class-header h1{margin:4px 0 6px;padding-right:56px;font-size:27px;line-height:1.2}.teacher-dashboard .class-header p{font-size:14px}.teacher-dashboard .class-toolbar,.teacher-dashboard .class-heading{gap:8px 12px;margin:12px 0}.teacher-dashboard .class-toolbar>span{font-size:12px}.teacher-dashboard .class-panel>h2,.teacher-dashboard .class-heading h2,.teacher-dashboard .class-empty h2{margin:0 0 8px;font-size:20px}.teacher-dashboard .class-heading h2{margin:0}.teacher-dashboard .class-panel summary{min-height:26px;font-size:14px}.teacher-dashboard .class-form{gap:10px;margin-top:10px}.teacher-dashboard .class-form label{gap:4px;font-size:13px}.teacher-dashboard .class-form label>small{color:#61718a;font-size:12px;font-weight:400}.teacher-dashboard .password-field button{flex-shrink:0;width:auto;min-height:40px;padding:8px 10px;font-size:13px}.teacher-dashboard .class-form input,.teacher-dashboard .class-form select,.teacher-dashboard .class-form textarea{border-radius:7px;min-height:40px;padding:8px 10px}.teacher-dashboard .class-panel .account-button,.teacher-dashboard .class-toolbar button,.teacher-dashboard .class-row-actions button{min-height:40px;padding:8px 12px;font-size:14px}.teacher-dashboard .class-two-column{gap:12px}.teacher-dashboard .class-two-column details{padding:12px}.teacher-dashboard .class-two-column details p{margin:6px 0;font-size:13px}.teacher-dashboard .class-empty{margin:12px 0;padding:16px 18px}.teacher-dashboard .class-empty h2{margin-bottom:4px}.teacher-dashboard .class-empty p{margin:0;font-size:14px}.teacher-dashboard .class-tabs{gap:8px;margin:12px 0}.teacher-dashboard .class-tabs button{min-width:120px;padding:7px 12px;font-size:14px}.teacher-dashboard .class-stat-grid{gap:10px;margin:12px 0}.teacher-dashboard .class-stat-grid section{padding:12px 14px}.teacher-dashboard .class-stat-grid strong{font-size:25px;line-height:1.3}.teacher-dashboard .class-roster,.teacher-dashboard .class-task-grid{gap:12px}.teacher-dashboard .class-roster article,.teacher-dashboard .class-task-grid article{padding:14px}.teacher-dashboard .class-roster p,.teacher-dashboard .class-task-grid p{margin:6px 0}.teacher-dashboard .class-row-actions{gap:8px;margin-top:10px}.teacher-dashboard .class-workspace{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:16px 18px;box-shadow:0 5px 16px #2336500b}.teacher-dashboard .class-workspace>.class-heading{margin:0 0 10px}.teacher-dashboard .class-workspace>.class-stat-grid{gap:10px;margin:0 0 12px}.teacher-dashboard .class-workspace>.class-stat-grid section{border-radius:8px;padding:9px 12px}.teacher-dashboard .class-workspace>.class-stat-grid section>span{font-size:12px}.teacher-dashboard .class-workspace>.class-stat-grid strong{font-size:22px;line-height:1.25}.teacher-dashboard .class-workspace>.class-stat-grid img{width:24px;height:24px}.teacher-dashboard .class-workspace>.class-panel{box-shadow:none;border:0;border-top:1px solid #e1eaf3;border-radius:0;margin:0;padding:12px 0}.teacher-dashboard .class-workspace>.class-panel:last-child{padding-bottom:0}.teacher-dashboard .class-workspace>.class-panel>h2{margin-bottom:6px;font-size:18px}.teacher-dashboard .class-workspace>.class-panel>p{margin:4px 0;font-size:14px}.teacher-dashboard .class-workspace>.class-panel>summary{min-height:24px}.teacher-dashboard .class-workspace .class-two-column{gap:10px}.teacher-dashboard .class-workspace .class-two-column details{border-radius:8px;align-self:start;padding:9px 12px}.teacher-dashboard .class-workspace>.class-credentials{background:#fffdf1;border:1px solid #e3cd82;border-radius:8px;margin:8px 0;padding:12px}@media (max-width:800px){.teacher-dashboard{margin:12px 10px 24px}.teacher-dashboard .class-header,.teacher-dashboard .class-panel,.teacher-dashboard .class-empty{padding:14px}.teacher-dashboard .class-header>img{width:38px;height:38px;top:14px;right:14px}.teacher-dashboard .class-header h1{font-size:24px}.teacher-dashboard .class-stat-grid{gap:8px}.teacher-dashboard .class-stat-grid section{padding:10px}.teacher-dashboard .class-form input,.teacher-dashboard .class-form select,.teacher-dashboard .class-form textarea,.teacher-dashboard .class-form .account-button{min-height:44px}.teacher-dashboard .class-workspace{padding:14px 12px}.teacher-dashboard .class-workspace>.class-stat-grid{gap:6px}.teacher-dashboard .class-workspace>.class-stat-grid section{min-width:0;padding:8px}.teacher-dashboard .class-workspace>.class-stat-grid section>span{overflow-wrap:anywhere;font-size:11px}}.teacher-dashboard .class-header{padding:14px 16px}.teacher-dashboard .class-header>img{width:34px;height:34px;top:12px;right:16px}.teacher-dashboard .class-header h1{margin:3px 0 5px;font-size:25px}.teacher-dashboard .class-header p{padding-right:190px;font-size:13px}.teacher-dashboard .class-refresh{font-size:12px;position:absolute;bottom:12px;right:16px;min-height:36px!important;padding:6px 10px!important}.teacher-dashboard .class-management{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin:10px 0;display:grid}.teacher-dashboard .class-management .class-tabs{margin:0}.teacher-dashboard .class-tabs button{min-width:100px;min-height:38px;padding:6px 10px}.teacher-dashboard .class-tabs small{margin-left:8px;font-size:11px;display:inline}.teacher-dashboard .class-create{background:#fff;border:1px solid #dce6ef;border-radius:8px;padding:8px 12px;font-size:13px}.teacher-dashboard .class-create summary{cursor:pointer;color:#31568a;min-height:22px;font-weight:650}.teacher-dashboard .class-create[open]{grid-area:2/1/auto/-1;padding:12px}.teacher-dashboard .class-workspace{padding:14px}.teacher-dashboard .class-workspace>.class-stat-grid{gap:8px;margin-bottom:14px}.teacher-dashboard .class-workspace>.class-stat-grid section{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.teacher-dashboard .class-workspace>.class-stat-grid strong{gap:6px;font-size:20px}.teacher-dashboard .class-workspace>.class-stat-grid small{white-space:nowrap;font-size:13px}.teacher-dashboard .class-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.teacher-dashboard .class-column{min-width:0}.teacher-dashboard .class-column-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.teacher-dashboard .class-column-heading h2{margin:0;font-size:18px}.teacher-dashboard .class-column-heading>span{color:#536a84;background:#edf3fb;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:650}.teacher-dashboard .class-tools{background:#f5f9fe;border:1px solid #d8e6ef;border-radius:8px;margin-bottom:10px;padding:8px 10px}.teacher-dashboard .class-tools>summary{color:#31568a;cursor:pointer;min-height:24px;font-size:13px;font-weight:650}.teacher-dashboard .class-tools>p{color:#536a84;margin:8px 0;font-size:12px}.teacher-dashboard .class-add-switch{gap:6px;margin-top:10px;display:flex}.teacher-dashboard .class-add-switch button{flex:1;min-height:36px;padding:6px 8px;font-size:12px}.teacher-dashboard .class-add-switch button[aria-pressed=true]{color:#fff;background:#5d74b3;border-color:#5d74b3}.teacher-dashboard .class-column .class-form .account-button{min-height:38px;padding:7px 12px;font-size:13px}.teacher-dashboard .class-column .class-roster,.teacher-dashboard .class-column .class-task-grid{grid-template-columns:1fr;gap:8px}.teacher-dashboard .class-column article{border-radius:8px;padding:10px 12px}.teacher-dashboard .class-student-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.teacher-dashboard .class-student-top>div:first-child{min-width:0}.teacher-dashboard .class-student-top h3{margin:0;font-size:15px}.teacher-dashboard .class-student-top small{font-size:11px}.teacher-dashboard .class-student-rewards{flex-shrink:0;gap:5px;display:flex}.teacher-dashboard .class-student-rewards .reward-count{border-radius:7px;gap:4px;min-height:30px;padding:3px 6px;font-size:14px}.teacher-dashboard .class-student-rewards .account-icon{width:22px;height:22px}.teacher-dashboard .class-student-meta{color:#61718a;font-size:12px;margin:5px 0!important}.teacher-dashboard .class-column .class-row-actions{align-items:start;gap:6px 12px;margin-top:6px}.teacher-dashboard .class-column .class-row-actions .account-button{width:auto;min-height:32px;padding:5px 8px;font-size:12px}.teacher-dashboard .class-column .class-row-actions details{flex:1;width:auto;font-size:12px}.teacher-dashboard .class-row-actions summary{cursor:pointer;min-height:32px;padding-top:6px;display:list-item}.teacher-dashboard .class-row-actions details[open]{flex-basis:100%}.teacher-dashboard .class-task-grid h3{margin:4px 0;font-size:15px}.teacher-dashboard .class-task-grid p{font-size:12px}.teacher-dashboard .class-task-actions{flex-wrap:wrap;align-items:start;gap:8px 14px;margin-top:8px;font-size:12px;display:flex}.teacher-dashboard .class-task-actions details{flex:1;min-width:0}.teacher-dashboard .class-task-actions details[open]{flex-basis:100%}.teacher-dashboard .class-task-actions summary,.teacher-dashboard .class-pending summary{cursor:pointer;color:#31568a}.teacher-dashboard .class-column-empty{color:#61718a;background:#f8fbfe;border-radius:8px;margin:0;padding:12px;font-size:13px}.teacher-dashboard .class-pending{margin-top:10px;font-size:13px}.teacher-dashboard .class-column .class-credentials{border:1px solid #e3cd82;border-radius:8px;margin-bottom:10px;padding:12px;font-size:13px}.teacher-dashboard .class-credentials h3{margin:0 0 6px;font-size:15px}.teacher-dashboard .class-student-report{border-top:1px solid #d8e6ef;margin-top:14px;padding-top:14px}@media (max-width:700px){.teacher-dashboard .class-columns{grid-template-columns:1fr;gap:16px}.teacher-dashboard .class-column+.class-column{border-top:1px solid #e1eaf3;border-left:0;padding-top:14px;padding-left:0}.teacher-dashboard .class-header p{padding-right:0}.teacher-dashboard .class-refresh{margin-top:8px;position:static}.teacher-dashboard .class-workspace>.class-stat-grid section{padding:8px;display:block}.teacher-dashboard .class-workspace>.class-stat-grid strong{justify-content:flex-start}.teacher-dashboard .class-management{grid-template-columns:1fr}.teacher-dashboard .class-create{justify-self:start}.teacher-dashboard .class-create[open]{grid-row:auto;justify-self:stretch}.teacher-dashboard .class-tabs small{margin-left:0;display:block}.teacher-dashboard .class-column .class-form .account-button{min-height:44px}.teacher-dashboard .class-column .class-row-actions .account-button{min-height:40px}}.classroom-page{margin:16px;font-size:14px;line-height:1.45}.classroom-page h1{margin:0;font-size:24px;line-height:1.25}.classroom-page h2{margin:0 0 8px;font-size:18px}.classroom-page h3{margin:0 0 6px;font-size:15px}.class-header,.class-panel,.class-empty{border-radius:10px;margin:0 0 12px;padding:14px;box-shadow:0 2px 8px #2336500b}.class-header{min-height:62px;display:block;position:relative}.class-header>img,.teacher-dashboard .class-header>img{width:34px;height:34px;position:absolute;top:12px;right:14px}.class-header>span{margin-bottom:3px;padding-right:48px;font-size:11px;display:block}.class-header h1,.teacher-dashboard .class-header h1{grid-row:auto;margin:0;padding-right:48px;font-size:24px}.class-header p{margin:6px 0 0;font-size:13px}.teacher-dashboard .class-header{flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:0;padding:14px;display:flex}.teacher-dashboard .class-header>span{flex-basis:100%;margin:0;padding:0}.teacher-dashboard .class-header>img{display:none}.teacher-dashboard .class-header h1{flex:180px;padding:0}.teacher-dashboard .class-refresh{margin:0;font-size:12px;position:static;min-height:36px!important}.class-toolbar,.class-heading{gap:8px;margin:10px 0}.classroom-page>.class-toolbar{background:#fff;border:1px solid #dce6ef;border-radius:8px;padding:8px 10px}.classroom-page p{margin:6px 0}.classroom-page button:not(.account-button){min-height:36px;padding:7px 10px;font-size:13px}.classroom-page .account-button{min-height:38px;padding:7px 12px;font-size:13px}.class-roster,.class-task-grid{gap:8px}.class-roster article,.class-task-grid article{background:#f8fbff;border-radius:8px;padding:12px}.class-task-grid article h3{margin:8px 0 4px}.class-task-grid article small{font-size:12px;display:block}.class-task-grid article>.account-button{margin-top:10px}.class-row-actions{gap:8px;margin-top:8px}.class-empty{background:#f8fbff;border:1px solid #d8e6ef}.class-empty h2{margin:0 0 4px}.class-empty h2:last-child{margin:0}.teacher-dashboard .class-columns{gap:10px}.teacher-dashboard .class-column,.teacher-dashboard .class-column+.class-column{background:#fbfdff;border:1px solid #d8e6ef;border-radius:8px;min-width:0;padding:12px}.teacher-dashboard .class-column-heading h2{font-size:17px}.class-credentials dl{grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:10px 0;display:grid}.class-credentials dt,.class-credentials dd{overflow-wrap:anywhere;margin:0}.class-task-row,.class-invitations li{gap:8px;padding:8px 0}.class-table-wrap table{font-size:13px}.class-table-wrap th,.class-table-wrap td{padding:8px}.class-student-report .class-muted{background:#f8faff;border:1px solid #d8e6ef;border-radius:6px;padding:8px;font-size:12px}.class-student-report .stars-page{margin:0}.teacher-dashboard .class-student-report{margin-top:12px;padding-top:12px}.classroom-page [role=status]:not(.class-credentials),.classroom-page>.account-error{background:#f5f9ff;border:1px solid #d8e6ef;border-radius:8px;padding:8px 10px}.classroom-page>.account-error{background:#fff2e8;border-color:#e4b48a}@media (max-width:700px){.classroom-page,.teacher-dashboard{margin:12px 10px}.class-header,.class-panel,.class-empty,.teacher-dashboard .class-panel{padding:12px}.classroom-page button:not(.account-button),.classroom-page .account-button,.teacher-dashboard .class-column .class-row-actions .account-button{min-height:44px}.teacher-dashboard .class-column+.class-column{border:1px solid #d8e6ef;padding:12px}.class-task-grid{grid-template-columns:1fr}}.teacher-dashboard .class-inline-form{grid-template-columns:minmax(0,1fr) auto}@media (max-width:700px){.teacher-dashboard .class-inline-form{grid-template-columns:1fr}}.teacher-dashboard .class-create-trigger{justify-self:end;gap:8px;min-height:40px;padding:8px 14px;font-size:13px}.class-create-trigger>span{font-size:20px;line-height:1}.class-create-dialog{color:#2c3e50;background:#fff;border:1px solid #d5e1ef;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #172b4d40}.class-create-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172b4d66}.class-dialog-card{padding:24px}.class-dialog-header{padding-right:40px;position:relative}.class-dialog-icon{background:#edf4fd;border:1px solid #d8e6ef;border-radius:14px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid}.teacher-dashboard .class-dialog-header h2{color:#0077b6;margin:0;font-size:23px;line-height:1.25}.teacher-dashboard .class-dialog-close{color:#536a84;background:#f1f5fa;border:0;place-items:center;width:34px;min-height:34px;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:0;right:0}.teacher-dashboard .class-create-dialog .class-form{gap:16px;margin-top:20px}.teacher-dashboard .class-create-dialog .class-form input{min-height:46px;padding:11px 12px;font-size:15px}.class-dialog-actions{border-top:1px solid #e3ebf4;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:16px;display:flex}.teacher-dashboard .class-dialog-actions button{width:auto;min-height:42px;padding:9px 16px;font-size:14px}@media (max-width:600px){.class-dialog-card{padding:20px}.teacher-dashboard .class-create-trigger{justify-self:start}.teacher-dashboard .class-dialog-actions button{min-height:44px}}.teacher-dashboard .class-management{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.teacher-dashboard .class-management:has(.class-tabs){gap:12px}.teacher-dashboard .class-create-trigger{flex:none;place-self:start;width:auto;max-width:100%}.teacher-dashboard .class-first-card{background:#fff;border:1px solid #d8e6ef;border-radius:14px;width:min(100%,360px);margin:20px 0;padding:24px;box-shadow:0 4px 16px #2336500b}.class-first-icon{background:#edf4fd;border:1px solid #d8e6ef;border-radius:14px;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.teacher-dashboard .class-first-card h2{margin:0 0 18px;font-size:21px}.teacher-dashboard .class-first-card .class-create-trigger{width:auto;min-height:42px;padding:9px 16px;display:inline-flex}.classroom-page.teacher-dashboard{background:#fff;border:1px solid #d8e6ef;border-radius:16px;padding:20px;box-shadow:0 4px 18px #2336500c}.teacher-dashboard .class-header{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e2eaf4;border-radius:0;margin:0 0 16px;padding:0 0 16px}.teacher-dashboard .class-first-card{box-shadow:none;background:#f8fbff;margin:0 0 12px}.teacher-dashboard .class-workspace{box-shadow:none;background:#f8fbff}.teacher-dashboard .class-management{margin:0 0 12px}@media (max-width:700px){.classroom-page.teacher-dashboard{border-radius:12px;padding:14px}.teacher-dashboard .class-header{padding:0 0 12px}.teacher-dashboard .class-first-card{width:100%;padding:18px}}.teacher-dashboard .class-tools>summary{text-align:center;justify-content:center;align-items:center;min-height:38px;padding:6px 28px;line-height:1.3;list-style:none;display:flex;position:relative}.teacher-dashboard .class-tools>summary::-webkit-details-marker{display:none}.teacher-dashboard .class-tools>summary:before{content:"▸";font-size:16px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.teacher-dashboard .class-tools[open]>summary:before{content:"▾"}.teacher-dashboard .class-column-heading .class-new-task{gap:6px;width:auto;min-height:36px;margin-left:auto;padding:6px 10px;font-size:12px}@media (max-width:700px){.teacher-dashboard .class-tools>summary,.teacher-dashboard .class-column-heading .class-new-task{min-height:44px}}.student-dashboard{background:#fff;border:1px solid #d8e6ef;border-radius:18px;max-width:1100px;margin:18px auto 30px;padding:20px;font-size:14px;line-height:1.45;box-shadow:0 4px 16px #2336500b}.student-overview-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.student-overview-header span{color:#61718a;font-size:13px}.student-overview-header h1{margin:3px 0 0;font-size:27px;line-height:1.2}.student-top-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:14px;margin-bottom:14px;display:grid}.student-box{background:#f8fbff;border:1px solid #d8e6ef;border-radius:13px;min-width:0;padding:16px}.student-box-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.student-box-heading>img{object-fit:contain;flex:0 0 44px}.student-box-heading h2{margin:0 0 2px;font-size:19px}.student-box-heading span{color:#61718a;font-size:13px}.student-box-heading>div{flex:1;min-width:0}.student-dashboard .student-action{color:#fff;white-space:nowrap;cursor:pointer;background:#0077b6;border:1px solid #0077b6;border-bottom:3px solid #005c8e;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:auto;min-height:42px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.student-dashboard .student-action:hover{background:#00699f}.student-dashboard .student-action-light{color:#23578d;background:#fff;border-color:#c7d8eb #c7d8eb #b4c9df}.student-dashboard .student-action-light:hover{background:#eef5fc}.student-empty{color:#61718a;background:#fff;border-radius:9px;flex-direction:column;align-items:flex-start;gap:7px;margin:0;padding:12px;display:flex}.student-empty strong{color:#2c3e50}.student-empty .student-action{margin-top:4px}.student-task-list{gap:9px;display:grid}.student-task-list article{background:#fff;border:1px solid #dce6ef;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.student-task-list article>div{min-width:0}.student-task-list h3,.student-class-card h3,.student-invite h3{margin:5px 0 3px;font-size:16px}.student-task-list small{color:#61718a;font-size:12px}.student-task-list details{margin-top:6px}.student-task-list summary{cursor:pointer;color:#31568a}.student-completed{margin-top:12px}.student-completed summary{cursor:pointer;color:#31568a;font-weight:650}.student-completed>div{border-bottom:1px solid #dce6ef;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.student-class-card,.student-invite{background:#fff;border:1px solid #dce6ef;border-radius:10px;margin-top:9px;padding:12px}.student-class-card h3{margin-top:0}.student-class-card span,.student-class-card small{color:#61718a;font-size:13px;display:block}.student-class-card small{margin-top:6px}.student-invite p{color:#61718a;margin:6px 0 10px;font-size:12px}.student-invite-actions{flex-wrap:wrap;gap:8px;display:flex}.student-stars .student-box-heading{margin-bottom:12px}.student-stars-content{background:#fff;border-radius:10px;grid-template-columns:auto minmax(150px,1fr) minmax(180px,1fr);align-items:center;gap:22px;padding:14px;display:grid}.student-star-total{grid-template-columns:44px auto;align-items:center;column-gap:8px;display:grid}.student-star-total img{object-fit:contain;grid-row:1/3}.student-star-total strong{color:#906512;font-size:27px;line-height:1.2}.student-star-total span{color:#61718a;font-size:12px}.student-level{gap:6px;display:grid}.student-level progress{accent-color:#0077b6;width:100%;height:10px}.student-level small{color:#61718a;font-size:12px}.student-star-preview{color:#61718a;gap:4px;font-size:13px;display:grid}.student-star-preview>div{flex-wrap:wrap;gap:4px;display:flex}.student-star-preview img{object-fit:contain;width:28px;height:28px}.student-star-preview a{font-weight:650}@media (max-width:1200px){.student-dashboard{margin:16px}}@media (max-width:700px){.student-dashboard{margin:12px;padding:14px}.student-top-grid{grid-template-columns:1fr}.student-overview-header h1{font-size:23px}.student-box{padding:12px}.student-task-list article{flex-direction:column;align-items:flex-start}.student-stars-content{grid-template-columns:auto 1fr;gap:14px}.student-star-preview{grid-column:1/-1}.student-stars .student-box-heading{flex-wrap:wrap}.student-stars .student-box-heading .student-action{margin-left:54px}.student-completed>div{flex-direction:column}}.student-dashboard .student-tasks-toggle{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#0077b6;border:1px solid #0077b6;border-bottom:3px solid #005c8e;border-radius:9px;justify-content:center;align-items:center;gap:14px;padding:8px 14px;font-weight:700;display:inline-flex}.student-dashboard .student-tasks-toggle:hover{background:#00699f}.student-dashboard .student-tasks-toggle span{color:inherit;font-size:18px}.student-dashboard #student-task-content[hidden]{display:none}.teacher-dashboard .task-create-dialog{border-radius:18px;width:min(540px,100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto}.task-create-dialog .class-dialog-header>div{flex:1;min-width:0}.task-create-dialog .class-dialog-header p{color:#61718a;margin:3px 0 0;font-size:13px}.task-create-dialog .class-dialog-header img{object-fit:contain}.teacher-dashboard .task-modal-form{gap:14px}.task-modal-section{background:#f7faff;border:1px solid #dce6ef;border-radius:12px;gap:10px;padding:14px;display:grid}.teacher-dashboard .task-modal-section h3{color:#31568a;align-items:center;gap:8px;margin:0 0 2px;font-size:14px;display:flex}.task-modal-section h3 img{object-fit:contain}.task-modal-fields{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.teacher-dashboard .task-modal-form label{flex-wrap:wrap;gap:4px;display:flex}.task-modal-form label input,.task-modal-form label select,.task-modal-form label textarea{flex-basis:100%;margin-top:2px}.task-optional{color:#61718a;font-size:11px;font-weight:400}.teacher-dashboard .class-task-launch{cursor:pointer;background:#f1f7ff;border:1px solid #d4e3f2;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;font-weight:700;display:flex}.class-task-launch img{object-fit:contain}.teacher-dashboard .class-task-launch:hover{background:#e7f1fd}.teacher-dashboard .task-create-dialog .class-dialog-actions{border-top:1px solid #dce6ef;margin-top:0;padding-top:14px}.teacher-dashboard .task-create-dialog .account-button{border-bottom:3px solid #005c8e;border-radius:9px;width:auto}@media (max-width:520px){.task-modal-fields{grid-template-columns:1fr}.task-modal-section{padding:12px}}.teacher-dashboard .class-management-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-dashboard .class-management-actions .class-new-task{width:auto;min-height:40px;margin:0;padding:8px 14px}.teacher-dashboard .task-create-dialog{border-radius:14px;max-height:calc(100dvh - 40px);margin:max(20px,4vh) auto auto}.task-create-dialog .class-dialog-header{align-items:center;gap:10px;min-height:40px;padding-right:34px;display:flex}.task-create-dialog .class-dialog-icon{border-radius:10px;flex:0 0 40px;width:40px;height:40px;margin:0}.task-create-dialog .class-dialog-icon img{width:34px;height:34px}.task-create-dialog .class-dialog-header>div{align-items:center;gap:10px;min-width:0;display:flex}.teacher-dashboard .task-create-dialog .class-dialog-header h2{white-space:nowrap;font-size:20px}.task-create-dialog .class-dialog-header p{text-overflow:ellipsis;white-space:nowrap;background:#edf4fd;border-radius:6px;margin:0;padding:4px 8px;font-size:12px;overflow:hidden}.teacher-dashboard .task-create-dialog .class-dialog-close{width:30px;min-height:30px;font-size:21px;top:3px}.teacher-dashboard .task-create-dialog .task-modal-section h3{margin:0;font-size:13px}.teacher-dashboard .task-create-dialog .task-modal-form label{gap:3px;font-size:13px}.teacher-dashboard .task-create-dialog .task-modal-form input,.teacher-dashboard .task-create-dialog .task-modal-form select{height:38px;min-height:38px;padding:7px 10px;font-size:14px}.teacher-dashboard .task-create-dialog .task-modal-form textarea{min-height:60px;padding:8px 10px;font-size:14px}.teacher-dashboard .task-create-dialog .class-dialog-actions{gap:8px;padding-top:10px}.teacher-dashboard .task-create-dialog .class-dialog-actions button{min-height:38px;padding:7px 12px;font-size:13px}@media (max-width:520px){.task-create-dialog .class-dialog-card{padding:12px}.task-create-dialog .class-dialog-header,.task-create-dialog .class-dialog-header>div{gap:7px}.teacher-dashboard .task-create-dialog .class-dialog-header h2{font-size:17px}.task-create-dialog .class-dialog-header p{max-width:110px;font-size:11px}}.task-create-dialog .class-dialog-card{padding:12px}.teacher-dashboard .task-create-dialog .task-modal-form{gap:8px;margin-top:9px}.task-create-dialog .task-modal-section{gap:6px;padding:9px}.task-create-dialog .task-modal-fields{gap:8px}.teacher-dashboard .task-create-dialog .task-modal-form input,.teacher-dashboard .task-create-dialog .task-modal-form select{height:36px;min-height:36px;padding:6px 9px}.teacher-dashboard .task-create-dialog .task-modal-form textarea{height:50px;min-height:50px;padding:6px 9px}.teacher-dashboard .task-create-dialog .class-dialog-actions{padding-top:8px}.teacher-dashboard .class-remove-trigger{color:#a5323e;background:#fff5f5;border-color:#edcbd0;margin-left:auto;font-size:13px}.teacher-dashboard .class-remove-confirm{color:#fff;background:#b33745;border-color:#b33745}.teacher-dashboard .class-remove-confirm:hover{background:#962a37}.teacher-dashboard .class-icon-action{justify-content:center;align-items:center;gap:5px;min-height:46px;font-size:14px;line-height:1.25;display:inline-flex;padding:4px 14px!important}.teacher-dashboard .class-icon-action>.account-icon{object-fit:contain;pointer-events:none;flex-shrink:0;width:40px;height:40px;position:static;transform:none}.teacher-dashboard .class-create-trigger>span{font-size:14px;line-height:1.25}.teacher-dashboard .class-tools>summary:has(.account-icon){gap:5px;min-height:44px;padding:0 28px;font-size:14px}.teacher-dashboard .class-tools>summary>.account-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px;position:static;transform:none}.teacher-dashboard .class-task-launch{gap:5px;min-height:46px;padding:3px 12px;font-size:14px}.teacher-dashboard .class-task-launch img{flex-shrink:0;width:40px;height:40px}.teacher-dashboard .class-management{gap:12px;margin:12px 0}.teacher-dashboard .class-management-actions{gap:10px}.teacher-dashboard .class-workspace>.class-heading{gap:10px;margin:0 0 12px}.teacher-dashboard .class-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.teacher-dashboard .class-column{background:#fff;border:1px solid #d8e6ef;border-radius:12px;padding:14px}.teacher-dashboard .class-column+.class-column{border-left:1px solid #d8e6ef;padding-left:14px}.teacher-dashboard .class-tools{background:#f3f8fe;border-radius:10px;padding:2px 8px}.teacher-dashboard .class-tools[open]{padding:2px 12px 12px}.teacher-dashboard .class-column-empty{border-radius:8px;margin:10px 0 0;padding:12px;font-size:14px}.teacher-dashboard .class-dialog-header{align-items:center;gap:8px;min-height:48px;padding-right:38px;display:flex}.teacher-dashboard .class-dialog-icon{background:#edf4fd;border-radius:10px;flex:0 0 48px;width:48px;height:48px;margin:0}.teacher-dashboard .class-dialog-icon img{object-fit:contain;width:46px;height:46px}.teacher-dashboard .class-dialog-header h2{font-size:21px}.teacher-dashboard .task-create-dialog .class-dialog-icon{flex-basis:46px;width:46px;height:46px}.teacher-dashboard .task-create-dialog .class-dialog-icon img{width:44px;height:44px}.teacher-dashboard .task-create-dialog .class-dialog-header h2{font-size:20px}.teacher-dashboard .task-create-dialog .class-dialog-header>div{gap:10px}.class-remove-title{align-items:center;gap:6px;margin:0 0 10px;font-size:21px;display:flex}.class-remove-title img{object-fit:contain;width:46px;height:46px}.student-box-heading>img{flex-basis:52px;width:52px;height:52px}.student-box-heading{gap:6px}.student-dashboard .student-stars .student-box-heading>img{flex-basis:44px;width:44px;height:44px}@media (max-width:700px){.teacher-dashboard .class-columns{grid-template-columns:1fr}.teacher-dashboard .class-management{align-items:stretch}.teacher-dashboard .class-management-actions{justify-content:flex-start;width:100%}.teacher-dashboard .class-icon-action{gap:3px;font-size:13px;padding:4px 10px!important}.teacher-dashboard .class-workspace>.class-heading>span{order:2;width:100%}.teacher-dashboard .class-remove-trigger{margin-left:0}.teacher-dashboard .class-dialog-header h2{font-size:19px}.teacher-dashboard .task-create-dialog .class-dialog-header h2{font-size:17px}.teacher-dashboard .task-create-dialog .class-dialog-header>div{gap:6px}.teacher-dashboard .class-workspace>.class-stat-grid{grid-template-columns:1fr;gap:6px}.teacher-dashboard .class-workspace>.class-stat-grid section{padding:7px 10px}.teacher-dashboard .class-workspace>.class-stat-grid strong{font-size:18px}.teacher-dashboard .class-workspace>.class-heading{align-items:center}.teacher-dashboard .class-workspace>.class-heading h2{font-size:19px}.teacher-dashboard .class-remove-trigger{font-size:12px;padding:3px 7px!important}.teacher-dashboard .class-remove-trigger>.account-icon{width:34px;height:34px}.teacher-dashboard .class-workspace>.class-stat-grid section{justify-content:space-between;align-items:center;display:flex}.teacher-dashboard .class-workspace>.class-stat-grid strong{align-items:center;width:auto;margin:0;display:flex}.student-dashboard .student-stars .student-box-heading{grid-template-columns:44px minmax(0,1fr);gap:6px 8px;display:grid}.student-dashboard .student-stars .student-box-heading h2{white-space:nowrap}.student-dashboard .student-stars .student-box-heading>.student-action{grid-column:2;justify-self:start;margin:2px 0 0}.student-dashboard .student-stars .student-box-heading>img{grid-row:1/3}}.teacher-dashboard .class-icon-action{gap:5px;min-height:38px;font-size:14px;padding:5px 10px!important}.teacher-dashboard .class-icon-action>.account-icon{order:1;width:28px;height:28px}.teacher-dashboard .class-remove-trigger,.teacher-dashboard .class-remove-confirm{gap:4px;min-height:36px;font-size:14px;padding:5px 9px!important}.teacher-dashboard .class-remove-trigger>.account-icon,.teacher-dashboard .class-remove-confirm>.account-icon{width:23px;height:23px}.teacher-dashboard .class-tools>summary>.account-icon{order:1;width:32px;height:32px}.teacher-dashboard .class-tools>summary:has(.account-icon){gap:4px;min-height:38px}.teacher-dashboard .class-task-launch{gap:4px;min-height:40px;padding:4px 10px}.teacher-dashboard .class-task-launch img{order:1;width:32px;height:32px}@media (max-width:700px){.teacher-dashboard .class-icon-action{font-size:13px;padding:5px 9px!important}.teacher-dashboard .class-remove-trigger{font-size:13px}.teacher-dashboard .class-remove-trigger>.account-icon{width:22px;height:22px}}.teacher-dashboard .class-dialog-header>.class-dialog-icon{order:1}.teacher-dashboard .class-dialog-header>div{flex:0 auto}.teacher-dashboard .class-dialog-header>.class-dialog-close{order:2}.class-remove-title img{order:1;width:30px;height:30px}.compact-select{min-width:0;position:relative}.compact-select-label{color:#2c3e50;margin-bottom:5px;font-size:13px;font-weight:650;display:block}.teacher-dashboard button.compact-select-trigger{color:#243b53;text-align:left;cursor:pointer;background:#fff;border:1px solid #a9bfd7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;font-size:14px;font-weight:400;display:flex}.compact-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-select-chevron{color:#536a84;flex-shrink:0;font-size:17px;line-height:1}.compact-select-trigger[aria-expanded=true]{border-color:#0077b6;box-shadow:0 0 0 2px #0077b61a}.compact-select-list{z-index:20;overscroll-behavior:contain;background:#fff;border:1px solid #c7d8eb;border-radius:10px;max-height:190px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #243d6926}.compact-select-option{color:#243b53;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:9px 10px;font-size:14px;line-height:1.35;display:flex}.compact-select-option.active{background:#eef5fd}.compact-select-option[aria-selected=true]{color:#006da7;background:#e4f1fb;font-weight:650}.compact-select-option>span:last-child:not(:first-child){color:#0077b6;flex-shrink:0}.student-dashboard .student-stars-content{grid-template-columns:auto minmax(0,1fr);gap:22px}.student-dashboard .student-star-preview{grid-column:auto}@media (max-width:700px){.student-dashboard .student-stars-content{gap:16px}}.classroom-page.student-dashboard .student-tasks-toggle{color:#23578d;box-shadow:none;background:#fff;border:1px solid #c7d8eb;transition:background-color .15s,border-color .15s}.classroom-page.student-dashboard .student-tasks-toggle:hover{color:#194a78;background:#e8f2fc;border-color:#91b6d9}.classroom-page.student-dashboard .student-tasks-toggle:focus-visible{outline-offset:3px;color:#194a78;background:#eef6fd;outline:2px solid #0077b6}.classroom-page.student-dashboard .student-tasks-toggle span{color:inherit}.student-dashboard .student-task-heading{align-items:center;gap:9px;display:flex}@media (max-width:700px),(max-width:992px) and (max-height:480px){.classroom-page .class-form input,.classroom-page .class-form textarea{font-size:16px}.teacher-dashboard .class-create-dialog .class-form input,.teacher-dashboard .task-create-dialog .task-modal-form input,.teacher-dashboard .task-create-dialog .task-modal-form textarea{min-height:44px;font-size:16px}.teacher-dashboard .task-create-dialog .task-modal-form input{height:44px}.teacher-dashboard .task-create-dialog .class-dialog-actions button,.teacher-dashboard .class-create-dialog .class-dialog-close,.teacher-dashboard button.compact-select-trigger,.teacher-dashboard .compact-select-option{min-height:44px}.teacher-dashboard .class-create-dialog .class-dialog-close{width:44px}.task-create-dialog .class-dialog-header{padding-right:44px}.teacher-dashboard .class-heading h2,.teacher-dashboard .class-tabs button{overflow-wrap:anywhere;max-width:100%}.student-overview-header{flex-wrap:wrap;gap:10px}.student-overview-header>div{min-width:0}}@media (max-width:400px){.student-overview-header>div{flex-basis:100%}.student-overview-header h1{overflow-wrap:normal;font-size:22px}}@media (max-width:700px){.teacher-dashboard .task-create-dialog .task-modal-form textarea{height:72px;min-height:72px}.teacher-dashboard .class-tools>summary{min-height:44px}.teacher-dashboard .class-pending>summary,.student-task-list summary{min-height:44px;padding:10px 0}}.compact-select-list{scrollbar-width:thin;scrollbar-color:#b5c7df transparent}.compact-select-option>span:first-child{overflow-wrap:anywhere;min-width:0}@media (max-width:700px),(max-width:992px) and (max-height:480px){.teacher-dashboard .class-dialog-close{width:44px;height:44px;min-height:44px}.teacher-dashboard .class-dialog-actions button{min-height:44px}.teacher-dashboard button.compact-select-trigger{font-size:16px}}