.header{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff80;flex-direction:column;width:100%;display:flex;position:fixed;top:0;box-shadow:0 4px 12px #00000040}.header-top{justify-content:space-between;align-items:center;height:65px;display:flex}.header+*{min-width:100vw;height:calc(100dvh - 65px);min-height:calc(100dvh - 65px);margin-top:65px;overflow:hidden auto}.header+div::-webkit-scrollbar{width:10px}.header+div::-webkit-scrollbar-track{background-color:var(--blue-gray);background-clip:content-box;margin:-4px 0}.header+div::-webkit-scrollbar-thumb{background-color:var(--light-teal);border-radius:1rem}.header+div::-webkit-scrollbar-thumb:hover{background-color:var(--dark-teal)}.logo,.icon{-webkit-user-select:none;user-select:none;border-radius:var(--medium);height:50px;min-height:50px;margin-left:var(--medium);padding:var(--medium);transition:all .3s}.logo{width:165px;min-width:165px}.icon{width:50px;min-width:50px}.logo>img,.icon>img{width:100%;height:100%}.nav-labels{height:100%;display:flex}.nav-labels a{text-align:center;height:100%;color:var(--gray);padding:0 2rem;font-weight:500;line-height:65px;text-decoration:none;transition:all .3s;position:relative}.nav-labels a.active{color:var(--dark-gray)}.nav-labels a.active:before{content:"";border:var(--medium)solid transparent;border-bottom-color:var(--blue-gray);width:10px;height:10px;margin-left:auto;margin-right:auto;animation:.5s showArrow;position:absolute;bottom:0;left:0;right:0}.login-container{justify-content:flex-end;align-items:center;width:100px;margin-right:1rem;display:flex}.account-container{margin-right:8px;position:relative}.account-container:hover .account-menu{display:flex}.account-container:hover .account-options{background-color:var(--highlight)}.account-options{-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;justify-content:flex-end;align-items:center;min-width:150px;height:50px;padding-left:1rem;padding-right:.5rem;transition:all .3s;display:flex}.account-container:hover .account-options>span{opacity:1}.account-container:hover .account-container-av{box-shadow:none;scale:.9}.account-options>span{white-space:nowrap;text-overflow:ellipsis;opacity:.5;max-width:200px;color:var(--dark-gray);font-size:1.15rem;font-weight:500;transition:all .3s;overflow:hidden}.account-container-av{background-color:var(--onyx);width:40px;max-width:40px;height:40px;max-height:40px;margin-left:10px;transition:all .3s;box-shadow:0 4px 20px #00000080}.account-menu{cursor:pointer;border:3px solid var(--blue-gray);background-color:var(--light);border-radius:0 0 8px 8px;flex-direction:column;width:100%;padding:8px 0;animation:.3s expand;display:none;position:absolute;box-shadow:0 4px 24px 8px #00000026}.account-menu>button{background-color:var(--light);justify-content:flex-start;width:100%;height:40px;transition:all .3s}.account-menu>button .material-symbols-rounded{margin-left:8px;margin-right:1rem}.log-out .material-symbols-rounded{color:red}.quick-tab{border:solid var(--little)var(--blue-gray);z-index:2;background-color:var(--light);border-radius:2rem;width:100vw;max-width:1000px;min-height:160px;margin-left:auto;margin-right:auto;padding:2rem 1rem;display:none;position:absolute;top:64.5px;left:0;right:0;box-shadow:0 4px 24px 8px #00000026}.quick-tab-closing{pointer-events:none;animation:.3s forwards quickHide;display:block}.quick-tab-showing{pointer-events:auto;animation:.5s quickShow;display:block}.options-heading{-webkit-user-select:none;user-select:none;text-align:center;color:var(--gray);font-size:1rem;position:relative;bottom:10px}.options{gap:var(--little);animation:1s fadeUp;display:flex;position:relative}.options-divider{text-align:center;border-radius:var(--slight);background-color:var(--platinum);width:95%;height:var(--slight);margin:1rem auto}.options-divider span{-webkit-user-select:none;user-select:none;z-index:0;color:var(--gray);margin:0 auto;padding:0 1rem;font-size:1rem;position:relative;bottom:9px}.options-divider>span:before{content:"";background-color:var(--light);z-index:-1;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.options a{-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;color:var(--light);border-radius:var(--medium);background-color:var(--teal);flex-grow:1;justify-content:center;align-items:center;padding:1rem;font-size:1.05rem;font-weight:500;transition:all .3s;display:flex;position:relative}.options a:hover{opacity:1;background-color:var(--dark-teal);border-radius:1rem}.options a:active{scale:.95}.options a.selected{background-color:var(--dark-teal);border-radius:1rem}.options a.locked{opacity:.65;pointer-events:none}.options a[name=unit],.options a[name=paper]{text-decoration:none}.coming-soon{height:calc(160px - 4rem);color:var(--battleship);justify-content:center;align-items:center;font-size:2rem;font-weight:700;animation:1s fadeUp;display:flex}.subjects,.units{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid!important}:is(.subjects:has(:nth-child(4)),.units:has(:nth-child(4))){grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.nav-labels>a:first-child{padding:0}.nav-labels>a~a{display:none}}@media (max-width:450px){.account-options>span{max-width:85px}}@keyframes quickShow{0%{opacity:0;top:85px}to{opacity:1;top:64.5px}}@keyframes showArrow{0%{opacity:0;bottom:-10px}to{opacity:1;bottom:0}}@keyframes quickHide{0%{opacity:1;top:64.5px}to{opacity:0;top:85px}}@keyframes fadeUp{0%{opacity:0;top:20px}75%{top:0}to{opacity:1}}@keyframes expand{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}
.background{z-index:-10;background-color:var(--smoke);width:100vw;min-width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0}
body:not(:has(.modal-layer)) .glow-point{z-index:-2;box-shadow:0rem 0rem 1rem .5rem var(--light-teal);pointer-events:none;opacity:.5;position:absolute}body:not(:has(.modal-layer)) .star{z-index:-1;color:#fff;pointer-events:none;font-size:1rem;animation-duration:1.5s;animation-fill-mode:forwards;position:absolute}@keyframes fall-1{0%{opacity:0;transform:translate(0)rotateX(45deg)rotateY(30deg)rotate(0)scale(.25)}5%{opacity:1;transform:translate(10px,-10px)rotateX(45deg)rotateY(30deg)rotate(0)scale(1)}to{opacity:0;transform:translate(25px,200px)rotateX(180deg)rotateY(270deg)rotate(90deg)scale(1)}}@keyframes fall-2{0%{opacity:0;transform:translate(0)rotateX(-20deg)rotateY(10deg)scale(.25)}10%{opacity:1;transform:translate(-10px,-5px)rotateX(-20deg)rotateY(10deg)scale(1)}to{opacity:0;transform:translate(-10px,160px)rotateX(-90deg)rotateY(45deg)scale(.25)}}@keyframes fall-3{0%{opacity:0;transform:translate(0)rotateX(0)rotateY(45deg)scale(.5)}15%{opacity:1;transform:translate(7px,5px)rotateX(0)rotateY(45deg)scale(1)}to{opacity:0;transform:translate(20px,120px)rotateX(-180deg)rotateY(-90deg)scale(.5)}}