*,:before,:after{box-sizing:border-box}html,body{background:var(--surface);margin:0;padding:0}@media (max-width:768px){.desktop-sidebar,.teacher-desktop-sidebar{display:none!important}.mobile-header,.teacher-mobile-header{display:flex!important}.main-content,.teacher-main-content{padding-top:52px!important}}@media (min-width:769px){.mobile-sidebar,.teacher-mobile-sidebar,.mobile-header,.teacher-mobile-header{display:none!important}}.tour-highlight{outline:2px solid var(--accent)!important;outline-offset:4px!important;z-index:100!important;border-radius:8px!important;animation:1.5s ease-in-out infinite tour-pulse!important;position:relative!important;box-shadow:0 0 0 4px #e3a2302e,0 0 20px #e3a23038!important}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 4px #e3a2302e,0 0 20px #e3a23038}50%{box-shadow:0 0 0 6px #e3a23047,0 0 30px #e3a23061}}.plate{transition:transform .16s}.plate:hover{transform:translateY(-3px)}.plate .sep{transition:transform .22s cubic-bezier(.4,0,.2,1)}.plate:hover .sep-a{transform:translate(2.5px,-2px)}.plate:hover .sep-b{transform:translate(-2px,1.5px)}@media (prefers-reduced-motion:reduce){.plate,.plate .sep{transition:none}.plate:hover,.plate:hover .sep-a,.plate:hover .sep-b{transform:none}}