:root{--main-color:#dacdc1;--main-color-dark:#c8bfb4;--accent-color:#bfae9c;--text-color:#333333;--bg-color:#ffffff;--red-color:#e74c3c;--red-color-dark:#c0392b;--red-color-light:#fadbd8;--teacher-main-color:#d4b48c;--teacher-accent-color:#b2926f;--teacher-text-color:#333;--teacher-bg-color:#fdfbf8;--teacher-red-color:#e05b4c;--teacher-hover-color:#a89887;--teacher-border-color:#e0e0e0;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--main-color)}button{font-family:var(--font-family);cursor:pointer;background:var(--main-color);border:none;color:#fff;padding:10px 18px;border-radius:8px;transition:background-color .3s ease}button:hover{background-color:var(--main-color-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}::-webkit-scrollbar-track{background-color:#f1f1f1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}