body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f5f5f5}.app{max-width:900px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000001a}h1{text-align:center;color:#333;margin-bottom:20px}.essay-form>div{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input[type=text],input[type=number],textarea,select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}textarea{resize:vertical}button{background-color:#8a7fff;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-weight:700;cursor:pointer}button:hover{background-color:#a39bff}strong{display:block;margin-top:15px}.essay-form{display:flex;flex-direction:column}.essay-form>div button{margin-top:5px}textarea,input,select{margin-bottom:5px}.progress-container{position:relative;width:100%;height:20px;background:#eee;border-radius:10px;margin:10px 0;overflow:hidden}.progress-bar{position:absolute;height:100%;width:40px;background:#8a7fff;border-radius:10px;animation:pingpong 2s linear infinite}@keyframes pingpong{0%{left:0}50%{left:calc(100% - 40px)}to{left:0}}.essays-list{margin-top:20px}.essay-block{border:1px solid #ccc;padding:10px;margin-bottom:10px;border-radius:5px;background:#fafafa}